From b17e38f6d8f3093efb05d7dd9986d1293cc6f5dc Mon Sep 17 00:00:00 2001 From: Sarmaged <3858245+Sarmaged@users.noreply.github.com> Date: Mon, 12 May 2025 13:48:48 +0300 Subject: [PATCH] release: version 2025.5.12 --- .gitignore | 42 +-- .npmignore | 16 +- README.md | 17 +- builder.js | 26 -- colors.css | 3 - generators/styleBlocks.js | 54 ++++ main.js | 259 +++++++++++++++ package.json | 36 +-- src/colors/10/aliceblue.css | 147 --------- src/colors/10/antiquewhite.css | 147 --------- src/colors/10/aqua.css | 147 --------- src/colors/10/aquamarine.css | 147 --------- src/colors/10/azure.css | 147 --------- src/colors/10/beige.css | 147 --------- src/colors/10/bisque.css | 147 --------- src/colors/10/black.css | 147 --------- src/colors/10/blanchedalmond.css | 147 --------- src/colors/10/blue.css | 147 --------- src/colors/10/blueviolet.css | 147 --------- src/colors/10/brown.css | 147 --------- src/colors/10/burlywood.css | 147 --------- src/colors/10/cadetblue.css | 147 --------- src/colors/10/chartreuse.css | 147 --------- src/colors/10/chocolate.css | 147 --------- src/colors/10/coral.css | 147 --------- src/colors/10/cornflowerblue.css | 147 --------- src/colors/10/cornsilk.css | 147 --------- src/colors/10/crimson.css | 147 --------- src/colors/10/cyan.css | 147 --------- src/colors/10/darkblue.css | 147 --------- src/colors/10/darkcyan.css | 147 --------- src/colors/10/darkgoldenrod.css | 147 --------- src/colors/10/darkgray.css | 147 --------- src/colors/10/darkgreen.css | 147 --------- src/colors/10/darkgrey.css | 147 --------- src/colors/10/darkkhaki.css | 147 --------- src/colors/10/darkmagenta.css | 147 --------- src/colors/10/darkolivegreen.css | 147 --------- src/colors/10/darkorange.css | 147 --------- src/colors/10/darkorchid.css | 147 --------- src/colors/10/darkred.css | 147 --------- src/colors/10/darksalmon.css | 147 --------- src/colors/10/darkseagreen.css | 147 --------- src/colors/10/darkslateblue.css | 147 --------- src/colors/10/darkslategray.css | 147 --------- src/colors/10/darkslategrey.css | 147 --------- src/colors/10/darkturquoise.css | 147 --------- src/colors/10/darkviolet.css | 147 --------- src/colors/10/deeppink.css | 147 --------- src/colors/10/deepskyblue.css | 147 --------- src/colors/10/dimgray.css | 147 --------- src/colors/10/dimgrey.css | 147 --------- src/colors/10/dodgerblue.css | 147 --------- src/colors/10/firebrick.css | 147 --------- src/colors/10/floralwhite.css | 147 --------- src/colors/10/forestgreen.css | 147 --------- src/colors/10/fuchsia.css | 147 --------- src/colors/10/gainsboro.css | 147 --------- src/colors/10/ghostwhite.css | 147 --------- src/colors/10/gold.css | 147 --------- src/colors/10/goldenrod.css | 147 --------- src/colors/10/gray.css | 147 --------- src/colors/10/green.css | 147 --------- src/colors/10/greenyellow.css | 147 --------- src/colors/10/grey.css | 147 --------- src/colors/10/honeydew.css | 147 --------- src/colors/10/hotpink.css | 147 --------- src/colors/10/indianred.css | 147 --------- src/colors/10/indigo.css | 147 --------- src/colors/10/ivory.css | 147 --------- src/colors/10/khaki.css | 147 --------- src/colors/10/lavender.css | 147 --------- src/colors/10/lavenderblush.css | 147 --------- src/colors/10/lawngreen.css | 147 --------- src/colors/10/lemonchiffon.css | 147 --------- src/colors/10/lightblue.css | 147 --------- src/colors/10/lightcoral.css | 147 --------- src/colors/10/lightcyan.css | 147 --------- src/colors/10/lightgoldenrodyellow.css | 147 --------- src/colors/10/lightgray.css | 147 --------- src/colors/10/lightgreen.css | 147 --------- src/colors/10/lightgrey.css | 147 --------- src/colors/10/lightpink.css | 147 --------- src/colors/10/lightsalmon.css | 147 --------- src/colors/10/lightseagreen.css | 147 --------- src/colors/10/lightskyblue.css | 147 --------- src/colors/10/lightslategray.css | 147 --------- src/colors/10/lightslategrey.css | 147 --------- src/colors/10/lightsteelblue.css | 147 --------- src/colors/10/lightyellow.css | 147 --------- src/colors/10/lime.css | 147 --------- src/colors/10/limegreen.css | 147 --------- src/colors/10/linen.css | 147 --------- src/colors/10/magenta.css | 147 --------- src/colors/10/maroon.css | 147 --------- src/colors/10/mediumaquamarine.css | 147 --------- src/colors/10/mediumblue.css | 147 --------- src/colors/10/mediumorchid.css | 147 --------- src/colors/10/mediumpurple.css | 147 --------- src/colors/10/mediumseagreen.css | 147 --------- src/colors/10/mediumslateblue.css | 147 --------- src/colors/10/mediumspringgreen.css | 147 --------- src/colors/10/mediumturquoise.css | 147 --------- src/colors/10/mediumvioletred.css | 147 --------- src/colors/10/midnightblue.css | 147 --------- src/colors/10/mintcream.css | 147 --------- src/colors/10/mistyrose.css | 147 --------- src/colors/10/moccasin.css | 147 --------- src/colors/10/navajowhite.css | 147 --------- src/colors/10/navy.css | 147 --------- src/colors/10/oldlace.css | 147 --------- src/colors/10/olive.css | 147 --------- src/colors/10/olivedrab.css | 147 --------- src/colors/10/orange.css | 147 --------- src/colors/10/orangered.css | 147 --------- src/colors/10/orchid.css | 147 --------- src/colors/10/palegoldenrod.css | 147 --------- src/colors/10/palegreen.css | 147 --------- src/colors/10/paleturquoise.css | 147 --------- src/colors/10/palevioletred.css | 147 --------- src/colors/10/papayawhip.css | 147 --------- src/colors/10/peachpuff.css | 147 --------- src/colors/10/peru.css | 147 --------- src/colors/10/pink.css | 147 --------- src/colors/10/plum.css | 147 --------- src/colors/10/powderblue.css | 147 --------- src/colors/10/purple.css | 147 --------- src/colors/10/rebeccapurple.css | 147 --------- src/colors/10/red.css | 147 --------- src/colors/10/rosybrown.css | 147 --------- src/colors/10/royalblue.css | 147 --------- src/colors/10/saddlebrown.css | 147 --------- src/colors/10/salmon.css | 147 --------- src/colors/10/sandybrown.css | 147 --------- src/colors/10/seagreen.css | 147 --------- src/colors/10/seashell.css | 147 --------- src/colors/10/sienna.css | 147 --------- src/colors/10/silver.css | 147 --------- src/colors/10/skyblue.css | 147 --------- src/colors/10/slateblue.css | 147 --------- src/colors/10/slategray.css | 147 --------- src/colors/10/slategrey.css | 147 --------- src/colors/10/snow.css | 147 --------- src/colors/10/springgreen.css | 147 --------- src/colors/10/steelblue.css | 147 --------- src/colors/10/tan.css | 147 --------- src/colors/10/teal.css | 147 --------- src/colors/10/thistle.css | 147 --------- src/colors/10/tomato.css | 147 --------- src/colors/10/turquoise.css | 147 --------- src/colors/10/violet.css | 147 --------- src/colors/10/wheat.css | 147 --------- src/colors/10/white.css | 147 --------- src/colors/10/whitesmoke.css | 147 --------- src/colors/10/yellow.css | 147 --------- src/colors/10/yellowgreen.css | 147 --------- src/colors/20/aliceblue.css | 257 --------------- src/colors/20/antiquewhite.css | 257 --------------- src/colors/20/aqua.css | 257 --------------- src/colors/20/aquamarine.css | 257 --------------- src/colors/20/azure.css | 257 --------------- src/colors/20/beige.css | 257 --------------- src/colors/20/bisque.css | 257 --------------- src/colors/20/black.css | 257 --------------- src/colors/20/blanchedalmond.css | 257 --------------- src/colors/20/blue.css | 257 --------------- src/colors/20/blueviolet.css | 257 --------------- src/colors/20/brown.css | 257 --------------- src/colors/20/burlywood.css | 257 --------------- src/colors/20/cadetblue.css | 257 --------------- src/colors/20/chartreuse.css | 257 --------------- src/colors/20/chocolate.css | 257 --------------- src/colors/20/coral.css | 257 --------------- src/colors/20/cornflowerblue.css | 257 --------------- src/colors/20/cornsilk.css | 257 --------------- src/colors/20/crimson.css | 257 --------------- src/colors/20/cyan.css | 257 --------------- src/colors/20/darkblue.css | 257 --------------- src/colors/20/darkcyan.css | 257 --------------- src/colors/20/darkgoldenrod.css | 257 --------------- src/colors/20/darkgray.css | 257 --------------- src/colors/20/darkgreen.css | 257 --------------- src/colors/20/darkgrey.css | 257 --------------- src/colors/20/darkkhaki.css | 257 --------------- src/colors/20/darkmagenta.css | 257 --------------- src/colors/20/darkolivegreen.css | 257 --------------- src/colors/20/darkorange.css | 257 --------------- src/colors/20/darkorchid.css | 257 --------------- src/colors/20/darkred.css | 257 --------------- src/colors/20/darksalmon.css | 257 --------------- src/colors/20/darkseagreen.css | 257 --------------- src/colors/20/darkslateblue.css | 257 --------------- src/colors/20/darkslategray.css | 257 --------------- src/colors/20/darkslategrey.css | 257 --------------- src/colors/20/darkturquoise.css | 257 --------------- src/colors/20/darkviolet.css | 257 --------------- src/colors/20/deeppink.css | 257 --------------- src/colors/20/deepskyblue.css | 257 --------------- src/colors/20/dimgray.css | 257 --------------- src/colors/20/dimgrey.css | 257 --------------- src/colors/20/dodgerblue.css | 257 --------------- src/colors/20/firebrick.css | 257 --------------- src/colors/20/floralwhite.css | 257 --------------- src/colors/20/forestgreen.css | 257 --------------- src/colors/20/fuchsia.css | 257 --------------- src/colors/20/gainsboro.css | 257 --------------- src/colors/20/ghostwhite.css | 257 --------------- src/colors/20/gold.css | 257 --------------- src/colors/20/goldenrod.css | 257 --------------- src/colors/20/gray.css | 257 --------------- src/colors/20/green.css | 257 --------------- src/colors/20/greenyellow.css | 257 --------------- src/colors/20/grey.css | 257 --------------- src/colors/20/honeydew.css | 257 --------------- src/colors/20/hotpink.css | 257 --------------- src/colors/20/indianred.css | 257 --------------- src/colors/20/indigo.css | 257 --------------- src/colors/20/ivory.css | 257 --------------- src/colors/20/khaki.css | 257 --------------- src/colors/20/lavender.css | 257 --------------- src/colors/20/lavenderblush.css | 257 --------------- src/colors/20/lawngreen.css | 257 --------------- src/colors/20/lemonchiffon.css | 257 --------------- src/colors/20/lightblue.css | 257 --------------- src/colors/20/lightcoral.css | 257 --------------- src/colors/20/lightcyan.css | 257 --------------- src/colors/20/lightgoldenrodyellow.css | 257 --------------- src/colors/20/lightgray.css | 257 --------------- src/colors/20/lightgreen.css | 257 --------------- src/colors/20/lightgrey.css | 257 --------------- src/colors/20/lightpink.css | 257 --------------- src/colors/20/lightsalmon.css | 257 --------------- src/colors/20/lightseagreen.css | 257 --------------- src/colors/20/lightskyblue.css | 257 --------------- src/colors/20/lightslategray.css | 257 --------------- src/colors/20/lightslategrey.css | 257 --------------- src/colors/20/lightsteelblue.css | 257 --------------- src/colors/20/lightyellow.css | 257 --------------- src/colors/20/lime.css | 257 --------------- src/colors/20/limegreen.css | 257 --------------- src/colors/20/linen.css | 257 --------------- src/colors/20/magenta.css | 257 --------------- src/colors/20/maroon.css | 257 --------------- src/colors/20/mediumaquamarine.css | 257 --------------- src/colors/20/mediumblue.css | 257 --------------- src/colors/20/mediumorchid.css | 257 --------------- src/colors/20/mediumpurple.css | 257 --------------- src/colors/20/mediumseagreen.css | 257 --------------- src/colors/20/mediumslateblue.css | 257 --------------- src/colors/20/mediumspringgreen.css | 257 --------------- src/colors/20/mediumturquoise.css | 257 --------------- src/colors/20/mediumvioletred.css | 257 --------------- src/colors/20/midnightblue.css | 257 --------------- src/colors/20/mintcream.css | 257 --------------- src/colors/20/mistyrose.css | 257 --------------- src/colors/20/moccasin.css | 257 --------------- src/colors/20/navajowhite.css | 257 --------------- src/colors/20/navy.css | 257 --------------- src/colors/20/oldlace.css | 257 --------------- src/colors/20/olive.css | 257 --------------- src/colors/20/olivedrab.css | 257 --------------- src/colors/20/orange.css | 257 --------------- src/colors/20/orangered.css | 257 --------------- src/colors/20/orchid.css | 257 --------------- src/colors/20/palegoldenrod.css | 257 --------------- src/colors/20/palegreen.css | 257 --------------- src/colors/20/paleturquoise.css | 257 --------------- src/colors/20/palevioletred.css | 257 --------------- src/colors/20/papayawhip.css | 257 --------------- src/colors/20/peachpuff.css | 257 --------------- src/colors/20/peru.css | 257 --------------- src/colors/20/pink.css | 257 --------------- src/colors/20/plum.css | 257 --------------- src/colors/20/powderblue.css | 257 --------------- src/colors/20/purple.css | 257 --------------- src/colors/20/rebeccapurple.css | 257 --------------- src/colors/20/red.css | 257 --------------- src/colors/20/rosybrown.css | 257 --------------- src/colors/20/royalblue.css | 257 --------------- src/colors/20/saddlebrown.css | 257 --------------- src/colors/20/salmon.css | 257 --------------- src/colors/20/sandybrown.css | 257 --------------- src/colors/20/seagreen.css | 257 --------------- src/colors/20/seashell.css | 257 --------------- src/colors/20/sienna.css | 257 --------------- src/colors/20/silver.css | 257 --------------- src/colors/20/skyblue.css | 257 --------------- src/colors/20/slateblue.css | 257 --------------- src/colors/20/slategray.css | 257 --------------- src/colors/20/slategrey.css | 257 --------------- src/colors/20/snow.css | 257 --------------- src/colors/20/springgreen.css | 257 --------------- src/colors/20/steelblue.css | 257 --------------- src/colors/20/tan.css | 257 --------------- src/colors/20/teal.css | 257 --------------- src/colors/20/thistle.css | 257 --------------- src/colors/20/tomato.css | 257 --------------- src/colors/20/turquoise.css | 257 --------------- src/colors/20/violet.css | 257 --------------- src/colors/20/wheat.css | 257 --------------- src/colors/20/white.css | 257 --------------- src/colors/20/whitesmoke.css | 257 --------------- src/colors/20/yellow.css | 257 --------------- src/colors/20/yellowgreen.css | 257 --------------- src/rainbow.css | 8 - src/web.css | 16 - utils/colors.js | 150 +++++++++ utils/config.js | 28 ++ utils/convert.js | 75 +++++ utils/fs.js | 15 + utils/palette.js | 19 ++ utils/tools.js | 8 + web.css | 3 - yarn.lock | 421 +++++++++++++++++-------- 314 files changed, 961 insertions(+), 60027 deletions(-) delete mode 100644 builder.js delete mode 100644 colors.css create mode 100644 generators/styleBlocks.js create mode 100755 main.js delete mode 100644 src/colors/10/aliceblue.css delete mode 100644 src/colors/10/antiquewhite.css delete mode 100644 src/colors/10/aqua.css delete mode 100644 src/colors/10/aquamarine.css delete mode 100644 src/colors/10/azure.css delete mode 100644 src/colors/10/beige.css delete mode 100644 src/colors/10/bisque.css delete mode 100644 src/colors/10/black.css delete mode 100644 src/colors/10/blanchedalmond.css delete mode 100644 src/colors/10/blue.css delete mode 100644 src/colors/10/blueviolet.css delete mode 100644 src/colors/10/brown.css delete mode 100644 src/colors/10/burlywood.css delete mode 100644 src/colors/10/cadetblue.css delete mode 100644 src/colors/10/chartreuse.css delete mode 100644 src/colors/10/chocolate.css delete mode 100644 src/colors/10/coral.css delete mode 100644 src/colors/10/cornflowerblue.css delete mode 100644 src/colors/10/cornsilk.css delete mode 100644 src/colors/10/crimson.css delete mode 100644 src/colors/10/cyan.css delete mode 100644 src/colors/10/darkblue.css delete mode 100644 src/colors/10/darkcyan.css delete mode 100644 src/colors/10/darkgoldenrod.css delete mode 100644 src/colors/10/darkgray.css delete mode 100644 src/colors/10/darkgreen.css delete mode 100644 src/colors/10/darkgrey.css delete mode 100644 src/colors/10/darkkhaki.css delete mode 100644 src/colors/10/darkmagenta.css delete mode 100644 src/colors/10/darkolivegreen.css delete mode 100644 src/colors/10/darkorange.css delete mode 100644 src/colors/10/darkorchid.css delete mode 100644 src/colors/10/darkred.css delete mode 100644 src/colors/10/darksalmon.css delete mode 100644 src/colors/10/darkseagreen.css delete mode 100644 src/colors/10/darkslateblue.css delete mode 100644 src/colors/10/darkslategray.css delete mode 100644 src/colors/10/darkslategrey.css delete mode 100644 src/colors/10/darkturquoise.css delete mode 100644 src/colors/10/darkviolet.css delete mode 100644 src/colors/10/deeppink.css delete mode 100644 src/colors/10/deepskyblue.css delete mode 100644 src/colors/10/dimgray.css delete mode 100644 src/colors/10/dimgrey.css delete mode 100644 src/colors/10/dodgerblue.css delete mode 100644 src/colors/10/firebrick.css delete mode 100644 src/colors/10/floralwhite.css delete mode 100644 src/colors/10/forestgreen.css delete mode 100644 src/colors/10/fuchsia.css delete mode 100644 src/colors/10/gainsboro.css delete mode 100644 src/colors/10/ghostwhite.css delete mode 100644 src/colors/10/gold.css delete mode 100644 src/colors/10/goldenrod.css delete mode 100644 src/colors/10/gray.css delete mode 100644 src/colors/10/green.css delete mode 100644 src/colors/10/greenyellow.css delete mode 100644 src/colors/10/grey.css delete mode 100644 src/colors/10/honeydew.css delete mode 100644 src/colors/10/hotpink.css delete mode 100644 src/colors/10/indianred.css delete mode 100644 src/colors/10/indigo.css delete mode 100644 src/colors/10/ivory.css delete mode 100644 src/colors/10/khaki.css delete mode 100644 src/colors/10/lavender.css delete mode 100644 src/colors/10/lavenderblush.css delete mode 100644 src/colors/10/lawngreen.css delete mode 100644 src/colors/10/lemonchiffon.css delete mode 100644 src/colors/10/lightblue.css delete mode 100644 src/colors/10/lightcoral.css delete mode 100644 src/colors/10/lightcyan.css delete mode 100644 src/colors/10/lightgoldenrodyellow.css delete mode 100644 src/colors/10/lightgray.css delete mode 100644 src/colors/10/lightgreen.css delete mode 100644 src/colors/10/lightgrey.css delete mode 100644 src/colors/10/lightpink.css delete mode 100644 src/colors/10/lightsalmon.css delete mode 100644 src/colors/10/lightseagreen.css delete mode 100644 src/colors/10/lightskyblue.css delete mode 100644 src/colors/10/lightslategray.css delete mode 100644 src/colors/10/lightslategrey.css delete mode 100644 src/colors/10/lightsteelblue.css delete mode 100644 src/colors/10/lightyellow.css delete mode 100644 src/colors/10/lime.css delete mode 100644 src/colors/10/limegreen.css delete mode 100644 src/colors/10/linen.css delete mode 100644 src/colors/10/magenta.css delete mode 100644 src/colors/10/maroon.css delete mode 100644 src/colors/10/mediumaquamarine.css delete mode 100644 src/colors/10/mediumblue.css delete mode 100644 src/colors/10/mediumorchid.css delete mode 100644 src/colors/10/mediumpurple.css delete mode 100644 src/colors/10/mediumseagreen.css delete mode 100644 src/colors/10/mediumslateblue.css delete mode 100644 src/colors/10/mediumspringgreen.css delete mode 100644 src/colors/10/mediumturquoise.css delete mode 100644 src/colors/10/mediumvioletred.css delete mode 100644 src/colors/10/midnightblue.css delete mode 100644 src/colors/10/mintcream.css delete mode 100644 src/colors/10/mistyrose.css delete mode 100644 src/colors/10/moccasin.css delete mode 100644 src/colors/10/navajowhite.css delete mode 100644 src/colors/10/navy.css delete mode 100644 src/colors/10/oldlace.css delete mode 100644 src/colors/10/olive.css delete mode 100644 src/colors/10/olivedrab.css delete mode 100644 src/colors/10/orange.css delete mode 100644 src/colors/10/orangered.css delete mode 100644 src/colors/10/orchid.css delete mode 100644 src/colors/10/palegoldenrod.css delete mode 100644 src/colors/10/palegreen.css delete mode 100644 src/colors/10/paleturquoise.css delete mode 100644 src/colors/10/palevioletred.css delete mode 100644 src/colors/10/papayawhip.css delete mode 100644 src/colors/10/peachpuff.css delete mode 100644 src/colors/10/peru.css delete mode 100644 src/colors/10/pink.css delete mode 100644 src/colors/10/plum.css delete mode 100644 src/colors/10/powderblue.css delete mode 100644 src/colors/10/purple.css delete mode 100644 src/colors/10/rebeccapurple.css delete mode 100644 src/colors/10/red.css delete mode 100644 src/colors/10/rosybrown.css delete mode 100644 src/colors/10/royalblue.css delete mode 100644 src/colors/10/saddlebrown.css delete mode 100644 src/colors/10/salmon.css delete mode 100644 src/colors/10/sandybrown.css delete mode 100644 src/colors/10/seagreen.css delete mode 100644 src/colors/10/seashell.css delete mode 100644 src/colors/10/sienna.css delete mode 100644 src/colors/10/silver.css delete mode 100644 src/colors/10/skyblue.css delete mode 100644 src/colors/10/slateblue.css delete mode 100644 src/colors/10/slategray.css delete mode 100644 src/colors/10/slategrey.css delete mode 100644 src/colors/10/snow.css delete mode 100644 src/colors/10/springgreen.css delete mode 100644 src/colors/10/steelblue.css delete mode 100644 src/colors/10/tan.css delete mode 100644 src/colors/10/teal.css delete mode 100644 src/colors/10/thistle.css delete mode 100644 src/colors/10/tomato.css delete mode 100644 src/colors/10/turquoise.css delete mode 100644 src/colors/10/violet.css delete mode 100644 src/colors/10/wheat.css delete mode 100644 src/colors/10/white.css delete mode 100644 src/colors/10/whitesmoke.css delete mode 100644 src/colors/10/yellow.css delete mode 100644 src/colors/10/yellowgreen.css delete mode 100644 src/colors/20/aliceblue.css delete mode 100644 src/colors/20/antiquewhite.css delete mode 100644 src/colors/20/aqua.css delete mode 100644 src/colors/20/aquamarine.css delete mode 100644 src/colors/20/azure.css delete mode 100644 src/colors/20/beige.css delete mode 100644 src/colors/20/bisque.css delete mode 100644 src/colors/20/black.css delete mode 100644 src/colors/20/blanchedalmond.css delete mode 100644 src/colors/20/blue.css delete mode 100644 src/colors/20/blueviolet.css delete mode 100644 src/colors/20/brown.css delete mode 100644 src/colors/20/burlywood.css delete mode 100644 src/colors/20/cadetblue.css delete mode 100644 src/colors/20/chartreuse.css delete mode 100644 src/colors/20/chocolate.css delete mode 100644 src/colors/20/coral.css delete mode 100644 src/colors/20/cornflowerblue.css delete mode 100644 src/colors/20/cornsilk.css delete mode 100644 src/colors/20/crimson.css delete mode 100644 src/colors/20/cyan.css delete mode 100644 src/colors/20/darkblue.css delete mode 100644 src/colors/20/darkcyan.css delete mode 100644 src/colors/20/darkgoldenrod.css delete mode 100644 src/colors/20/darkgray.css delete mode 100644 src/colors/20/darkgreen.css delete mode 100644 src/colors/20/darkgrey.css delete mode 100644 src/colors/20/darkkhaki.css delete mode 100644 src/colors/20/darkmagenta.css delete mode 100644 src/colors/20/darkolivegreen.css delete mode 100644 src/colors/20/darkorange.css delete mode 100644 src/colors/20/darkorchid.css delete mode 100644 src/colors/20/darkred.css delete mode 100644 src/colors/20/darksalmon.css delete mode 100644 src/colors/20/darkseagreen.css delete mode 100644 src/colors/20/darkslateblue.css delete mode 100644 src/colors/20/darkslategray.css delete mode 100644 src/colors/20/darkslategrey.css delete mode 100644 src/colors/20/darkturquoise.css delete mode 100644 src/colors/20/darkviolet.css delete mode 100644 src/colors/20/deeppink.css delete mode 100644 src/colors/20/deepskyblue.css delete mode 100644 src/colors/20/dimgray.css delete mode 100644 src/colors/20/dimgrey.css delete mode 100644 src/colors/20/dodgerblue.css delete mode 100644 src/colors/20/firebrick.css delete mode 100644 src/colors/20/floralwhite.css delete mode 100644 src/colors/20/forestgreen.css delete mode 100644 src/colors/20/fuchsia.css delete mode 100644 src/colors/20/gainsboro.css delete mode 100644 src/colors/20/ghostwhite.css delete mode 100644 src/colors/20/gold.css delete mode 100644 src/colors/20/goldenrod.css delete mode 100644 src/colors/20/gray.css delete mode 100644 src/colors/20/green.css delete mode 100644 src/colors/20/greenyellow.css delete mode 100644 src/colors/20/grey.css delete mode 100644 src/colors/20/honeydew.css delete mode 100644 src/colors/20/hotpink.css delete mode 100644 src/colors/20/indianred.css delete mode 100644 src/colors/20/indigo.css delete mode 100644 src/colors/20/ivory.css delete mode 100644 src/colors/20/khaki.css delete mode 100644 src/colors/20/lavender.css delete mode 100644 src/colors/20/lavenderblush.css delete mode 100644 src/colors/20/lawngreen.css delete mode 100644 src/colors/20/lemonchiffon.css delete mode 100644 src/colors/20/lightblue.css delete mode 100644 src/colors/20/lightcoral.css delete mode 100644 src/colors/20/lightcyan.css delete mode 100644 src/colors/20/lightgoldenrodyellow.css delete mode 100644 src/colors/20/lightgray.css delete mode 100644 src/colors/20/lightgreen.css delete mode 100644 src/colors/20/lightgrey.css delete mode 100644 src/colors/20/lightpink.css delete mode 100644 src/colors/20/lightsalmon.css delete mode 100644 src/colors/20/lightseagreen.css delete mode 100644 src/colors/20/lightskyblue.css delete mode 100644 src/colors/20/lightslategray.css delete mode 100644 src/colors/20/lightslategrey.css delete mode 100644 src/colors/20/lightsteelblue.css delete mode 100644 src/colors/20/lightyellow.css delete mode 100644 src/colors/20/lime.css delete mode 100644 src/colors/20/limegreen.css delete mode 100644 src/colors/20/linen.css delete mode 100644 src/colors/20/magenta.css delete mode 100644 src/colors/20/maroon.css delete mode 100644 src/colors/20/mediumaquamarine.css delete mode 100644 src/colors/20/mediumblue.css delete mode 100644 src/colors/20/mediumorchid.css delete mode 100644 src/colors/20/mediumpurple.css delete mode 100644 src/colors/20/mediumseagreen.css delete mode 100644 src/colors/20/mediumslateblue.css delete mode 100644 src/colors/20/mediumspringgreen.css delete mode 100644 src/colors/20/mediumturquoise.css delete mode 100644 src/colors/20/mediumvioletred.css delete mode 100644 src/colors/20/midnightblue.css delete mode 100644 src/colors/20/mintcream.css delete mode 100644 src/colors/20/mistyrose.css delete mode 100644 src/colors/20/moccasin.css delete mode 100644 src/colors/20/navajowhite.css delete mode 100644 src/colors/20/navy.css delete mode 100644 src/colors/20/oldlace.css delete mode 100644 src/colors/20/olive.css delete mode 100644 src/colors/20/olivedrab.css delete mode 100644 src/colors/20/orange.css delete mode 100644 src/colors/20/orangered.css delete mode 100644 src/colors/20/orchid.css delete mode 100644 src/colors/20/palegoldenrod.css delete mode 100644 src/colors/20/palegreen.css delete mode 100644 src/colors/20/paleturquoise.css delete mode 100644 src/colors/20/palevioletred.css delete mode 100644 src/colors/20/papayawhip.css delete mode 100644 src/colors/20/peachpuff.css delete mode 100644 src/colors/20/peru.css delete mode 100644 src/colors/20/pink.css delete mode 100644 src/colors/20/plum.css delete mode 100644 src/colors/20/powderblue.css delete mode 100644 src/colors/20/purple.css delete mode 100644 src/colors/20/rebeccapurple.css delete mode 100644 src/colors/20/red.css delete mode 100644 src/colors/20/rosybrown.css delete mode 100644 src/colors/20/royalblue.css delete mode 100644 src/colors/20/saddlebrown.css delete mode 100644 src/colors/20/salmon.css delete mode 100644 src/colors/20/sandybrown.css delete mode 100644 src/colors/20/seagreen.css delete mode 100644 src/colors/20/seashell.css delete mode 100644 src/colors/20/sienna.css delete mode 100644 src/colors/20/silver.css delete mode 100644 src/colors/20/skyblue.css delete mode 100644 src/colors/20/slateblue.css delete mode 100644 src/colors/20/slategray.css delete mode 100644 src/colors/20/slategrey.css delete mode 100644 src/colors/20/snow.css delete mode 100644 src/colors/20/springgreen.css delete mode 100644 src/colors/20/steelblue.css delete mode 100644 src/colors/20/tan.css delete mode 100644 src/colors/20/teal.css delete mode 100644 src/colors/20/thistle.css delete mode 100644 src/colors/20/tomato.css delete mode 100644 src/colors/20/turquoise.css delete mode 100644 src/colors/20/violet.css delete mode 100644 src/colors/20/wheat.css delete mode 100644 src/colors/20/white.css delete mode 100644 src/colors/20/whitesmoke.css delete mode 100644 src/colors/20/yellow.css delete mode 100644 src/colors/20/yellowgreen.css delete mode 100644 src/rainbow.css delete mode 100644 src/web.css create mode 100644 utils/colors.js create mode 100644 utils/config.js create mode 100644 utils/convert.js create mode 100644 utils/fs.js create mode 100644 utils/palette.js create mode 100644 utils/tools.js delete mode 100644 web.css diff --git a/.gitignore b/.gitignore index 57548c0..efb7b78 100644 --- a/.gitignore +++ b/.gitignore @@ -1,33 +1,21 @@ -generate/ -node_modules/ - -npm-debug.log -yarn-debug.log* -yarn-error.log* +* +node_modules/ .idea/ .vscode/ -*.log -*.tmp -*.temp -*.suo -*.ntvs* -*.njsproj -*.sln -*.sw? -*.iml - .DS_Store -Thumbs.db - -dist/ -build/ - -config.js -secrets.json - -*.key -*.pem -.coverage +!.editorconfig +!CONTRIBUTING.md +!LICENSE +!main.js +!package.json +!README.md +!yarn.lock + +!.github/ +!generators/ +!generators/** +!utils/ +!utils/** diff --git a/.npmignore b/.npmignore index 0839c58..fd23243 100644 --- a/.npmignore +++ b/.npmignore @@ -1,6 +1,12 @@ -!/package.json -!/README.md -!/src/**/* -!/*.css - * + +!main.js +!package.json +!README.md +!LICENSE +!CONTRIBUTING.md + +!generators/ +!generators/** +!utils/ +!utils/** diff --git a/README.md b/README.md index e0e4507..c87a19f 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,20 @@ ![npm](https://img.shields.io/npm/dm/style-forge.colors) ![build](https://github.com/Style-Forge/colors/actions/workflows/release.yml/badge.svg) -`Style-Forge.Colors` package provides a comprehensive and customizable set of color palettes for your web applications. It includes predefined color schemes and the ability to create your own custom palettes, ensuring consistent and visually appealing designs across your projects. +`Style-Forge.Colors` is an atomic CSS palette generator based on the HSL color model. Generate exactly the colors you need — programmatically, interactively, or by name. Perfect for design systems, theming, and scalable UIs. + +## 🎯 Modifier Suffixes + +Style-Forge Colors provides utility modifiers to fine-tune element behavior: + +| Suffix | Meaning | Applies to | +|------------|--------------------------------------|----------| +| `:st` | Static. Ignores theme-based changes. | `bg`, `txt` | +| `:txt` | Text color based on contrast logic. | `txt` | +| `:txt:st` | Static text color. | `txt` | +| `:txt:rv` | Reversed text (for strong contrast). | `txt` | + +> Combine them like `.sf-c-180:100:50:txt:st` for consistent control across themes. ## Documentation @@ -81,7 +94,7 @@ If you feel awesome and want to support us in a small way, please consider starr GitHub NPM npm - Color palettes and styles for the project. + Atomic HSL-based color generator and palette engine. diff --git a/builder.js b/builder.js deleted file mode 100644 index 4b3e30f..0000000 --- a/builder.js +++ /dev/null @@ -1,26 +0,0 @@ -import fs from 'fs' -import postcss from 'postcss' - -import pImport from 'postcss-import' -import pDuplicated from 'postcss-combine-duplicated-selectors' -import pComments from 'postcss-discard-comments' -import pMinify from 'postcss-minify' - -const packageFile = JSON.parse(fs.readFileSync('package.json', 'utf8')) -const title = packageFile.name + ' ' + packageFile.version -const license = packageFile.license + ' License' -const link = packageFile.repository.url.replace('git+', '').replace('.git', '') -const header = '/*! ' + [title, license, link].join(' | ') + ' */' - -const plugins = [pImport, pDuplicated, pComments, pMinify] - -function init(fromName, toName) { - const [from, to] = [`src/${fromName}.css`, toName + '.css'] - const css = fs.readFileSync(from, 'utf8') - postcss(plugins) - .process(css, { from }) - .then(({ css }) => fs.writeFile(to, [header, css].join('\n\n'), () => true)) -} - -init('web', 'web') -init('rainbow', 'colors') diff --git a/colors.css b/colors.css deleted file mode 100644 index b554485..0000000 --- a/colors.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! style-forge.colors 2025.2.5 | MIT License | https://github.com/Style-Forge/colors */ - -.sf-var-black{--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%}.sf-c-black,.sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-black\:0,.sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-black\:10,.sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}.sf-c-black\:20,.sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}.sf-c-black\:30,.sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}.sf-c-black\:40,.sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}.sf-c-black\:50,.sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-black\:60,.sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}.sf-c-black\:70,.sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}.sf-c-black\:80,.sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}.sf-c-black\:90,.sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}.sf-c-black\:100,.sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-black{color:hsl(0,0%,0%)}.sf-c-txt-black\:st{color:hsl(0,0%,0%)}.sf-c-txt-black\:0,.sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}.sf-c-txt-black\:10,.sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}.sf-c-txt-black\:20,.sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}.sf-c-txt-black\:30,.sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}.sf-c-txt-black\:40,.sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}.sf-c-txt-black\:50,.sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}.sf-c-txt-black\:60,.sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}.sf-c-txt-black\:70,.sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}.sf-c-txt-black\:80,.sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}.sf-c-txt-black\:90,.sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}.sf-c-txt-black\:100,.sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:st,html.dark .sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:0\:st,html.dark .sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:10\:st,html.dark .sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-black\:20\:st,html.dark .sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-black\:30\:st,html.dark .sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-black\:40\:st,html.dark .sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-black\:50\:st,html.dark .sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-black\:60\:st,html.dark .sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-black\:70\:st,html.dark .sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-black\:80\:st,html.dark .sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-black\:90\:st,html.dark .sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-black\:100\:st,html.dark .sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:st,html.dark .sf-c-txt-black\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:0\:st,html.dark .sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:10\:st,html.dark .sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-black\:20\:st,html.dark .sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-black\:30\:st,html.dark .sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-black\:40\:st,html.dark .sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-black\:50\:st,html.dark .sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-black\:60\:st,html.dark .sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-black\:70\:st,html.dark .sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-black\:80\:st,html.dark .sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-black\:90\:st,html.dark .sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-black\:100\:st,html.dark .sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:st,html.auto .sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:0\:st,html.auto .sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:10\:st,html.auto .sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-black\:20\:st,html.auto .sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-black\:30\:st,html.auto .sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-black\:40\:st,html.auto .sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-black\:50\:st,html.auto .sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-black\:60\:st,html.auto .sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-black\:70\:st,html.auto .sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-black\:80\:st,html.auto .sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-black\:90\:st,html.auto .sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-black\:100\:st,html.auto .sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:st,html.auto .sf-c-txt-black\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:0\:st,html.auto .sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:10\:st,html.auto .sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-black\:20\:st,html.auto .sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-black\:30\:st,html.auto .sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-black\:40\:st,html.auto .sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-black\:50\:st,html.auto .sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-black\:60\:st,html.auto .sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-black\:70\:st,html.auto .sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-black\:80\:st,html.auto .sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-black\:90\:st,html.auto .sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-black\:100\:st,html.auto .sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}}.sf-var-blue{--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%}.sf-c-blue,.sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}.sf-c-blue\:0,.sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}.sf-c-blue\:10,.sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}.sf-c-blue\:20,.sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}.sf-c-blue\:30,.sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}.sf-c-blue\:40,.sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}.sf-c-blue\:50,.sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}.sf-c-blue\:60,.sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}.sf-c-blue\:70,.sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}.sf-c-blue\:80,.sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}.sf-c-blue\:90,.sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}.sf-c-blue\:100,.sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-blue{color:hsl(240,100%,50%)}.sf-c-txt-blue\:st{color:hsl(240,100%,50%)}.sf-c-txt-blue\:0,.sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}.sf-c-txt-blue\:10,.sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}.sf-c-txt-blue\:20,.sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}.sf-c-txt-blue\:30,.sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}.sf-c-txt-blue\:40,.sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}.sf-c-txt-blue\:50,.sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}.sf-c-txt-blue\:60,.sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}.sf-c-txt-blue\:70,.sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}.sf-c-txt-blue\:80,.sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}.sf-c-txt-blue\:90,.sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}.sf-c-txt-blue\:100,.sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue\:st,html.dark .sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:0\:st,html.dark .sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue\:10\:st,html.dark .sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-blue\:20\:st,html.dark .sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-blue\:30\:st,html.dark .sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-blue\:40\:st,html.dark .sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-blue\:50\:st,html.dark .sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:60\:st,html.dark .sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-blue\:70\:st,html.dark .sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-blue\:80\:st,html.dark .sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-blue\:90\:st,html.dark .sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-blue\:100\:st,html.dark .sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-blue\:st,html.dark .sf-c-txt-blue\:st{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:0\:st,html.dark .sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-blue\:10\:st,html.dark .sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-blue\:20\:st,html.dark .sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-blue\:30\:st,html.dark .sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-blue\:40\:st,html.dark .sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-blue\:50\:st,html.dark .sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:60\:st,html.dark .sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-blue\:70\:st,html.dark .sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-blue\:80\:st,html.dark .sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-blue\:90\:st,html.dark .sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-blue\:100\:st,html.dark .sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-blue\:st,html.auto .sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:0\:st,html.auto .sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-blue\:10\:st,html.auto .sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-blue\:20\:st,html.auto .sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-blue\:30\:st,html.auto .sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-blue\:40\:st,html.auto .sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-blue\:50\:st,html.auto .sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:60\:st,html.auto .sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-blue\:70\:st,html.auto .sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-blue\:80\:st,html.auto .sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-blue\:90\:st,html.auto .sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-blue\:100\:st,html.auto .sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-blue\:st,html.auto .sf-c-txt-blue\:st{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:0\:st,html.auto .sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-blue\:10\:st,html.auto .sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-blue\:20\:st,html.auto .sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-blue\:30\:st,html.auto .sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-blue\:40\:st,html.auto .sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-blue\:50\:st,html.auto .sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:60\:st,html.auto .sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-blue\:70\:st,html.auto .sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-blue\:80\:st,html.auto .sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-blue\:90\:st,html.auto .sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-blue\:100\:st,html.auto .sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}}.sf-var-green{--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%}.sf-c-green,.sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}.sf-c-green\:0,.sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}.sf-c-green\:10,.sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}.sf-c-green\:20,.sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}.sf-c-green\:30,.sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}.sf-c-green\:40,.sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}.sf-c-green\:50,.sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}.sf-c-green\:60,.sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}.sf-c-green\:70,.sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}.sf-c-green\:80,.sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}.sf-c-green\:90,.sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}.sf-c-green\:100,.sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-green{color:hsl(120,100%,25%)}.sf-c-txt-green\:st{color:hsl(120,100%,25%)}.sf-c-txt-green\:0,.sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}.sf-c-txt-green\:10,.sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}.sf-c-txt-green\:20,.sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}.sf-c-txt-green\:30,.sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}.sf-c-txt-green\:40,.sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}.sf-c-txt-green\:50,.sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}.sf-c-txt-green\:60,.sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}.sf-c-txt-green\:70,.sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}.sf-c-txt-green\:80,.sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}.sf-c-txt-green\:90,.sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}.sf-c-txt-green\:100,.sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green\:st,html.dark .sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html[data-theme='dark'] .sf-c-green\:0\:st,html.dark .sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green\:10\:st,html.dark .sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-green\:20\:st,html.dark .sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-green\:30\:st,html.dark .sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-green\:40\:st,html.dark .sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-green\:50\:st,html.dark .sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-green\:60\:st,html.dark .sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-green\:70\:st,html.dark .sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-green\:80\:st,html.dark .sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-green\:90\:st,html.dark .sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-green\:100\:st,html.dark .sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(120,100%,75%)}html[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-green\:st,html.dark .sf-c-txt-green\:st{color:hsl(120,100%,25%)}html[data-theme='dark'] .sf-c-txt-green\:0\:st,html.dark .sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-green\:10\:st,html.dark .sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-green\:20\:st,html.dark .sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-green\:30\:st,html.dark .sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-green\:40\:st,html.dark .sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-green\:50\:st,html.dark .sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-green\:60\:st,html.dark .sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-green\:70\:st,html.dark .sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-green\:80\:st,html.dark .sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-green\:90\:st,html.dark .sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-green\:100\:st,html.dark .sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-green\:st,html.auto .sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html[data-theme='auto'] .sf-c-green\:0\:st,html.auto .sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-green\:10\:st,html.auto .sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-green\:20\:st,html.auto .sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-green\:30\:st,html.auto .sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-green\:40\:st,html.auto .sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-green\:50\:st,html.auto .sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-green\:60\:st,html.auto .sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-green\:70\:st,html.auto .sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-green\:80\:st,html.auto .sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-green\:90\:st,html.auto .sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-green\:100\:st,html.auto .sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(120,100%,75%)}html[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-green\:st,html.auto .sf-c-txt-green\:st{color:hsl(120,100%,25%)}html[data-theme='auto'] .sf-c-txt-green\:0\:st,html.auto .sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-green\:10\:st,html.auto .sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-green\:20\:st,html.auto .sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-green\:30\:st,html.auto .sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-green\:40\:st,html.auto .sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-green\:50\:st,html.auto .sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-green\:60\:st,html.auto .sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-green\:70\:st,html.auto .sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-green\:80\:st,html.auto .sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-green\:90\:st,html.auto .sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-green\:100\:st,html.auto .sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}}.sf-var-orange{--sf-c-orange:39 100% 50%;--sf-c-orange-0:39 100% 0%;--sf-c-orange-10:39 100% 10%;--sf-c-orange-20:39 100% 20%;--sf-c-orange-30:39 100% 30%;--sf-c-orange-40:39 100% 40%;--sf-c-orange-50:39 100% 50%;--sf-c-orange-60:39 100% 60%;--sf-c-orange-70:39 100% 70%;--sf-c-orange-80:39 100% 80%;--sf-c-orange-90:39 100% 90%;--sf-c-orange-100:39 100% 100%}.sf-c-orange,.sf-c-orange\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}.sf-c-orange\:0,.sf-c-orange\:0\:st{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}.sf-c-orange\:10,.sf-c-orange\:10\:st{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}.sf-c-orange\:20,.sf-c-orange\:20\:st{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}.sf-c-orange\:30,.sf-c-orange\:30\:st{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}.sf-c-orange\:40,.sf-c-orange\:40\:st{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}.sf-c-orange\:50,.sf-c-orange\:50\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}.sf-c-orange\:60,.sf-c-orange\:60\:st{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}.sf-c-orange\:70,.sf-c-orange\:70\:st{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}.sf-c-orange\:80,.sf-c-orange\:80\:st{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}.sf-c-orange\:90,.sf-c-orange\:90\:st{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}.sf-c-orange\:100,.sf-c-orange\:100\:st{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}.sf-c-txt-orange{color:hsl(39,100%,50%)}.sf-c-txt-orange\:st{color:hsl(39,100%,50%)}.sf-c-txt-orange\:0,.sf-c-txt-orange\:0\:st{color:hsl(39,100%,0%)}.sf-c-txt-orange\:10,.sf-c-txt-orange\:10\:st{color:hsl(39,100%,10%)}.sf-c-txt-orange\:20,.sf-c-txt-orange\:20\:st{color:hsl(39,100%,20%)}.sf-c-txt-orange\:30,.sf-c-txt-orange\:30\:st{color:hsl(39,100%,30%)}.sf-c-txt-orange\:40,.sf-c-txt-orange\:40\:st{color:hsl(39,100%,40%)}.sf-c-txt-orange\:50,.sf-c-txt-orange\:50\:st{color:hsl(39,100%,50%)}.sf-c-txt-orange\:60,.sf-c-txt-orange\:60\:st{color:hsl(39,100%,60%)}.sf-c-txt-orange\:70,.sf-c-txt-orange\:70\:st{color:hsl(39,100%,70%)}.sf-c-txt-orange\:80,.sf-c-txt-orange\:80\:st{color:hsl(39,100%,80%)}.sf-c-txt-orange\:90,.sf-c-txt-orange\:90\:st{color:hsl(39,100%,90%)}.sf-c-txt-orange\:100,.sf-c-txt-orange\:100\:st{color:hsl(39,100%,100%)}html[data-theme='dark'] .sf-c-orange,html.dark .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-orange\:0,html.dark .sf-c-orange\:0{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}html[data-theme='dark'] .sf-c-orange\:10,html.dark .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html[data-theme='dark'] .sf-c-orange\:20,html.dark .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html[data-theme='dark'] .sf-c-orange\:30,html.dark .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html[data-theme='dark'] .sf-c-orange\:40,html.dark .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html[data-theme='dark'] .sf-c-orange\:50,html.dark .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-orange\:60,html.dark .sf-c-orange\:60{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html[data-theme='dark'] .sf-c-orange\:70,html.dark .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html[data-theme='dark'] .sf-c-orange\:80,html.dark .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html[data-theme='dark'] .sf-c-orange\:90,html.dark .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html[data-theme='dark'] .sf-c-orange\:100,html.dark .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html[data-theme='dark'] .sf-c-orange\:st,html.dark .sf-c-orange\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-orange\:0\:st,html.dark .sf-c-orange\:0\:st{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html[data-theme='dark'] .sf-c-orange\:10\:st,html.dark .sf-c-orange\:10\:st{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html[data-theme='dark'] .sf-c-orange\:20\:st,html.dark .sf-c-orange\:20\:st{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html[data-theme='dark'] .sf-c-orange\:30\:st,html.dark .sf-c-orange\:30\:st{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html[data-theme='dark'] .sf-c-orange\:40\:st,html.dark .sf-c-orange\:40\:st{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html[data-theme='dark'] .sf-c-orange\:50\:st,html.dark .sf-c-orange\:50\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-orange\:60\:st,html.dark .sf-c-orange\:60\:st{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html[data-theme='dark'] .sf-c-orange\:70\:st,html.dark .sf-c-orange\:70\:st{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html[data-theme='dark'] .sf-c-orange\:80\:st,html.dark .sf-c-orange\:80\:st{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html[data-theme='dark'] .sf-c-orange\:90\:st,html.dark .sf-c-orange\:90\:st{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html[data-theme='dark'] .sf-c-orange\:100\:st,html.dark .sf-c-orange\:100\:st{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}html[data-theme='dark'] .sf-c-txt-orange,html.dark .sf-c-txt-orange{color:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-txt-orange\:0,html.dark .sf-c-txt-orange\:0{color:hsl(39,100%,100%)}html[data-theme='dark'] .sf-c-txt-orange\:10,html.dark .sf-c-txt-orange\:10{color:hsl(39,100%,90%)}html[data-theme='dark'] .sf-c-txt-orange\:20,html.dark .sf-c-txt-orange\:20{color:hsl(39,100%,80%)}html[data-theme='dark'] .sf-c-txt-orange\:30,html.dark .sf-c-txt-orange\:30{color:hsl(39,100%,70%)}html[data-theme='dark'] .sf-c-txt-orange\:40,html.dark .sf-c-txt-orange\:40{color:hsl(39,100%,60%)}html[data-theme='dark'] .sf-c-txt-orange\:50,html.dark .sf-c-txt-orange\:50{color:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-txt-orange\:60,html.dark .sf-c-txt-orange\:60{color:hsl(39,100%,40%)}html[data-theme='dark'] .sf-c-txt-orange\:70,html.dark .sf-c-txt-orange\:70{color:hsl(39,100%,30%)}html[data-theme='dark'] .sf-c-txt-orange\:80,html.dark .sf-c-txt-orange\:80{color:hsl(39,100%,20%)}html[data-theme='dark'] .sf-c-txt-orange\:90,html.dark .sf-c-txt-orange\:90{color:hsl(39,100%,10%)}html[data-theme='dark'] .sf-c-txt-orange\:100,html.dark .sf-c-txt-orange\:100{color:hsl(39,100%,0%)}html[data-theme='dark'] .sf-c-txt-orange\:st,html.dark .sf-c-txt-orange\:st{color:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-txt-orange\:0\:st,html.dark .sf-c-txt-orange\:0\:st{color:hsl(39,100%,0%)}html[data-theme='dark'] .sf-c-txt-orange\:10\:st,html.dark .sf-c-txt-orange\:10\:st{color:hsl(39,100%,10%)}html[data-theme='dark'] .sf-c-txt-orange\:20\:st,html.dark .sf-c-txt-orange\:20\:st{color:hsl(39,100%,20%)}html[data-theme='dark'] .sf-c-txt-orange\:30\:st,html.dark .sf-c-txt-orange\:30\:st{color:hsl(39,100%,30%)}html[data-theme='dark'] .sf-c-txt-orange\:40\:st,html.dark .sf-c-txt-orange\:40\:st{color:hsl(39,100%,40%)}html[data-theme='dark'] .sf-c-txt-orange\:50\:st,html.dark .sf-c-txt-orange\:50\:st{color:hsl(39,100%,50%)}html[data-theme='dark'] .sf-c-txt-orange\:60\:st,html.dark .sf-c-txt-orange\:60\:st{color:hsl(39,100%,60%)}html[data-theme='dark'] .sf-c-txt-orange\:70\:st,html.dark .sf-c-txt-orange\:70\:st{color:hsl(39,100%,70%)}html[data-theme='dark'] .sf-c-txt-orange\:80\:st,html.dark .sf-c-txt-orange\:80\:st{color:hsl(39,100%,80%)}html[data-theme='dark'] .sf-c-txt-orange\:90\:st,html.dark .sf-c-txt-orange\:90\:st{color:hsl(39,100%,90%)}html[data-theme='dark'] .sf-c-txt-orange\:100\:st,html.dark .sf-c-txt-orange\:100\:st{color:hsl(39,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-orange,html.auto .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-orange\:0,html.auto .sf-c-orange\:0{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}html[data-theme='auto'] .sf-c-orange\:10,html.auto .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html[data-theme='auto'] .sf-c-orange\:20,html.auto .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html[data-theme='auto'] .sf-c-orange\:30,html.auto .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html[data-theme='auto'] .sf-c-orange\:40,html.auto .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html[data-theme='auto'] .sf-c-orange\:50,html.auto .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-orange\:60,html.auto .sf-c-orange\:60{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html[data-theme='auto'] .sf-c-orange\:70,html.auto .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html[data-theme='auto'] .sf-c-orange\:80,html.auto .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html[data-theme='auto'] .sf-c-orange\:90,html.auto .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html[data-theme='auto'] .sf-c-orange\:100,html.auto .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html[data-theme='auto'] .sf-c-orange\:st,html.auto .sf-c-orange\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-orange\:0\:st,html.auto .sf-c-orange\:0\:st{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html[data-theme='auto'] .sf-c-orange\:10\:st,html.auto .sf-c-orange\:10\:st{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html[data-theme='auto'] .sf-c-orange\:20\:st,html.auto .sf-c-orange\:20\:st{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html[data-theme='auto'] .sf-c-orange\:30\:st,html.auto .sf-c-orange\:30\:st{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html[data-theme='auto'] .sf-c-orange\:40\:st,html.auto .sf-c-orange\:40\:st{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html[data-theme='auto'] .sf-c-orange\:50\:st,html.auto .sf-c-orange\:50\:st{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-orange\:60\:st,html.auto .sf-c-orange\:60\:st{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html[data-theme='auto'] .sf-c-orange\:70\:st,html.auto .sf-c-orange\:70\:st{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html[data-theme='auto'] .sf-c-orange\:80\:st,html.auto .sf-c-orange\:80\:st{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html[data-theme='auto'] .sf-c-orange\:90\:st,html.auto .sf-c-orange\:90\:st{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html[data-theme='auto'] .sf-c-orange\:100\:st,html.auto .sf-c-orange\:100\:st{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}html[data-theme='auto'] .sf-c-txt-orange,html.auto .sf-c-txt-orange{color:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-txt-orange\:0,html.auto .sf-c-txt-orange\:0{color:hsl(39,100%,100%)}html[data-theme='auto'] .sf-c-txt-orange\:10,html.auto .sf-c-txt-orange\:10{color:hsl(39,100%,90%)}html[data-theme='auto'] .sf-c-txt-orange\:20,html.auto .sf-c-txt-orange\:20{color:hsl(39,100%,80%)}html[data-theme='auto'] .sf-c-txt-orange\:30,html.auto .sf-c-txt-orange\:30{color:hsl(39,100%,70%)}html[data-theme='auto'] .sf-c-txt-orange\:40,html.auto .sf-c-txt-orange\:40{color:hsl(39,100%,60%)}html[data-theme='auto'] .sf-c-txt-orange\:50,html.auto .sf-c-txt-orange\:50{color:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-txt-orange\:60,html.auto .sf-c-txt-orange\:60{color:hsl(39,100%,40%)}html[data-theme='auto'] .sf-c-txt-orange\:70,html.auto .sf-c-txt-orange\:70{color:hsl(39,100%,30%)}html[data-theme='auto'] .sf-c-txt-orange\:80,html.auto .sf-c-txt-orange\:80{color:hsl(39,100%,20%)}html[data-theme='auto'] .sf-c-txt-orange\:90,html.auto .sf-c-txt-orange\:90{color:hsl(39,100%,10%)}html[data-theme='auto'] .sf-c-txt-orange\:100,html.auto .sf-c-txt-orange\:100{color:hsl(39,100%,0%)}html[data-theme='auto'] .sf-c-txt-orange\:st,html.auto .sf-c-txt-orange\:st{color:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-txt-orange\:0\:st,html.auto .sf-c-txt-orange\:0\:st{color:hsl(39,100%,0%)}html[data-theme='auto'] .sf-c-txt-orange\:10\:st,html.auto .sf-c-txt-orange\:10\:st{color:hsl(39,100%,10%)}html[data-theme='auto'] .sf-c-txt-orange\:20\:st,html.auto .sf-c-txt-orange\:20\:st{color:hsl(39,100%,20%)}html[data-theme='auto'] .sf-c-txt-orange\:30\:st,html.auto .sf-c-txt-orange\:30\:st{color:hsl(39,100%,30%)}html[data-theme='auto'] .sf-c-txt-orange\:40\:st,html.auto .sf-c-txt-orange\:40\:st{color:hsl(39,100%,40%)}html[data-theme='auto'] .sf-c-txt-orange\:50\:st,html.auto .sf-c-txt-orange\:50\:st{color:hsl(39,100%,50%)}html[data-theme='auto'] .sf-c-txt-orange\:60\:st,html.auto .sf-c-txt-orange\:60\:st{color:hsl(39,100%,60%)}html[data-theme='auto'] .sf-c-txt-orange\:70\:st,html.auto .sf-c-txt-orange\:70\:st{color:hsl(39,100%,70%)}html[data-theme='auto'] .sf-c-txt-orange\:80\:st,html.auto .sf-c-txt-orange\:80\:st{color:hsl(39,100%,80%)}html[data-theme='auto'] .sf-c-txt-orange\:90\:st,html.auto .sf-c-txt-orange\:90\:st{color:hsl(39,100%,90%)}html[data-theme='auto'] .sf-c-txt-orange\:100\:st,html.auto .sf-c-txt-orange\:100\:st{color:hsl(39,100%,100%)}}.sf-var-red{--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%}.sf-c-red,.sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}.sf-c-red\:0,.sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}.sf-c-red\:10,.sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}.sf-c-red\:20,.sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}.sf-c-red\:30,.sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}.sf-c-red\:40,.sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}.sf-c-red\:50,.sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}.sf-c-red\:60,.sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}.sf-c-red\:70,.sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}.sf-c-red\:80,.sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}.sf-c-red\:90,.sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}.sf-c-red\:100,.sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-red{color:hsl(0,100%,50%)}.sf-c-txt-red\:st{color:hsl(0,100%,50%)}.sf-c-txt-red\:0,.sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}.sf-c-txt-red\:10,.sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}.sf-c-txt-red\:20,.sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}.sf-c-txt-red\:30,.sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}.sf-c-txt-red\:40,.sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}.sf-c-txt-red\:50,.sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}.sf-c-txt-red\:60,.sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}.sf-c-txt-red\:70,.sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}.sf-c-txt-red\:80,.sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}.sf-c-txt-red\:90,.sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}.sf-c-txt-red\:100,.sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red\:st,html.dark .sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:0\:st,html.dark .sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red\:10\:st,html.dark .sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-red\:20\:st,html.dark .sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-red\:30\:st,html.dark .sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-red\:40\:st,html.dark .sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-red\:50\:st,html.dark .sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:60\:st,html.dark .sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-red\:70\:st,html.dark .sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-red\:80\:st,html.dark .sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-red\:90\:st,html.dark .sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-red\:100\:st,html.dark .sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-red\:st,html.dark .sf-c-txt-red\:st{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:0\:st,html.dark .sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-red\:10\:st,html.dark .sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-red\:20\:st,html.dark .sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-red\:30\:st,html.dark .sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-red\:40\:st,html.dark .sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-red\:50\:st,html.dark .sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:60\:st,html.dark .sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-red\:70\:st,html.dark .sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-red\:80\:st,html.dark .sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-red\:90\:st,html.dark .sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-red\:100\:st,html.dark .sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-red\:st,html.auto .sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:0\:st,html.auto .sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-red\:10\:st,html.auto .sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-red\:20\:st,html.auto .sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-red\:30\:st,html.auto .sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-red\:40\:st,html.auto .sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-red\:50\:st,html.auto .sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:60\:st,html.auto .sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-red\:70\:st,html.auto .sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-red\:80\:st,html.auto .sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-red\:90\:st,html.auto .sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-red\:100\:st,html.auto .sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-red\:st,html.auto .sf-c-txt-red\:st{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:0\:st,html.auto .sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-red\:10\:st,html.auto .sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-red\:20\:st,html.auto .sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-red\:30\:st,html.auto .sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-red\:40\:st,html.auto .sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-red\:50\:st,html.auto .sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:60\:st,html.auto .sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-red\:70\:st,html.auto .sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-red\:80\:st,html.auto .sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-red\:90\:st,html.auto .sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-red\:100\:st,html.auto .sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}}.sf-var-skyblue{--sf-c-skyblue:197 71% 73%;--sf-c-skyblue-0:197 71% 0%;--sf-c-skyblue-10:197 71% 10%;--sf-c-skyblue-20:197 71% 20%;--sf-c-skyblue-30:197 71% 30%;--sf-c-skyblue-40:197 71% 40%;--sf-c-skyblue-50:197 71% 50%;--sf-c-skyblue-60:197 71% 60%;--sf-c-skyblue-70:197 71% 70%;--sf-c-skyblue-80:197 71% 80%;--sf-c-skyblue-90:197 71% 90%;--sf-c-skyblue-100:197 71% 100%}.sf-c-skyblue,.sf-c-skyblue\:st{color:hsl(197,71%,10%);background:hsl(197,71%,73%)}.sf-c-skyblue\:0,.sf-c-skyblue\:0\:st{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}.sf-c-skyblue\:10,.sf-c-skyblue\:10\:st{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}.sf-c-skyblue\:20,.sf-c-skyblue\:20\:st{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}.sf-c-skyblue\:30,.sf-c-skyblue\:30\:st{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}.sf-c-skyblue\:40,.sf-c-skyblue\:40\:st{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}.sf-c-skyblue\:50,.sf-c-skyblue\:50\:st{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}.sf-c-skyblue\:60,.sf-c-skyblue\:60\:st{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}.sf-c-skyblue\:70,.sf-c-skyblue\:70\:st{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}.sf-c-skyblue\:80,.sf-c-skyblue\:80\:st{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}.sf-c-skyblue\:90,.sf-c-skyblue\:90\:st{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}.sf-c-skyblue\:100,.sf-c-skyblue\:100\:st{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}.sf-c-txt-skyblue{color:hsl(197,71%,10%)}.sf-c-txt-skyblue\:st{color:hsl(197,71%,73%)}.sf-c-txt-skyblue\:0,.sf-c-txt-skyblue\:0\:st{color:hsl(197,71%,0%)}.sf-c-txt-skyblue\:10,.sf-c-txt-skyblue\:10\:st{color:hsl(197,71%,10%)}.sf-c-txt-skyblue\:20,.sf-c-txt-skyblue\:20\:st{color:hsl(197,71%,20%)}.sf-c-txt-skyblue\:30,.sf-c-txt-skyblue\:30\:st{color:hsl(197,71%,30%)}.sf-c-txt-skyblue\:40,.sf-c-txt-skyblue\:40\:st{color:hsl(197,71%,40%)}.sf-c-txt-skyblue\:50,.sf-c-txt-skyblue\:50\:st{color:hsl(197,71%,50%)}.sf-c-txt-skyblue\:60,.sf-c-txt-skyblue\:60\:st{color:hsl(197,71%,60%)}.sf-c-txt-skyblue\:70,.sf-c-txt-skyblue\:70\:st{color:hsl(197,71%,70%)}.sf-c-txt-skyblue\:80,.sf-c-txt-skyblue\:80\:st{color:hsl(197,71%,80%)}.sf-c-txt-skyblue\:90,.sf-c-txt-skyblue\:90\:st{color:hsl(197,71%,90%)}.sf-c-txt-skyblue\:100,.sf-c-txt-skyblue\:100\:st{color:hsl(197,71%,100%)}html[data-theme='dark'] .sf-c-skyblue,html.dark .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html[data-theme='dark'] .sf-c-skyblue\:0,html.dark .sf-c-skyblue\:0{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}html[data-theme='dark'] .sf-c-skyblue\:10,html.dark .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html[data-theme='dark'] .sf-c-skyblue\:20,html.dark .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html[data-theme='dark'] .sf-c-skyblue\:30,html.dark .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html[data-theme='dark'] .sf-c-skyblue\:40,html.dark .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html[data-theme='dark'] .sf-c-skyblue\:50,html.dark .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html[data-theme='dark'] .sf-c-skyblue\:60,html.dark .sf-c-skyblue\:60{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html[data-theme='dark'] .sf-c-skyblue\:70,html.dark .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html[data-theme='dark'] .sf-c-skyblue\:80,html.dark .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html[data-theme='dark'] .sf-c-skyblue\:90,html.dark .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html[data-theme='dark'] .sf-c-skyblue\:100,html.dark .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html[data-theme='dark'] .sf-c-skyblue\:st,html.dark .sf-c-skyblue\:st{color:hsl(197,71%,10%);background:hsl(197,71%,73%)}html[data-theme='dark'] .sf-c-skyblue\:0\:st,html.dark .sf-c-skyblue\:0\:st{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html[data-theme='dark'] .sf-c-skyblue\:10\:st,html.dark .sf-c-skyblue\:10\:st{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html[data-theme='dark'] .sf-c-skyblue\:20\:st,html.dark .sf-c-skyblue\:20\:st{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html[data-theme='dark'] .sf-c-skyblue\:30\:st,html.dark .sf-c-skyblue\:30\:st{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html[data-theme='dark'] .sf-c-skyblue\:40\:st,html.dark .sf-c-skyblue\:40\:st{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html[data-theme='dark'] .sf-c-skyblue\:50\:st,html.dark .sf-c-skyblue\:50\:st{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html[data-theme='dark'] .sf-c-skyblue\:60\:st,html.dark .sf-c-skyblue\:60\:st{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html[data-theme='dark'] .sf-c-skyblue\:70\:st,html.dark .sf-c-skyblue\:70\:st{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html[data-theme='dark'] .sf-c-skyblue\:80\:st,html.dark .sf-c-skyblue\:80\:st{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html[data-theme='dark'] .sf-c-skyblue\:90\:st,html.dark .sf-c-skyblue\:90\:st{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html[data-theme='dark'] .sf-c-skyblue\:100\:st,html.dark .sf-c-skyblue\:100\:st{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}html[data-theme='dark'] .sf-c-txt-skyblue,html.dark .sf-c-txt-skyblue{color:hsl(197,71%,73%)}html[data-theme='dark'] .sf-c-txt-skyblue\:0,html.dark .sf-c-txt-skyblue\:0{color:hsl(197,71%,100%)}html[data-theme='dark'] .sf-c-txt-skyblue\:10,html.dark .sf-c-txt-skyblue\:10{color:hsl(197,71%,90%)}html[data-theme='dark'] .sf-c-txt-skyblue\:20,html.dark .sf-c-txt-skyblue\:20{color:hsl(197,71%,80%)}html[data-theme='dark'] .sf-c-txt-skyblue\:30,html.dark .sf-c-txt-skyblue\:30{color:hsl(197,71%,70%)}html[data-theme='dark'] .sf-c-txt-skyblue\:40,html.dark .sf-c-txt-skyblue\:40{color:hsl(197,71%,60%)}html[data-theme='dark'] .sf-c-txt-skyblue\:50,html.dark .sf-c-txt-skyblue\:50{color:hsl(197,71%,50%)}html[data-theme='dark'] .sf-c-txt-skyblue\:60,html.dark .sf-c-txt-skyblue\:60{color:hsl(197,71%,40%)}html[data-theme='dark'] .sf-c-txt-skyblue\:70,html.dark .sf-c-txt-skyblue\:70{color:hsl(197,71%,30%)}html[data-theme='dark'] .sf-c-txt-skyblue\:80,html.dark .sf-c-txt-skyblue\:80{color:hsl(197,71%,20%)}html[data-theme='dark'] .sf-c-txt-skyblue\:90,html.dark .sf-c-txt-skyblue\:90{color:hsl(197,71%,10%)}html[data-theme='dark'] .sf-c-txt-skyblue\:100,html.dark .sf-c-txt-skyblue\:100{color:hsl(197,71%,0%)}html[data-theme='dark'] .sf-c-txt-skyblue\:st,html.dark .sf-c-txt-skyblue\:st{color:hsl(197,71%,73%)}html[data-theme='dark'] .sf-c-txt-skyblue\:0\:st,html.dark .sf-c-txt-skyblue\:0\:st{color:hsl(197,71%,0%)}html[data-theme='dark'] .sf-c-txt-skyblue\:10\:st,html.dark .sf-c-txt-skyblue\:10\:st{color:hsl(197,71%,10%)}html[data-theme='dark'] .sf-c-txt-skyblue\:20\:st,html.dark .sf-c-txt-skyblue\:20\:st{color:hsl(197,71%,20%)}html[data-theme='dark'] .sf-c-txt-skyblue\:30\:st,html.dark .sf-c-txt-skyblue\:30\:st{color:hsl(197,71%,30%)}html[data-theme='dark'] .sf-c-txt-skyblue\:40\:st,html.dark .sf-c-txt-skyblue\:40\:st{color:hsl(197,71%,40%)}html[data-theme='dark'] .sf-c-txt-skyblue\:50\:st,html.dark .sf-c-txt-skyblue\:50\:st{color:hsl(197,71%,50%)}html[data-theme='dark'] .sf-c-txt-skyblue\:60\:st,html.dark .sf-c-txt-skyblue\:60\:st{color:hsl(197,71%,60%)}html[data-theme='dark'] .sf-c-txt-skyblue\:70\:st,html.dark .sf-c-txt-skyblue\:70\:st{color:hsl(197,71%,70%)}html[data-theme='dark'] .sf-c-txt-skyblue\:80\:st,html.dark .sf-c-txt-skyblue\:80\:st{color:hsl(197,71%,80%)}html[data-theme='dark'] .sf-c-txt-skyblue\:90\:st,html.dark .sf-c-txt-skyblue\:90\:st{color:hsl(197,71%,90%)}html[data-theme='dark'] .sf-c-txt-skyblue\:100\:st,html.dark .sf-c-txt-skyblue\:100\:st{color:hsl(197,71%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-skyblue,html.auto .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html[data-theme='auto'] .sf-c-skyblue\:0,html.auto .sf-c-skyblue\:0{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}html[data-theme='auto'] .sf-c-skyblue\:10,html.auto .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html[data-theme='auto'] .sf-c-skyblue\:20,html.auto .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html[data-theme='auto'] .sf-c-skyblue\:30,html.auto .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html[data-theme='auto'] .sf-c-skyblue\:40,html.auto .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html[data-theme='auto'] .sf-c-skyblue\:50,html.auto .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html[data-theme='auto'] .sf-c-skyblue\:60,html.auto .sf-c-skyblue\:60{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html[data-theme='auto'] .sf-c-skyblue\:70,html.auto .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html[data-theme='auto'] .sf-c-skyblue\:80,html.auto .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html[data-theme='auto'] .sf-c-skyblue\:90,html.auto .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html[data-theme='auto'] .sf-c-skyblue\:100,html.auto .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html[data-theme='auto'] .sf-c-skyblue\:st,html.auto .sf-c-skyblue\:st{color:hsl(197,71%,10%);background:hsl(197,71%,73%)}html[data-theme='auto'] .sf-c-skyblue\:0\:st,html.auto .sf-c-skyblue\:0\:st{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html[data-theme='auto'] .sf-c-skyblue\:10\:st,html.auto .sf-c-skyblue\:10\:st{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html[data-theme='auto'] .sf-c-skyblue\:20\:st,html.auto .sf-c-skyblue\:20\:st{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html[data-theme='auto'] .sf-c-skyblue\:30\:st,html.auto .sf-c-skyblue\:30\:st{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html[data-theme='auto'] .sf-c-skyblue\:40\:st,html.auto .sf-c-skyblue\:40\:st{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html[data-theme='auto'] .sf-c-skyblue\:50\:st,html.auto .sf-c-skyblue\:50\:st{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html[data-theme='auto'] .sf-c-skyblue\:60\:st,html.auto .sf-c-skyblue\:60\:st{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html[data-theme='auto'] .sf-c-skyblue\:70\:st,html.auto .sf-c-skyblue\:70\:st{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html[data-theme='auto'] .sf-c-skyblue\:80\:st,html.auto .sf-c-skyblue\:80\:st{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html[data-theme='auto'] .sf-c-skyblue\:90\:st,html.auto .sf-c-skyblue\:90\:st{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html[data-theme='auto'] .sf-c-skyblue\:100\:st,html.auto .sf-c-skyblue\:100\:st{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}html[data-theme='auto'] .sf-c-txt-skyblue,html.auto .sf-c-txt-skyblue{color:hsl(197,71%,73%)}html[data-theme='auto'] .sf-c-txt-skyblue\:0,html.auto .sf-c-txt-skyblue\:0{color:hsl(197,71%,100%)}html[data-theme='auto'] .sf-c-txt-skyblue\:10,html.auto .sf-c-txt-skyblue\:10{color:hsl(197,71%,90%)}html[data-theme='auto'] .sf-c-txt-skyblue\:20,html.auto .sf-c-txt-skyblue\:20{color:hsl(197,71%,80%)}html[data-theme='auto'] .sf-c-txt-skyblue\:30,html.auto .sf-c-txt-skyblue\:30{color:hsl(197,71%,70%)}html[data-theme='auto'] .sf-c-txt-skyblue\:40,html.auto .sf-c-txt-skyblue\:40{color:hsl(197,71%,60%)}html[data-theme='auto'] .sf-c-txt-skyblue\:50,html.auto .sf-c-txt-skyblue\:50{color:hsl(197,71%,50%)}html[data-theme='auto'] .sf-c-txt-skyblue\:60,html.auto .sf-c-txt-skyblue\:60{color:hsl(197,71%,40%)}html[data-theme='auto'] .sf-c-txt-skyblue\:70,html.auto .sf-c-txt-skyblue\:70{color:hsl(197,71%,30%)}html[data-theme='auto'] .sf-c-txt-skyblue\:80,html.auto .sf-c-txt-skyblue\:80{color:hsl(197,71%,20%)}html[data-theme='auto'] .sf-c-txt-skyblue\:90,html.auto .sf-c-txt-skyblue\:90{color:hsl(197,71%,10%)}html[data-theme='auto'] .sf-c-txt-skyblue\:100,html.auto .sf-c-txt-skyblue\:100{color:hsl(197,71%,0%)}html[data-theme='auto'] .sf-c-txt-skyblue\:st,html.auto .sf-c-txt-skyblue\:st{color:hsl(197,71%,73%)}html[data-theme='auto'] .sf-c-txt-skyblue\:0\:st,html.auto .sf-c-txt-skyblue\:0\:st{color:hsl(197,71%,0%)}html[data-theme='auto'] .sf-c-txt-skyblue\:10\:st,html.auto .sf-c-txt-skyblue\:10\:st{color:hsl(197,71%,10%)}html[data-theme='auto'] .sf-c-txt-skyblue\:20\:st,html.auto .sf-c-txt-skyblue\:20\:st{color:hsl(197,71%,20%)}html[data-theme='auto'] .sf-c-txt-skyblue\:30\:st,html.auto .sf-c-txt-skyblue\:30\:st{color:hsl(197,71%,30%)}html[data-theme='auto'] .sf-c-txt-skyblue\:40\:st,html.auto .sf-c-txt-skyblue\:40\:st{color:hsl(197,71%,40%)}html[data-theme='auto'] .sf-c-txt-skyblue\:50\:st,html.auto .sf-c-txt-skyblue\:50\:st{color:hsl(197,71%,50%)}html[data-theme='auto'] .sf-c-txt-skyblue\:60\:st,html.auto .sf-c-txt-skyblue\:60\:st{color:hsl(197,71%,60%)}html[data-theme='auto'] .sf-c-txt-skyblue\:70\:st,html.auto .sf-c-txt-skyblue\:70\:st{color:hsl(197,71%,70%)}html[data-theme='auto'] .sf-c-txt-skyblue\:80\:st,html.auto .sf-c-txt-skyblue\:80\:st{color:hsl(197,71%,80%)}html[data-theme='auto'] .sf-c-txt-skyblue\:90\:st,html.auto .sf-c-txt-skyblue\:90\:st{color:hsl(197,71%,90%)}html[data-theme='auto'] .sf-c-txt-skyblue\:100\:st,html.auto .sf-c-txt-skyblue\:100\:st{color:hsl(197,71%,100%)}}.sf-var-violet{--sf-c-violet:300 76% 72%;--sf-c-violet-0:300 76% 0%;--sf-c-violet-10:300 76% 10%;--sf-c-violet-20:300 76% 20%;--sf-c-violet-30:300 76% 30%;--sf-c-violet-40:300 76% 40%;--sf-c-violet-50:300 76% 50%;--sf-c-violet-60:300 76% 60%;--sf-c-violet-70:300 76% 70%;--sf-c-violet-80:300 76% 80%;--sf-c-violet-90:300 76% 90%;--sf-c-violet-100:300 76% 100%}.sf-c-violet,.sf-c-violet\:st{color:hsl(300,76%,10%);background:hsl(300,76%,72%)}.sf-c-violet\:0,.sf-c-violet\:0\:st{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}.sf-c-violet\:10,.sf-c-violet\:10\:st{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}.sf-c-violet\:20,.sf-c-violet\:20\:st{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}.sf-c-violet\:30,.sf-c-violet\:30\:st{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}.sf-c-violet\:40,.sf-c-violet\:40\:st{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}.sf-c-violet\:50,.sf-c-violet\:50\:st{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}.sf-c-violet\:60,.sf-c-violet\:60\:st{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}.sf-c-violet\:70,.sf-c-violet\:70\:st{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}.sf-c-violet\:80,.sf-c-violet\:80\:st{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}.sf-c-violet\:90,.sf-c-violet\:90\:st{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}.sf-c-violet\:100,.sf-c-violet\:100\:st{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}.sf-c-txt-violet{color:hsl(300,76%,10%)}.sf-c-txt-violet\:st{color:hsl(300,76%,72%)}.sf-c-txt-violet\:0,.sf-c-txt-violet\:0\:st{color:hsl(300,76%,0%)}.sf-c-txt-violet\:10,.sf-c-txt-violet\:10\:st{color:hsl(300,76%,10%)}.sf-c-txt-violet\:20,.sf-c-txt-violet\:20\:st{color:hsl(300,76%,20%)}.sf-c-txt-violet\:30,.sf-c-txt-violet\:30\:st{color:hsl(300,76%,30%)}.sf-c-txt-violet\:40,.sf-c-txt-violet\:40\:st{color:hsl(300,76%,40%)}.sf-c-txt-violet\:50,.sf-c-txt-violet\:50\:st{color:hsl(300,76%,50%)}.sf-c-txt-violet\:60,.sf-c-txt-violet\:60\:st{color:hsl(300,76%,60%)}.sf-c-txt-violet\:70,.sf-c-txt-violet\:70\:st{color:hsl(300,76%,70%)}.sf-c-txt-violet\:80,.sf-c-txt-violet\:80\:st{color:hsl(300,76%,80%)}.sf-c-txt-violet\:90,.sf-c-txt-violet\:90\:st{color:hsl(300,76%,90%)}.sf-c-txt-violet\:100,.sf-c-txt-violet\:100\:st{color:hsl(300,76%,100%)}html[data-theme='dark'] .sf-c-violet,html.dark .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html[data-theme='dark'] .sf-c-violet\:0,html.dark .sf-c-violet\:0{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}html[data-theme='dark'] .sf-c-violet\:10,html.dark .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html[data-theme='dark'] .sf-c-violet\:20,html.dark .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html[data-theme='dark'] .sf-c-violet\:30,html.dark .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html[data-theme='dark'] .sf-c-violet\:40,html.dark .sf-c-violet\:40{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html[data-theme='dark'] .sf-c-violet\:50,html.dark .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html[data-theme='dark'] .sf-c-violet\:60,html.dark .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html[data-theme='dark'] .sf-c-violet\:70,html.dark .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html[data-theme='dark'] .sf-c-violet\:80,html.dark .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html[data-theme='dark'] .sf-c-violet\:90,html.dark .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html[data-theme='dark'] .sf-c-violet\:100,html.dark .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html[data-theme='dark'] .sf-c-violet\:st,html.dark .sf-c-violet\:st{color:hsl(300,76%,10%);background:hsl(300,76%,72%)}html[data-theme='dark'] .sf-c-violet\:0\:st,html.dark .sf-c-violet\:0\:st{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html[data-theme='dark'] .sf-c-violet\:10\:st,html.dark .sf-c-violet\:10\:st{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html[data-theme='dark'] .sf-c-violet\:20\:st,html.dark .sf-c-violet\:20\:st{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html[data-theme='dark'] .sf-c-violet\:30\:st,html.dark .sf-c-violet\:30\:st{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html[data-theme='dark'] .sf-c-violet\:40\:st,html.dark .sf-c-violet\:40\:st{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html[data-theme='dark'] .sf-c-violet\:50\:st,html.dark .sf-c-violet\:50\:st{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html[data-theme='dark'] .sf-c-violet\:60\:st,html.dark .sf-c-violet\:60\:st{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html[data-theme='dark'] .sf-c-violet\:70\:st,html.dark .sf-c-violet\:70\:st{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html[data-theme='dark'] .sf-c-violet\:80\:st,html.dark .sf-c-violet\:80\:st{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html[data-theme='dark'] .sf-c-violet\:90\:st,html.dark .sf-c-violet\:90\:st{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html[data-theme='dark'] .sf-c-violet\:100\:st,html.dark .sf-c-violet\:100\:st{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}html[data-theme='dark'] .sf-c-txt-violet,html.dark .sf-c-txt-violet{color:hsl(300,76%,72%)}html[data-theme='dark'] .sf-c-txt-violet\:0,html.dark .sf-c-txt-violet\:0{color:hsl(300,76%,100%)}html[data-theme='dark'] .sf-c-txt-violet\:10,html.dark .sf-c-txt-violet\:10{color:hsl(300,76%,90%)}html[data-theme='dark'] .sf-c-txt-violet\:20,html.dark .sf-c-txt-violet\:20{color:hsl(300,76%,80%)}html[data-theme='dark'] .sf-c-txt-violet\:30,html.dark .sf-c-txt-violet\:30{color:hsl(300,76%,70%)}html[data-theme='dark'] .sf-c-txt-violet\:40,html.dark .sf-c-txt-violet\:40{color:hsl(300,76%,60%)}html[data-theme='dark'] .sf-c-txt-violet\:50,html.dark .sf-c-txt-violet\:50{color:hsl(300,76%,50%)}html[data-theme='dark'] .sf-c-txt-violet\:60,html.dark .sf-c-txt-violet\:60{color:hsl(300,76%,40%)}html[data-theme='dark'] .sf-c-txt-violet\:70,html.dark .sf-c-txt-violet\:70{color:hsl(300,76%,30%)}html[data-theme='dark'] .sf-c-txt-violet\:80,html.dark .sf-c-txt-violet\:80{color:hsl(300,76%,20%)}html[data-theme='dark'] .sf-c-txt-violet\:90,html.dark .sf-c-txt-violet\:90{color:hsl(300,76%,10%)}html[data-theme='dark'] .sf-c-txt-violet\:100,html.dark .sf-c-txt-violet\:100{color:hsl(300,76%,0%)}html[data-theme='dark'] .sf-c-txt-violet\:st,html.dark .sf-c-txt-violet\:st{color:hsl(300,76%,72%)}html[data-theme='dark'] .sf-c-txt-violet\:0\:st,html.dark .sf-c-txt-violet\:0\:st{color:hsl(300,76%,0%)}html[data-theme='dark'] .sf-c-txt-violet\:10\:st,html.dark .sf-c-txt-violet\:10\:st{color:hsl(300,76%,10%)}html[data-theme='dark'] .sf-c-txt-violet\:20\:st,html.dark .sf-c-txt-violet\:20\:st{color:hsl(300,76%,20%)}html[data-theme='dark'] .sf-c-txt-violet\:30\:st,html.dark .sf-c-txt-violet\:30\:st{color:hsl(300,76%,30%)}html[data-theme='dark'] .sf-c-txt-violet\:40\:st,html.dark .sf-c-txt-violet\:40\:st{color:hsl(300,76%,40%)}html[data-theme='dark'] .sf-c-txt-violet\:50\:st,html.dark .sf-c-txt-violet\:50\:st{color:hsl(300,76%,50%)}html[data-theme='dark'] .sf-c-txt-violet\:60\:st,html.dark .sf-c-txt-violet\:60\:st{color:hsl(300,76%,60%)}html[data-theme='dark'] .sf-c-txt-violet\:70\:st,html.dark .sf-c-txt-violet\:70\:st{color:hsl(300,76%,70%)}html[data-theme='dark'] .sf-c-txt-violet\:80\:st,html.dark .sf-c-txt-violet\:80\:st{color:hsl(300,76%,80%)}html[data-theme='dark'] .sf-c-txt-violet\:90\:st,html.dark .sf-c-txt-violet\:90\:st{color:hsl(300,76%,90%)}html[data-theme='dark'] .sf-c-txt-violet\:100\:st,html.dark .sf-c-txt-violet\:100\:st{color:hsl(300,76%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-violet,html.auto .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html[data-theme='auto'] .sf-c-violet\:0,html.auto .sf-c-violet\:0{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}html[data-theme='auto'] .sf-c-violet\:10,html.auto .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html[data-theme='auto'] .sf-c-violet\:20,html.auto .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html[data-theme='auto'] .sf-c-violet\:30,html.auto .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html[data-theme='auto'] .sf-c-violet\:40,html.auto .sf-c-violet\:40{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html[data-theme='auto'] .sf-c-violet\:50,html.auto .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html[data-theme='auto'] .sf-c-violet\:60,html.auto .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html[data-theme='auto'] .sf-c-violet\:70,html.auto .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html[data-theme='auto'] .sf-c-violet\:80,html.auto .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html[data-theme='auto'] .sf-c-violet\:90,html.auto .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html[data-theme='auto'] .sf-c-violet\:100,html.auto .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html[data-theme='auto'] .sf-c-violet\:st,html.auto .sf-c-violet\:st{color:hsl(300,76%,10%);background:hsl(300,76%,72%)}html[data-theme='auto'] .sf-c-violet\:0\:st,html.auto .sf-c-violet\:0\:st{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html[data-theme='auto'] .sf-c-violet\:10\:st,html.auto .sf-c-violet\:10\:st{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html[data-theme='auto'] .sf-c-violet\:20\:st,html.auto .sf-c-violet\:20\:st{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html[data-theme='auto'] .sf-c-violet\:30\:st,html.auto .sf-c-violet\:30\:st{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html[data-theme='auto'] .sf-c-violet\:40\:st,html.auto .sf-c-violet\:40\:st{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html[data-theme='auto'] .sf-c-violet\:50\:st,html.auto .sf-c-violet\:50\:st{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html[data-theme='auto'] .sf-c-violet\:60\:st,html.auto .sf-c-violet\:60\:st{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html[data-theme='auto'] .sf-c-violet\:70\:st,html.auto .sf-c-violet\:70\:st{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html[data-theme='auto'] .sf-c-violet\:80\:st,html.auto .sf-c-violet\:80\:st{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html[data-theme='auto'] .sf-c-violet\:90\:st,html.auto .sf-c-violet\:90\:st{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html[data-theme='auto'] .sf-c-violet\:100\:st,html.auto .sf-c-violet\:100\:st{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}html[data-theme='auto'] .sf-c-txt-violet,html.auto .sf-c-txt-violet{color:hsl(300,76%,72%)}html[data-theme='auto'] .sf-c-txt-violet\:0,html.auto .sf-c-txt-violet\:0{color:hsl(300,76%,100%)}html[data-theme='auto'] .sf-c-txt-violet\:10,html.auto .sf-c-txt-violet\:10{color:hsl(300,76%,90%)}html[data-theme='auto'] .sf-c-txt-violet\:20,html.auto .sf-c-txt-violet\:20{color:hsl(300,76%,80%)}html[data-theme='auto'] .sf-c-txt-violet\:30,html.auto .sf-c-txt-violet\:30{color:hsl(300,76%,70%)}html[data-theme='auto'] .sf-c-txt-violet\:40,html.auto .sf-c-txt-violet\:40{color:hsl(300,76%,60%)}html[data-theme='auto'] .sf-c-txt-violet\:50,html.auto .sf-c-txt-violet\:50{color:hsl(300,76%,50%)}html[data-theme='auto'] .sf-c-txt-violet\:60,html.auto .sf-c-txt-violet\:60{color:hsl(300,76%,40%)}html[data-theme='auto'] .sf-c-txt-violet\:70,html.auto .sf-c-txt-violet\:70{color:hsl(300,76%,30%)}html[data-theme='auto'] .sf-c-txt-violet\:80,html.auto .sf-c-txt-violet\:80{color:hsl(300,76%,20%)}html[data-theme='auto'] .sf-c-txt-violet\:90,html.auto .sf-c-txt-violet\:90{color:hsl(300,76%,10%)}html[data-theme='auto'] .sf-c-txt-violet\:100,html.auto .sf-c-txt-violet\:100{color:hsl(300,76%,0%)}html[data-theme='auto'] .sf-c-txt-violet\:st,html.auto .sf-c-txt-violet\:st{color:hsl(300,76%,72%)}html[data-theme='auto'] .sf-c-txt-violet\:0\:st,html.auto .sf-c-txt-violet\:0\:st{color:hsl(300,76%,0%)}html[data-theme='auto'] .sf-c-txt-violet\:10\:st,html.auto .sf-c-txt-violet\:10\:st{color:hsl(300,76%,10%)}html[data-theme='auto'] .sf-c-txt-violet\:20\:st,html.auto .sf-c-txt-violet\:20\:st{color:hsl(300,76%,20%)}html[data-theme='auto'] .sf-c-txt-violet\:30\:st,html.auto .sf-c-txt-violet\:30\:st{color:hsl(300,76%,30%)}html[data-theme='auto'] .sf-c-txt-violet\:40\:st,html.auto .sf-c-txt-violet\:40\:st{color:hsl(300,76%,40%)}html[data-theme='auto'] .sf-c-txt-violet\:50\:st,html.auto .sf-c-txt-violet\:50\:st{color:hsl(300,76%,50%)}html[data-theme='auto'] .sf-c-txt-violet\:60\:st,html.auto .sf-c-txt-violet\:60\:st{color:hsl(300,76%,60%)}html[data-theme='auto'] .sf-c-txt-violet\:70\:st,html.auto .sf-c-txt-violet\:70\:st{color:hsl(300,76%,70%)}html[data-theme='auto'] .sf-c-txt-violet\:80\:st,html.auto .sf-c-txt-violet\:80\:st{color:hsl(300,76%,80%)}html[data-theme='auto'] .sf-c-txt-violet\:90\:st,html.auto .sf-c-txt-violet\:90\:st{color:hsl(300,76%,90%)}html[data-theme='auto'] .sf-c-txt-violet\:100\:st,html.auto .sf-c-txt-violet\:100\:st{color:hsl(300,76%,100%)}}.sf-var-yellow{--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%}.sf-c-yellow,.sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}.sf-c-yellow\:0,.sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}.sf-c-yellow\:10,.sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}.sf-c-yellow\:20,.sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}.sf-c-yellow\:30,.sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}.sf-c-yellow\:40,.sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}.sf-c-yellow\:50,.sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}.sf-c-yellow\:60,.sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}.sf-c-yellow\:70,.sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}.sf-c-yellow\:80,.sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}.sf-c-yellow\:90,.sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}.sf-c-yellow\:100,.sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-yellow{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:0,.sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}.sf-c-txt-yellow\:10,.sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}.sf-c-txt-yellow\:20,.sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}.sf-c-txt-yellow\:30,.sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}.sf-c-txt-yellow\:40,.sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}.sf-c-txt-yellow\:50,.sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:60,.sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}.sf-c-txt-yellow\:70,.sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}.sf-c-txt-yellow\:80,.sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}.sf-c-txt-yellow\:90,.sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}.sf-c-txt-yellow\:100,.sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow\:st,html.dark .sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:0\:st,html.dark .sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow\:10\:st,html.dark .sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-yellow\:20\:st,html.dark .sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-yellow\:30\:st,html.dark .sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-yellow\:40\:st,html.dark .sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-yellow\:50\:st,html.dark .sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:60\:st,html.dark .sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-yellow\:70\:st,html.dark .sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-yellow\:80\:st,html.dark .sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-yellow\:90\:st,html.dark .sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-yellow\:100\:st,html.dark .sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-yellow\:st,html.dark .sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:0\:st,html.dark .sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-yellow\:10\:st,html.dark .sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-yellow\:20\:st,html.dark .sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-yellow\:30\:st,html.dark .sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-yellow\:40\:st,html.dark .sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-yellow\:50\:st,html.dark .sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:60\:st,html.dark .sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-yellow\:70\:st,html.dark .sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-yellow\:80\:st,html.dark .sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-yellow\:90\:st,html.dark .sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-yellow\:100\:st,html.dark .sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-yellow\:st,html.auto .sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:0\:st,html.auto .sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-yellow\:10\:st,html.auto .sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-yellow\:20\:st,html.auto .sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-yellow\:30\:st,html.auto .sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-yellow\:40\:st,html.auto .sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-yellow\:50\:st,html.auto .sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:60\:st,html.auto .sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-yellow\:70\:st,html.auto .sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-yellow\:80\:st,html.auto .sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-yellow\:90\:st,html.auto .sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-yellow\:100\:st,html.auto .sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-yellow\:st,html.auto .sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:0\:st,html.auto .sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-yellow\:10\:st,html.auto .sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-yellow\:20\:st,html.auto .sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-yellow\:30\:st,html.auto .sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-yellow\:40\:st,html.auto .sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-yellow\:50\:st,html.auto .sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:60\:st,html.auto .sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-yellow\:70\:st,html.auto .sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-yellow\:80\:st,html.auto .sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-yellow\:90\:st,html.auto .sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-yellow\:100\:st,html.auto .sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}} \ No newline at end of file diff --git a/generators/styleBlocks.js b/generators/styleBlocks.js new file mode 100644 index 0000000..43c4f85 --- /dev/null +++ b/generators/styleBlocks.js @@ -0,0 +1,54 @@ +import { getLuminance, getContrastRatio } from '../utils/tools.js' +import { HSLToRGB } from '../utils/convert.js' + +const blackLum = getLuminance(HSLToRGB([0, 0, 0])) + +export function generateSingleColorCSS(H, S, L) { + const baseLum = getLuminance(HSLToRGB([H, S, L])) + const contrast = getContrastRatio(blackLum, baseLum) + const textL = contrast > 7 ? 10 : 90 + const textL_REV = contrast < 7 ? 10 : 90 + + const lines = [] + + const SELECTOR = `.sf-c-${H}\\:${S}\\:${L}` + const HSL = `hsl(${H}, ${S}%, ${L}%)` + const LUM = `hsl(${H}, ${S}%, ${textL}%)` + + const TX_LUM_REV = `hsl(${H}, ${S}%, ${textL_REV}%)` + const BG_LUM_REV = `hsl(${H}, ${S}%, ${100 - L}%)` + + // var + lines.push(`${SELECTOR}\\:var { --sf-c-${H}-${S}-${L}: ${H} ${S} ${L} }`) + + // light + lines.push(`${SELECTOR}, ${SELECTOR}\\:st { color: ${LUM}; background-color: ${HSL} }`) + + // Text + // lines.push(`${SELECTOR}\\:txt { color: hsl(${H}, ${S}%, ${L > 50 ? 10 : L}%) }`) + lines.push(`${SELECTOR}\\:txt, ${SELECTOR}\\:txt\\:st, ${SELECTOR}\\:txt\\:rv { color: ${HSL} }`) + + lines.push('') + + // dark + lines.push(`html[data-theme='dark'] ${SELECTOR}, html.dark ${SELECTOR} { color: ${TX_LUM_REV}; background-color: ${BG_LUM_REV} }`) + lines.push(`html[data-theme='dark'] ${SELECTOR}\\:st, html.dark ${SELECTOR}\\:st { color: ${LUM}; background-color: ${HSL} }`) + // lines.push(`html[data-theme='dark'] ${SELECTOR}\\:txt, html.dark ${SELECTOR}\\:txt { color: hsl(${H}, ${S}%, ${L < 50 ? 100 - L : L}%) }`) + lines.push(`html[data-theme='dark'] ${SELECTOR}\\:txt, html.dark ${SELECTOR}\\:txt { color: hsl(${H}, ${S}%, ${90}%) }`) + lines.push(`html[data-theme='dark'] ${SELECTOR}\\:txt\\:st, html.dark ${SELECTOR}\\:txt\\:st { color: ${HSL} }`) + lines.push(`html[data-theme='dark'] ${SELECTOR}\\:txt\\:rv, html.dark ${SELECTOR}\\:txt\\:rv { color: hsl(${H}, ${S}%, ${10}%) }`) + + lines.push('') + + // auto + lines.push(`@media (prefers-color-scheme: dark) {`) + lines.push(` html[data-theme='auto'] ${SELECTOR}, html.auto ${SELECTOR} { color: ${TX_LUM_REV}; background-color: ${BG_LUM_REV} }`) + lines.push(` html[data-theme='auto'] ${SELECTOR}\\:st, html.auto ${SELECTOR}\\:st { color: ${LUM}; background-color: ${HSL} }`) + // lines.push(` html[data-theme='auto'] ${SELECTOR}\\:txt, html.auto ${SELECTOR}\\:txt { color: hsl(${H}, ${S}%, ${L < 50 ? 100 - L : L}%) }`) + lines.push(` html[data-theme='auto'] ${SELECTOR}\\:txt, html.auto ${SELECTOR}\\:txt { color: hsl(${H}, ${S}%, ${90}%) }`) + lines.push(` html[data-theme='auto'] ${SELECTOR}\\:txt\\:st, html.auto ${SELECTOR}\\:txt\\:st { color: ${HSL} }`) + lines.push(` html[data-theme='auto'] ${SELECTOR}\\:txt\\:rv, html.auto ${SELECTOR}\\:txt\\:rv { color: hsl(${H}, ${S}%, ${10}%) }`) + lines.push(`}`) + + return lines.join('\n') +} diff --git a/main.js b/main.js new file mode 100755 index 0000000..5dac29f --- /dev/null +++ b/main.js @@ -0,0 +1,259 @@ +#!/usr/bin/env node + +import fs from 'fs' +import path from 'path' + +// packages +import chalk from 'chalk' +import inquirer from 'inquirer' + +// utils +import { config } from './utils/config.js' +import { colors } from './utils/colors.js' +import { RGBToHSL, HSLToRGB } from './utils/convert.js' +import { handleSingleColor, handlePaletteRanges } from './utils/palette.js' + +async function main() { + console.clear() + console.log('🎨 Welcome to Style-Forge Generator CLI') + + const { mode } = await inquirer.prompt([ + { + type: 'list', + name: 'mode', + message: 'Select mode:', + choices: [ + '🎨 Generate CSS file by', + '📐 Generate from paletteRanges (from config)', + '🌈 Generate full palette for H / S range', + '🖌️ Select named colors to generate (HSL)', + '🧩 Combine CSS files', + '🚪 Exit', + ], + }, + ]) + + if (mode === 'Exit') process.exit(0) + + let format = config.defaultFormat || 'HSL' + + if (mode === '🎨 Generate CSS file by') { + const formatAnswer = await inquirer.prompt([ + { + type: 'list', + name: 'format', + message: 'Select input format:', + choices: ['HSL', 'RGB', 'HEX'], + default: config.defaultFormat || 'HSL', + }, + ]) + format = formatAnswer.format + + let H, S, L + + if (format === 'HSL') { + const input = await inquirer.prompt([ + { type: 'input', name: 'h', message: 'Hue (0–360):', validate: v => !isNaN(v) && v >= 0 && v <= 360 }, + { type: 'input', name: 's', message: 'Saturation (0–100):', validate: v => !isNaN(v) && v >= 0 && v <= 100 }, + { type: 'input', name: 'l', message: 'Lightness (0–100):', validate: v => !isNaN(v) && v >= 0 && v <= 100 }, + ]) + H = parseInt(input.h) + S = parseInt(input.s) + L = parseInt(input.l) + } + + if (format === 'RGB') { + const input = await inquirer.prompt([ + { type: 'input', name: 'r', message: 'Red (0–255):', validate: v => !isNaN(v) && v >= 0 && v <= 255 }, + { type: 'input', name: 'g', message: 'Green (0–255):', validate: v => !isNaN(v) && v >= 0 && v <= 255 }, + { type: 'input', name: 'b', message: 'Blue (0–255):', validate: v => !isNaN(v) && v >= 0 && v <= 255 }, + ]) + const [r, g, b] = [parseInt(input.r), parseInt(input.g), parseInt(input.b)] + const hsl = RGBToHSL([r, g, b]) + H = Math.round(hsl[0]) + S = Math.round(hsl[1]) + L = Math.round(hsl[2]) + } + + if (format === 'HEX') { + const input = await inquirer.prompt([ + { + type: 'input', + name: 'hex', + message: 'HEX (e.g. #ff00aa):', + validate: v => /^#?[0-9A-Fa-f]{6}$/.test(v) + }, + ]) + const hex = input.hex.replace('#', '') + const bigint = parseInt(hex, 16) + const r = (bigint >> 16) & 255 + const g = (bigint >> 8) & 255 + const b = bigint & 255 + const hsl = RGBToHSL([r, g, b]) + H = Math.round(hsl[0]) + S = Math.round(hsl[1]) + L = Math.round(hsl[2]) + } + + await handleSingleColor(H, S, L) + } + if (mode === '📐 Generate from paletteRanges (from config)') { + if (config.paletteRanges && Array.isArray(config.paletteRanges)) { + await handlePaletteRanges(config.paletteRanges) + } else { + console.log('⚠️ No paletteRanges found in config.') + } + } + if (mode === '🌈 Generate full palette for H / S range') { + const { h, s, step } = await inquirer.prompt([ + { type: 'input', name: 'h', message: 'Hue (0–360):', validate: v => !isNaN(v) && v >= 0 && v <= 360 }, + { type: 'input', name: 's', message: 'Saturation (0–100):', validate: v => !isNaN(v) && v >= 0 && v <= 100 }, + { type: 'input', name: 'step', message: 'Step for Lightness (1–100):', default: 5, validate: v => !isNaN(v) && v > 0 && v <= 100 } + ]) + const H = parseInt(h) + const S = parseInt(s) + const stepSize = parseInt(step) + + for (let L = 0; L <= 100; L += stepSize) { + await handleSingleColor(H, S, L) + } + console.log(`✅ Full palette generated for H=${H}, S=${S} with step ${stepSize}`) + } + if (mode === '🖌️ Select named colors to generate (HSL)') { + const names = Array.from(colors.keys()).sort() + + const choices = names.map(name => { + const hsl = colors.get(name)?.hsl + if (!hsl) return name + const rgb = HSLToRGB(hsl) + return { + name: chalk.rgb(...rgb)(name), + value: name, + } + }) + + const { selected } = await inquirer.prompt([ + { + type: 'checkbox', + name: 'selected', + message: 'Select named colors:', + choices, + validate: arr => arr.length > 0 || 'Select at least one color.', + }, + ]) + + for (const name of selected) { + const color = colors.get(name) + if (!color || !color.hsl) continue + const [H, S, L] = color.hsl.map(Math.round) + await handleSingleColor(H, S, L) + } + } + if (mode === '🧩 Combine CSS files') { + const outputDir = path.resolve(config.outputDir) + const srcDir = path.resolve(config.outputDir, config.atomicSubDir) + + if (!fs.existsSync(srcDir)) { + console.log(`❌ Folder "${srcDir}" not found.`) + return + } + + const replace = x => x.replace('.css', '').split('.').map(Number) + + const allFiles = fs + .readdirSync(srcDir) + .filter(name => name.endsWith('.css') && !name.startsWith('combined')) + .sort((a, b) => { + const [ha, sa, la] = replace(a) + const [hb, sb, lb] = replace(b) + return ha - hb || sa - sb || la - lb + }) + + if (allFiles.length === 0) { + console.log(`❌ No .css files found in "${srcDir}" — nothing to combine.`) + return + } + + const colorized = allFiles.map(name => { + const [h, s, l] = replace(name) + const rgb = HSLToRGB([h, s, l]) + return { + name: chalk.rgb(...rgb)(name), + value: name, + } + }) + + const { selected } = await inquirer.prompt([ + { + type: 'checkbox', + name: 'selected', + message: 'Select CSS files to combine:', + choices: colorized, + validate: arr => arr.length > 0 || 'Select at least one file.', + }, + ]) + + console.log('\nSelected files:') + selected.forEach((name, i) => console.log(`${i + 1}. ${name}`)) + + const { orderInput } = await inquirer.prompt([ + { + type: 'input', + name: 'orderInput', + message: 'Enter desired order (e.g. 2,1,3) or leave empty to keep default order:', + validate: input => { + if (!input.trim()) return true + const indexes = input.split(',').map(i => parseInt(i.trim(), 10)) + const isValid = indexes.length === selected.length && + indexes.every(i => i > 0 && i <= selected.length) + return isValid || 'Enter valid sequence using all indexes (e.g. 2,1,3)' + } + } + ]) + + let orderedFiles = selected + if (orderInput.trim()) { + const indexes = orderInput.split(',').map(i => parseInt(i.trim(), 10) - 1) + orderedFiles = indexes.map(i => selected[i]) + } + + const crypto = await import('crypto') + const hash = crypto.randomBytes(4).toString('hex') + + const { name } = await inquirer.prompt([ + { + type: 'input', + name: 'name', + message: 'Output filename (without extension):', + default: `combined-${hash}`, + }, + ]) + + const targetPath = path.join(outputDir, `${name}.css`) + let combined = '' + + for (const file of orderedFiles) { + const content = fs.readFileSync(path.join(srcDir, file), 'utf-8') + combined += `/* ${file} */\n` + content + '\n\n' + } + + fs.writeFileSync(targetPath, combined) + console.log(`✅ Combined ${orderedFiles.length} files into ${name}.css`) + console.log(`📦 Size: ${(Buffer.byteLength(combined) / 1024).toFixed(2)} KB`) + } +} + +(async function loop() { + while (true) { + try { + await main() + } catch (err) { + if (err?.isTtyError || err?.message?.includes('SIGINT') || err.name === 'ExitPromptError') { + console.log('\n👋 Bye!') + break + } + console.error('❌ Unhandled error:', err) + break + } + } +})() diff --git a/package.json b/package.json index d05218c..c222262 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,11 @@ { "name": "style-forge.colors", - "version": "2025.2.5", - "description": "Style-Forge.Colors: customizable color palettes for consistent, visually appealing web designs.", + "version": "2025.5.12", + "description": "Style-Forge Colors CLI: atomic HSL-based color palette generator and CSS module for scalable design systems.", "type": "module", - "main": "colors.css", + "bin": { + "style-forge.colors": "./main.js" + }, "repository": { "type": "git", "url": "git+https://github.com/Style-Forge/colors.git" @@ -15,27 +17,19 @@ "colors", "color palettes", "theme", - "CSS-in-JS", - "color schemes", - "design", - "UI", - "web development", + "HSL", + "CSS generator", "frontend", - "JavaScript", - "react", - "custom colors", - "color management", + "design system", + "atomic CSS", + "CLI", + "UI", "web design" ], - "scripts": { - "build": "node builder.js" - }, - "devDependencies": { - "postcss": "^8.4.39", - "postcss-combine-duplicated-selectors": "^10.0.3", - "postcss-discard-comments": "^7.0.1", - "postcss-import": "^16.1.0", - "postcss-minify": "^1.1.0" + "dependencies": { + "chalk": "^5.4.1", + "inquirer": "^12.6.1", + "json-stringify-pretty-compact": "^4.0.0" }, "bugs": { "url": "https://github.com/Style-Forge/colors/issues" diff --git a/src/colors/10/aliceblue.css b/src/colors/10/aliceblue.css deleted file mode 100644 index 30d4835..0000000 --- a/src/colors/10/aliceblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-aliceblue { - --sf-c-aliceblue: 208 100% 97%; - --sf-c-aliceblue-0: 208 100% 0%; - --sf-c-aliceblue-10: 208 100% 10%; - --sf-c-aliceblue-20: 208 100% 20%; - --sf-c-aliceblue-30: 208 100% 30%; - --sf-c-aliceblue-40: 208 100% 40%; - --sf-c-aliceblue-50: 208 100% 50%; - --sf-c-aliceblue-60: 208 100% 60%; - --sf-c-aliceblue-70: 208 100% 70%; - --sf-c-aliceblue-80: 208 100% 80%; - --sf-c-aliceblue-90: 208 100% 90%; - --sf-c-aliceblue-100: 208 100% 100%; -} - -.sf-c-aliceblue, .sf-c-aliceblue\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 97%) } -.sf-c-aliceblue\:0, .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } -.sf-c-aliceblue\:10, .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } -.sf-c-aliceblue\:20, .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } -.sf-c-aliceblue\:30, .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 30%) } -.sf-c-aliceblue\:40, .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 40%) } -.sf-c-aliceblue\:50, .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 50%) } -.sf-c-aliceblue\:60, .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 60%) } -.sf-c-aliceblue\:70, .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 70%) } -.sf-c-aliceblue\:80, .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 80%) } -.sf-c-aliceblue\:90, .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } -.sf-c-aliceblue\:100, .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } - -.sf-c-txt-aliceblue { color: hsl(208, 100%, 10%) } -.sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } -.sf-c-txt-aliceblue\:0, .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } -.sf-c-txt-aliceblue\:10, .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } -.sf-c-txt-aliceblue\:20, .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } -.sf-c-txt-aliceblue\:30, .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } -.sf-c-txt-aliceblue\:40, .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } -.sf-c-txt-aliceblue\:50, .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } -.sf-c-txt-aliceblue\:60, .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } -.sf-c-txt-aliceblue\:70, .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } -.sf-c-txt-aliceblue\:80, .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } -.sf-c-txt-aliceblue\:90, .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } -.sf-c-txt-aliceblue\:100, .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aliceblue, html.dark .sf-c-aliceblue { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 3%) } -html[data-theme='dark'] .sf-c-aliceblue\:0, html.dark .sf-c-aliceblue\:0 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } -html[data-theme='dark'] .sf-c-aliceblue\:10, html.dark .sf-c-aliceblue\:10 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-aliceblue\:20, html.dark .sf-c-aliceblue\:20 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-aliceblue\:30, html.dark .sf-c-aliceblue\:30 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-aliceblue\:40, html.dark .sf-c-aliceblue\:40 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-aliceblue\:50, html.dark .sf-c-aliceblue\:50 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-aliceblue\:60, html.dark .sf-c-aliceblue\:60 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-aliceblue\:70, html.dark .sf-c-aliceblue\:70 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-aliceblue\:80, html.dark .sf-c-aliceblue\:80 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-aliceblue\:90, html.dark .sf-c-aliceblue\:90 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-aliceblue\:100, html.dark .sf-c-aliceblue\:100 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aliceblue\:st, html.dark .sf-c-aliceblue\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-aliceblue\:0\:st, html.dark .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } -html[data-theme='dark'] .sf-c-aliceblue\:10\:st, html.dark .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-aliceblue\:20\:st, html.dark .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-aliceblue\:30\:st, html.dark .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-aliceblue\:40\:st, html.dark .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-aliceblue\:50\:st, html.dark .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-aliceblue\:60\:st, html.dark .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-aliceblue\:70\:st, html.dark .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-aliceblue\:80\:st, html.dark .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-aliceblue\:90\:st, html.dark .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-aliceblue\:100\:st, html.dark .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aliceblue\:st, html.dark .sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:0\:st, html.dark .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:10\:st, html.dark .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:20\:st, html.dark .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:30\:st, html.dark .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:40\:st, html.dark .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:50\:st, html.dark .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:60\:st, html.dark .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:70\:st, html.dark .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:80\:st, html.dark .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:90\:st, html.dark .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:100\:st, html.dark .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aliceblue, html.auto .sf-c-aliceblue { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 3%) } - html[data-theme='auto'] .sf-c-aliceblue\:0, html.auto .sf-c-aliceblue\:0 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } - html[data-theme='auto'] .sf-c-aliceblue\:10, html.auto .sf-c-aliceblue\:10 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-aliceblue\:20, html.auto .sf-c-aliceblue\:20 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-aliceblue\:30, html.auto .sf-c-aliceblue\:30 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-aliceblue\:40, html.auto .sf-c-aliceblue\:40 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-aliceblue\:50, html.auto .sf-c-aliceblue\:50 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-aliceblue\:60, html.auto .sf-c-aliceblue\:60 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-aliceblue\:70, html.auto .sf-c-aliceblue\:70 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-aliceblue\:80, html.auto .sf-c-aliceblue\:80 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-aliceblue\:90, html.auto .sf-c-aliceblue\:90 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-aliceblue\:100, html.auto .sf-c-aliceblue\:100 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aliceblue\:st, html.auto .sf-c-aliceblue\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-aliceblue\:0\:st, html.auto .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } - html[data-theme='auto'] .sf-c-aliceblue\:10\:st, html.auto .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-aliceblue\:20\:st, html.auto .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-aliceblue\:30\:st, html.auto .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-aliceblue\:40\:st, html.auto .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-aliceblue\:50\:st, html.auto .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-aliceblue\:60\:st, html.auto .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-aliceblue\:70\:st, html.auto .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-aliceblue\:80\:st, html.auto .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-aliceblue\:90\:st, html.auto .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-aliceblue\:100\:st, html.auto .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aliceblue\:st, html.auto .sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:0\:st, html.auto .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:10\:st, html.auto .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:20\:st, html.auto .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:30\:st, html.auto .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:40\:st, html.auto .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:50\:st, html.auto .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:60\:st, html.auto .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:70\:st, html.auto .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:80\:st, html.auto .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:90\:st, html.auto .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:100\:st, html.auto .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/antiquewhite.css b/src/colors/10/antiquewhite.css deleted file mode 100644 index a4369af..0000000 --- a/src/colors/10/antiquewhite.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-antiquewhite { - --sf-c-antiquewhite: 34 78% 91%; - --sf-c-antiquewhite-0: 34 78% 0%; - --sf-c-antiquewhite-10: 34 78% 10%; - --sf-c-antiquewhite-20: 34 78% 20%; - --sf-c-antiquewhite-30: 34 78% 30%; - --sf-c-antiquewhite-40: 34 78% 40%; - --sf-c-antiquewhite-50: 34 78% 50%; - --sf-c-antiquewhite-60: 34 78% 60%; - --sf-c-antiquewhite-70: 34 78% 70%; - --sf-c-antiquewhite-80: 34 78% 80%; - --sf-c-antiquewhite-90: 34 78% 90%; - --sf-c-antiquewhite-100: 34 78% 100%; -} - -.sf-c-antiquewhite, .sf-c-antiquewhite\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 91%) } -.sf-c-antiquewhite\:0, .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } -.sf-c-antiquewhite\:10, .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } -.sf-c-antiquewhite\:20, .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } -.sf-c-antiquewhite\:30, .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 30%) } -.sf-c-antiquewhite\:40, .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 40%) } -.sf-c-antiquewhite\:50, .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 50%) } -.sf-c-antiquewhite\:60, .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 60%) } -.sf-c-antiquewhite\:70, .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 70%) } -.sf-c-antiquewhite\:80, .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 80%) } -.sf-c-antiquewhite\:90, .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } -.sf-c-antiquewhite\:100, .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } - -.sf-c-txt-antiquewhite { color: hsl(34, 78%, 10%) } -.sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } -.sf-c-txt-antiquewhite\:0, .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } -.sf-c-txt-antiquewhite\:10, .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } -.sf-c-txt-antiquewhite\:20, .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } -.sf-c-txt-antiquewhite\:30, .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } -.sf-c-txt-antiquewhite\:40, .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } -.sf-c-txt-antiquewhite\:50, .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } -.sf-c-txt-antiquewhite\:60, .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } -.sf-c-txt-antiquewhite\:70, .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } -.sf-c-txt-antiquewhite\:80, .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } -.sf-c-txt-antiquewhite\:90, .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } -.sf-c-txt-antiquewhite\:100, .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } - -html[data-theme='dark'] .sf-c-antiquewhite, html.dark .sf-c-antiquewhite { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 9%) } -html[data-theme='dark'] .sf-c-antiquewhite\:0, html.dark .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } -html[data-theme='dark'] .sf-c-antiquewhite\:10, html.dark .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-antiquewhite\:20, html.dark .sf-c-antiquewhite\:20 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-antiquewhite\:30, html.dark .sf-c-antiquewhite\:30 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-antiquewhite\:40, html.dark .sf-c-antiquewhite\:40 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-antiquewhite\:50, html.dark .sf-c-antiquewhite\:50 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-antiquewhite\:60, html.dark .sf-c-antiquewhite\:60 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-antiquewhite\:70, html.dark .sf-c-antiquewhite\:70 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-antiquewhite\:80, html.dark .sf-c-antiquewhite\:80 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-antiquewhite\:90, html.dark .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-antiquewhite\:100, html.dark .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } - -html[data-theme='dark'] .sf-c-antiquewhite\:st, html.dark .sf-c-antiquewhite\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-antiquewhite\:0\:st, html.dark .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } -html[data-theme='dark'] .sf-c-antiquewhite\:10\:st, html.dark .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-antiquewhite\:20\:st, html.dark .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-antiquewhite\:30\:st, html.dark .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-antiquewhite\:40\:st, html.dark .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-antiquewhite\:50\:st, html.dark .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-antiquewhite\:60\:st, html.dark .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-antiquewhite\:70\:st, html.dark .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-antiquewhite\:80\:st, html.dark .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-antiquewhite\:90\:st, html.dark .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-antiquewhite\:100\:st, html.dark .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } - -html[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } - -html[data-theme='dark'] .sf-c-txt-antiquewhite\:st, html.dark .sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:st, html.dark .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:st, html.dark .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:st, html.dark .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:st, html.dark .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:st, html.dark .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:st, html.dark .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:st, html.dark .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:st, html.dark .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:st, html.dark .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:st, html.dark .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:st, html.dark .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-antiquewhite, html.auto .sf-c-antiquewhite { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 9%) } - html[data-theme='auto'] .sf-c-antiquewhite\:0, html.auto .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } - html[data-theme='auto'] .sf-c-antiquewhite\:10, html.auto .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-antiquewhite\:20, html.auto .sf-c-antiquewhite\:20 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-antiquewhite\:30, html.auto .sf-c-antiquewhite\:30 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-antiquewhite\:40, html.auto .sf-c-antiquewhite\:40 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-antiquewhite\:50, html.auto .sf-c-antiquewhite\:50 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-antiquewhite\:60, html.auto .sf-c-antiquewhite\:60 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-antiquewhite\:70, html.auto .sf-c-antiquewhite\:70 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-antiquewhite\:80, html.auto .sf-c-antiquewhite\:80 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-antiquewhite\:90, html.auto .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-antiquewhite\:100, html.auto .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } - - html[data-theme='auto'] .sf-c-antiquewhite\:st, html.auto .sf-c-antiquewhite\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-antiquewhite\:0\:st, html.auto .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } - html[data-theme='auto'] .sf-c-antiquewhite\:10\:st, html.auto .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-antiquewhite\:20\:st, html.auto .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-antiquewhite\:30\:st, html.auto .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-antiquewhite\:40\:st, html.auto .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-antiquewhite\:50\:st, html.auto .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-antiquewhite\:60\:st, html.auto .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-antiquewhite\:70\:st, html.auto .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-antiquewhite\:80\:st, html.auto .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-antiquewhite\:90\:st, html.auto .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-antiquewhite\:100\:st, html.auto .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } - - html[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } - - html[data-theme='auto'] .sf-c-txt-antiquewhite\:st, html.auto .sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:st, html.auto .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:st, html.auto .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:st, html.auto .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:st, html.auto .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:st, html.auto .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:st, html.auto .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:st, html.auto .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:st, html.auto .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:st, html.auto .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:st, html.auto .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:st, html.auto .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/aqua.css b/src/colors/10/aqua.css deleted file mode 100644 index 3c53c79..0000000 --- a/src/colors/10/aqua.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-aqua { - --sf-c-aqua: 180 100% 50%; - --sf-c-aqua-0: 180 100% 0%; - --sf-c-aqua-10: 180 100% 10%; - --sf-c-aqua-20: 180 100% 20%; - --sf-c-aqua-30: 180 100% 30%; - --sf-c-aqua-40: 180 100% 40%; - --sf-c-aqua-50: 180 100% 50%; - --sf-c-aqua-60: 180 100% 60%; - --sf-c-aqua-70: 180 100% 70%; - --sf-c-aqua-80: 180 100% 80%; - --sf-c-aqua-90: 180 100% 90%; - --sf-c-aqua-100: 180 100% 100%; -} - -.sf-c-aqua, .sf-c-aqua\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-aqua\:0, .sf-c-aqua\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-aqua\:10, .sf-c-aqua\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-aqua\:20, .sf-c-aqua\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-aqua\:30, .sf-c-aqua\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-aqua\:40, .sf-c-aqua\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-aqua\:50, .sf-c-aqua\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-aqua\:60, .sf-c-aqua\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-aqua\:70, .sf-c-aqua\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-aqua\:80, .sf-c-aqua\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-aqua\:90, .sf-c-aqua\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-aqua\:100, .sf-c-aqua\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-aqua { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:0, .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-aqua\:10, .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-aqua\:20, .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-aqua\:30, .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-aqua\:40, .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-aqua\:50, .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:60, .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-aqua\:70, .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-aqua\:80, .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-aqua\:90, .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-aqua\:100, .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aqua, html.dark .sf-c-aqua { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:0, html.dark .sf-c-aqua\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-aqua\:10, html.dark .sf-c-aqua\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-aqua\:20, html.dark .sf-c-aqua\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-aqua\:30, html.dark .sf-c-aqua\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-aqua\:40, html.dark .sf-c-aqua\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-aqua\:50, html.dark .sf-c-aqua\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:60, html.dark .sf-c-aqua\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-aqua\:70, html.dark .sf-c-aqua\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-aqua\:80, html.dark .sf-c-aqua\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-aqua\:90, html.dark .sf-c-aqua\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-aqua\:100, html.dark .sf-c-aqua\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aqua\:st, html.dark .sf-c-aqua\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:0\:st, html.dark .sf-c-aqua\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-aqua\:10\:st, html.dark .sf-c-aqua\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-aqua\:20\:st, html.dark .sf-c-aqua\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-aqua\:30\:st, html.dark .sf-c-aqua\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-aqua\:40\:st, html.dark .sf-c-aqua\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-aqua\:50\:st, html.dark .sf-c-aqua\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:60\:st, html.dark .sf-c-aqua\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-aqua\:70\:st, html.dark .sf-c-aqua\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-aqua\:80\:st, html.dark .sf-c-aqua\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-aqua\:90\:st, html.dark .sf-c-aqua\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-aqua\:100\:st, html.dark .sf-c-aqua\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aqua\:st, html.dark .sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:0\:st, html.dark .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aqua\:10\:st, html.dark .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aqua\:20\:st, html.dark .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aqua\:30\:st, html.dark .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aqua\:40\:st, html.dark .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aqua\:50\:st, html.dark .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:60\:st, html.dark .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aqua\:70\:st, html.dark .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aqua\:80\:st, html.dark .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aqua\:90\:st, html.dark .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aqua\:100\:st, html.dark .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aqua, html.auto .sf-c-aqua { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:0, html.auto .sf-c-aqua\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-aqua\:10, html.auto .sf-c-aqua\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-aqua\:20, html.auto .sf-c-aqua\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-aqua\:30, html.auto .sf-c-aqua\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-aqua\:40, html.auto .sf-c-aqua\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-aqua\:50, html.auto .sf-c-aqua\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:60, html.auto .sf-c-aqua\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-aqua\:70, html.auto .sf-c-aqua\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-aqua\:80, html.auto .sf-c-aqua\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-aqua\:90, html.auto .sf-c-aqua\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-aqua\:100, html.auto .sf-c-aqua\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aqua\:st, html.auto .sf-c-aqua\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:0\:st, html.auto .sf-c-aqua\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-aqua\:10\:st, html.auto .sf-c-aqua\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-aqua\:20\:st, html.auto .sf-c-aqua\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-aqua\:30\:st, html.auto .sf-c-aqua\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-aqua\:40\:st, html.auto .sf-c-aqua\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-aqua\:50\:st, html.auto .sf-c-aqua\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:60\:st, html.auto .sf-c-aqua\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-aqua\:70\:st, html.auto .sf-c-aqua\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-aqua\:80\:st, html.auto .sf-c-aqua\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-aqua\:90\:st, html.auto .sf-c-aqua\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-aqua\:100\:st, html.auto .sf-c-aqua\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aqua\:st, html.auto .sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:0\:st, html.auto .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aqua\:10\:st, html.auto .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aqua\:20\:st, html.auto .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aqua\:30\:st, html.auto .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aqua\:40\:st, html.auto .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aqua\:50\:st, html.auto .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:60\:st, html.auto .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aqua\:70\:st, html.auto .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aqua\:80\:st, html.auto .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aqua\:90\:st, html.auto .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aqua\:100\:st, html.auto .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/aquamarine.css b/src/colors/10/aquamarine.css deleted file mode 100644 index 59aade4..0000000 --- a/src/colors/10/aquamarine.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-aquamarine { - --sf-c-aquamarine: 160 100% 75%; - --sf-c-aquamarine-0: 160 100% 0%; - --sf-c-aquamarine-10: 160 100% 10%; - --sf-c-aquamarine-20: 160 100% 20%; - --sf-c-aquamarine-30: 160 100% 30%; - --sf-c-aquamarine-40: 160 100% 40%; - --sf-c-aquamarine-50: 160 100% 50%; - --sf-c-aquamarine-60: 160 100% 60%; - --sf-c-aquamarine-70: 160 100% 70%; - --sf-c-aquamarine-80: 160 100% 80%; - --sf-c-aquamarine-90: 160 100% 90%; - --sf-c-aquamarine-100: 160 100% 100%; -} - -.sf-c-aquamarine, .sf-c-aquamarine\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 75%) } -.sf-c-aquamarine\:0, .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } -.sf-c-aquamarine\:10, .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } -.sf-c-aquamarine\:20, .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } -.sf-c-aquamarine\:30, .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 30%) } -.sf-c-aquamarine\:40, .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 40%) } -.sf-c-aquamarine\:50, .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 50%) } -.sf-c-aquamarine\:60, .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 60%) } -.sf-c-aquamarine\:70, .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 70%) } -.sf-c-aquamarine\:80, .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 80%) } -.sf-c-aquamarine\:90, .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } -.sf-c-aquamarine\:100, .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } - -.sf-c-txt-aquamarine { color: hsl(160, 100%, 10%) } -.sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } -.sf-c-txt-aquamarine\:0, .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } -.sf-c-txt-aquamarine\:10, .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } -.sf-c-txt-aquamarine\:20, .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } -.sf-c-txt-aquamarine\:30, .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } -.sf-c-txt-aquamarine\:40, .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } -.sf-c-txt-aquamarine\:50, .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } -.sf-c-txt-aquamarine\:60, .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } -.sf-c-txt-aquamarine\:70, .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } -.sf-c-txt-aquamarine\:80, .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } -.sf-c-txt-aquamarine\:90, .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } -.sf-c-txt-aquamarine\:100, .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aquamarine, html.dark .sf-c-aquamarine { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-aquamarine\:0, html.dark .sf-c-aquamarine\:0 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } -html[data-theme='dark'] .sf-c-aquamarine\:10, html.dark .sf-c-aquamarine\:10 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-aquamarine\:20, html.dark .sf-c-aquamarine\:20 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-aquamarine\:30, html.dark .sf-c-aquamarine\:30 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-aquamarine\:40, html.dark .sf-c-aquamarine\:40 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-aquamarine\:50, html.dark .sf-c-aquamarine\:50 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-aquamarine\:60, html.dark .sf-c-aquamarine\:60 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-aquamarine\:70, html.dark .sf-c-aquamarine\:70 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-aquamarine\:80, html.dark .sf-c-aquamarine\:80 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-aquamarine\:90, html.dark .sf-c-aquamarine\:90 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-aquamarine\:100, html.dark .sf-c-aquamarine\:100 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aquamarine\:st, html.dark .sf-c-aquamarine\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-aquamarine\:0\:st, html.dark .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } -html[data-theme='dark'] .sf-c-aquamarine\:10\:st, html.dark .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-aquamarine\:20\:st, html.dark .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-aquamarine\:30\:st, html.dark .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-aquamarine\:40\:st, html.dark .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-aquamarine\:50\:st, html.dark .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-aquamarine\:60\:st, html.dark .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-aquamarine\:70\:st, html.dark .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-aquamarine\:80\:st, html.dark .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-aquamarine\:90\:st, html.dark .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-aquamarine\:100\:st, html.dark .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aquamarine\:st, html.dark .sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:0\:st, html.dark .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:10\:st, html.dark .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:20\:st, html.dark .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:30\:st, html.dark .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:40\:st, html.dark .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:50\:st, html.dark .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:60\:st, html.dark .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:70\:st, html.dark .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:80\:st, html.dark .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:90\:st, html.dark .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:100\:st, html.dark .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aquamarine, html.auto .sf-c-aquamarine { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-aquamarine\:0, html.auto .sf-c-aquamarine\:0 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } - html[data-theme='auto'] .sf-c-aquamarine\:10, html.auto .sf-c-aquamarine\:10 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-aquamarine\:20, html.auto .sf-c-aquamarine\:20 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-aquamarine\:30, html.auto .sf-c-aquamarine\:30 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-aquamarine\:40, html.auto .sf-c-aquamarine\:40 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-aquamarine\:50, html.auto .sf-c-aquamarine\:50 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-aquamarine\:60, html.auto .sf-c-aquamarine\:60 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-aquamarine\:70, html.auto .sf-c-aquamarine\:70 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-aquamarine\:80, html.auto .sf-c-aquamarine\:80 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-aquamarine\:90, html.auto .sf-c-aquamarine\:90 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-aquamarine\:100, html.auto .sf-c-aquamarine\:100 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aquamarine\:st, html.auto .sf-c-aquamarine\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-aquamarine\:0\:st, html.auto .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } - html[data-theme='auto'] .sf-c-aquamarine\:10\:st, html.auto .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-aquamarine\:20\:st, html.auto .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-aquamarine\:30\:st, html.auto .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-aquamarine\:40\:st, html.auto .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-aquamarine\:50\:st, html.auto .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-aquamarine\:60\:st, html.auto .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-aquamarine\:70\:st, html.auto .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-aquamarine\:80\:st, html.auto .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-aquamarine\:90\:st, html.auto .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-aquamarine\:100\:st, html.auto .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aquamarine\:st, html.auto .sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:0\:st, html.auto .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:10\:st, html.auto .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:20\:st, html.auto .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:30\:st, html.auto .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:40\:st, html.auto .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:50\:st, html.auto .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:60\:st, html.auto .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:70\:st, html.auto .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:80\:st, html.auto .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:90\:st, html.auto .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:100\:st, html.auto .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/azure.css b/src/colors/10/azure.css deleted file mode 100644 index 9333c30..0000000 --- a/src/colors/10/azure.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-azure { - --sf-c-azure: 180 100% 97%; - --sf-c-azure-0: 180 100% 0%; - --sf-c-azure-10: 180 100% 10%; - --sf-c-azure-20: 180 100% 20%; - --sf-c-azure-30: 180 100% 30%; - --sf-c-azure-40: 180 100% 40%; - --sf-c-azure-50: 180 100% 50%; - --sf-c-azure-60: 180 100% 60%; - --sf-c-azure-70: 180 100% 70%; - --sf-c-azure-80: 180 100% 80%; - --sf-c-azure-90: 180 100% 90%; - --sf-c-azure-100: 180 100% 100%; -} - -.sf-c-azure, .sf-c-azure\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 97%) } -.sf-c-azure\:0, .sf-c-azure\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-azure\:10, .sf-c-azure\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-azure\:20, .sf-c-azure\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-azure\:30, .sf-c-azure\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-azure\:40, .sf-c-azure\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-azure\:50, .sf-c-azure\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-azure\:60, .sf-c-azure\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-azure\:70, .sf-c-azure\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-azure\:80, .sf-c-azure\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-azure\:90, .sf-c-azure\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-azure\:100, .sf-c-azure\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-azure { color: hsl(180, 100%, 10%) } -.sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } -.sf-c-txt-azure\:0, .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-azure\:10, .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-azure\:20, .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-azure\:30, .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-azure\:40, .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-azure\:50, .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-azure\:60, .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-azure\:70, .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-azure\:80, .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-azure\:90, .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-azure\:100, .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-azure, html.dark .sf-c-azure { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 3%) } -html[data-theme='dark'] .sf-c-azure\:0, html.dark .sf-c-azure\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-azure\:10, html.dark .sf-c-azure\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-azure\:20, html.dark .sf-c-azure\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-azure\:30, html.dark .sf-c-azure\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-azure\:40, html.dark .sf-c-azure\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-azure\:50, html.dark .sf-c-azure\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-azure\:60, html.dark .sf-c-azure\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-azure\:70, html.dark .sf-c-azure\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-azure\:80, html.dark .sf-c-azure\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-azure\:90, html.dark .sf-c-azure\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-azure\:100, html.dark .sf-c-azure\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-azure\:st, html.dark .sf-c-azure\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-azure\:0\:st, html.dark .sf-c-azure\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-azure\:10\:st, html.dark .sf-c-azure\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-azure\:20\:st, html.dark .sf-c-azure\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-azure\:30\:st, html.dark .sf-c-azure\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-azure\:40\:st, html.dark .sf-c-azure\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-azure\:50\:st, html.dark .sf-c-azure\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-azure\:60\:st, html.dark .sf-c-azure\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-azure\:70\:st, html.dark .sf-c-azure\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-azure\:80\:st, html.dark .sf-c-azure\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-azure\:90\:st, html.dark .sf-c-azure\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-azure\:100\:st, html.dark .sf-c-azure\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-azure\:st, html.dark .sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-azure\:0\:st, html.dark .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-azure\:10\:st, html.dark .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-azure\:20\:st, html.dark .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-azure\:30\:st, html.dark .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-azure\:40\:st, html.dark .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-azure\:50\:st, html.dark .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-azure\:60\:st, html.dark .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-azure\:70\:st, html.dark .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-azure\:80\:st, html.dark .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-azure\:90\:st, html.dark .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-azure\:100\:st, html.dark .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-azure, html.auto .sf-c-azure { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 3%) } - html[data-theme='auto'] .sf-c-azure\:0, html.auto .sf-c-azure\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-azure\:10, html.auto .sf-c-azure\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-azure\:20, html.auto .sf-c-azure\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-azure\:30, html.auto .sf-c-azure\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-azure\:40, html.auto .sf-c-azure\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-azure\:50, html.auto .sf-c-azure\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-azure\:60, html.auto .sf-c-azure\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-azure\:70, html.auto .sf-c-azure\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-azure\:80, html.auto .sf-c-azure\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-azure\:90, html.auto .sf-c-azure\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-azure\:100, html.auto .sf-c-azure\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-azure\:st, html.auto .sf-c-azure\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-azure\:0\:st, html.auto .sf-c-azure\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-azure\:10\:st, html.auto .sf-c-azure\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-azure\:20\:st, html.auto .sf-c-azure\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-azure\:30\:st, html.auto .sf-c-azure\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-azure\:40\:st, html.auto .sf-c-azure\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-azure\:50\:st, html.auto .sf-c-azure\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-azure\:60\:st, html.auto .sf-c-azure\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-azure\:70\:st, html.auto .sf-c-azure\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-azure\:80\:st, html.auto .sf-c-azure\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-azure\:90\:st, html.auto .sf-c-azure\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-azure\:100\:st, html.auto .sf-c-azure\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-azure\:st, html.auto .sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-azure\:0\:st, html.auto .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-azure\:10\:st, html.auto .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-azure\:20\:st, html.auto .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-azure\:30\:st, html.auto .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-azure\:40\:st, html.auto .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-azure\:50\:st, html.auto .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-azure\:60\:st, html.auto .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-azure\:70\:st, html.auto .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-azure\:80\:st, html.auto .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-azure\:90\:st, html.auto .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-azure\:100\:st, html.auto .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/beige.css b/src/colors/10/beige.css deleted file mode 100644 index 0b543c4..0000000 --- a/src/colors/10/beige.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-beige { - --sf-c-beige: 60 56% 91%; - --sf-c-beige-0: 60 56% 0%; - --sf-c-beige-10: 60 56% 10%; - --sf-c-beige-20: 60 56% 20%; - --sf-c-beige-30: 60 56% 30%; - --sf-c-beige-40: 60 56% 40%; - --sf-c-beige-50: 60 56% 50%; - --sf-c-beige-60: 60 56% 60%; - --sf-c-beige-70: 60 56% 70%; - --sf-c-beige-80: 60 56% 80%; - --sf-c-beige-90: 60 56% 90%; - --sf-c-beige-100: 60 56% 100%; -} - -.sf-c-beige, .sf-c-beige\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 91%) } -.sf-c-beige\:0, .sf-c-beige\:0\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } -.sf-c-beige\:10, .sf-c-beige\:10\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } -.sf-c-beige\:20, .sf-c-beige\:20\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } -.sf-c-beige\:30, .sf-c-beige\:30\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 30%) } -.sf-c-beige\:40, .sf-c-beige\:40\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 40%) } -.sf-c-beige\:50, .sf-c-beige\:50\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 50%) } -.sf-c-beige\:60, .sf-c-beige\:60\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 60%) } -.sf-c-beige\:70, .sf-c-beige\:70\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 70%) } -.sf-c-beige\:80, .sf-c-beige\:80\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80%) } -.sf-c-beige\:90, .sf-c-beige\:90\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } -.sf-c-beige\:100, .sf-c-beige\:100\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } - -.sf-c-txt-beige { color: hsl(60, 56%, 10%) } -.sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } -.sf-c-txt-beige\:0, .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } -.sf-c-txt-beige\:10, .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } -.sf-c-txt-beige\:20, .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } -.sf-c-txt-beige\:30, .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } -.sf-c-txt-beige\:40, .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } -.sf-c-txt-beige\:50, .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } -.sf-c-txt-beige\:60, .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } -.sf-c-txt-beige\:70, .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } -.sf-c-txt-beige\:80, .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } -.sf-c-txt-beige\:90, .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } -.sf-c-txt-beige\:100, .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } - -html[data-theme='dark'] .sf-c-beige, html.dark .sf-c-beige { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 9%) } -html[data-theme='dark'] .sf-c-beige\:0, html.dark .sf-c-beige\:0 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } -html[data-theme='dark'] .sf-c-beige\:10, html.dark .sf-c-beige\:10 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-beige\:20, html.dark .sf-c-beige\:20 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-beige\:30, html.dark .sf-c-beige\:30 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-beige\:40, html.dark .sf-c-beige\:40 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-beige\:50, html.dark .sf-c-beige\:50 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-beige\:60, html.dark .sf-c-beige\:60 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-beige\:70, html.dark .sf-c-beige\:70 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-beige\:80, html.dark .sf-c-beige\:80 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-beige\:90, html.dark .sf-c-beige\:90 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-beige\:100, html.dark .sf-c-beige\:100 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } - -html[data-theme='dark'] .sf-c-beige\:st, html.dark .sf-c-beige\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-beige\:0\:st, html.dark .sf-c-beige\:0\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } -html[data-theme='dark'] .sf-c-beige\:10\:st, html.dark .sf-c-beige\:10\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-beige\:20\:st, html.dark .sf-c-beige\:20\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-beige\:30\:st, html.dark .sf-c-beige\:30\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-beige\:40\:st, html.dark .sf-c-beige\:40\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-beige\:50\:st, html.dark .sf-c-beige\:50\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-beige\:60\:st, html.dark .sf-c-beige\:60\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-beige\:70\:st, html.dark .sf-c-beige\:70\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-beige\:80\:st, html.dark .sf-c-beige\:80\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-beige\:90\:st, html.dark .sf-c-beige\:90\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-beige\:100\:st, html.dark .sf-c-beige\:100\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } - -html[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } -html[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } - -html[data-theme='dark'] .sf-c-txt-beige\:st, html.dark .sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-txt-beige\:0\:st, html.dark .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } -html[data-theme='dark'] .sf-c-txt-beige\:10\:st, html.dark .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-beige\:20\:st, html.dark .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-beige\:30\:st, html.dark .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-beige\:40\:st, html.dark .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-beige\:50\:st, html.dark .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-beige\:60\:st, html.dark .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-beige\:70\:st, html.dark .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-beige\:80\:st, html.dark .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-beige\:90\:st, html.dark .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-beige\:100\:st, html.dark .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-beige, html.auto .sf-c-beige { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 9%) } - html[data-theme='auto'] .sf-c-beige\:0, html.auto .sf-c-beige\:0 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } - html[data-theme='auto'] .sf-c-beige\:10, html.auto .sf-c-beige\:10 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-beige\:20, html.auto .sf-c-beige\:20 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-beige\:30, html.auto .sf-c-beige\:30 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-beige\:40, html.auto .sf-c-beige\:40 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-beige\:50, html.auto .sf-c-beige\:50 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-beige\:60, html.auto .sf-c-beige\:60 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-beige\:70, html.auto .sf-c-beige\:70 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-beige\:80, html.auto .sf-c-beige\:80 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-beige\:90, html.auto .sf-c-beige\:90 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-beige\:100, html.auto .sf-c-beige\:100 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } - - html[data-theme='auto'] .sf-c-beige\:st, html.auto .sf-c-beige\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-beige\:0\:st, html.auto .sf-c-beige\:0\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } - html[data-theme='auto'] .sf-c-beige\:10\:st, html.auto .sf-c-beige\:10\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-beige\:20\:st, html.auto .sf-c-beige\:20\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-beige\:30\:st, html.auto .sf-c-beige\:30\:st { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-beige\:40\:st, html.auto .sf-c-beige\:40\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-beige\:50\:st, html.auto .sf-c-beige\:50\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-beige\:60\:st, html.auto .sf-c-beige\:60\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-beige\:70\:st, html.auto .sf-c-beige\:70\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-beige\:80\:st, html.auto .sf-c-beige\:80\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-beige\:90\:st, html.auto .sf-c-beige\:90\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-beige\:100\:st, html.auto .sf-c-beige\:100\:st { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } - - html[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } - html[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } - - html[data-theme='auto'] .sf-c-txt-beige\:st, html.auto .sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-txt-beige\:0\:st, html.auto .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } - html[data-theme='auto'] .sf-c-txt-beige\:10\:st, html.auto .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-beige\:20\:st, html.auto .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-beige\:30\:st, html.auto .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-beige\:40\:st, html.auto .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-beige\:50\:st, html.auto .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-beige\:60\:st, html.auto .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-beige\:70\:st, html.auto .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-beige\:80\:st, html.auto .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-beige\:90\:st, html.auto .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-beige\:100\:st, html.auto .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/bisque.css b/src/colors/10/bisque.css deleted file mode 100644 index c964fe7..0000000 --- a/src/colors/10/bisque.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-bisque { - --sf-c-bisque: 33 100% 88%; - --sf-c-bisque-0: 33 100% 0%; - --sf-c-bisque-10: 33 100% 10%; - --sf-c-bisque-20: 33 100% 20%; - --sf-c-bisque-30: 33 100% 30%; - --sf-c-bisque-40: 33 100% 40%; - --sf-c-bisque-50: 33 100% 50%; - --sf-c-bisque-60: 33 100% 60%; - --sf-c-bisque-70: 33 100% 70%; - --sf-c-bisque-80: 33 100% 80%; - --sf-c-bisque-90: 33 100% 90%; - --sf-c-bisque-100: 33 100% 100%; -} - -.sf-c-bisque, .sf-c-bisque\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 88%) } -.sf-c-bisque\:0, .sf-c-bisque\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -.sf-c-bisque\:10, .sf-c-bisque\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -.sf-c-bisque\:20, .sf-c-bisque\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -.sf-c-bisque\:30, .sf-c-bisque\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -.sf-c-bisque\:40, .sf-c-bisque\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -.sf-c-bisque\:50, .sf-c-bisque\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -.sf-c-bisque\:60, .sf-c-bisque\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -.sf-c-bisque\:70, .sf-c-bisque\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -.sf-c-bisque\:80, .sf-c-bisque\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -.sf-c-bisque\:90, .sf-c-bisque\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -.sf-c-bisque\:100, .sf-c-bisque\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - -.sf-c-txt-bisque { color: hsl(33, 100%, 10%) } -.sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } -.sf-c-txt-bisque\:0, .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } -.sf-c-txt-bisque\:10, .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } -.sf-c-txt-bisque\:20, .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } -.sf-c-txt-bisque\:30, .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } -.sf-c-txt-bisque\:40, .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } -.sf-c-txt-bisque\:50, .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-bisque\:60, .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } -.sf-c-txt-bisque\:70, .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } -.sf-c-txt-bisque\:80, .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } -.sf-c-txt-bisque\:90, .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } -.sf-c-txt-bisque\:100, .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-bisque, html.dark .sf-c-bisque { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 12%) } -html[data-theme='dark'] .sf-c-bisque\:0, html.dark .sf-c-bisque\:0 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-bisque\:10, html.dark .sf-c-bisque\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-bisque\:20, html.dark .sf-c-bisque\:20 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-bisque\:30, html.dark .sf-c-bisque\:30 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-bisque\:40, html.dark .sf-c-bisque\:40 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-bisque\:50, html.dark .sf-c-bisque\:50 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-bisque\:60, html.dark .sf-c-bisque\:60 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-bisque\:70, html.dark .sf-c-bisque\:70 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-bisque\:80, html.dark .sf-c-bisque\:80 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-bisque\:90, html.dark .sf-c-bisque\:90 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-bisque\:100, html.dark .sf-c-bisque\:100 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-bisque\:st, html.dark .sf-c-bisque\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-bisque\:0\:st, html.dark .sf-c-bisque\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-bisque\:10\:st, html.dark .sf-c-bisque\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-bisque\:20\:st, html.dark .sf-c-bisque\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-bisque\:30\:st, html.dark .sf-c-bisque\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-bisque\:40\:st, html.dark .sf-c-bisque\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-bisque\:50\:st, html.dark .sf-c-bisque\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-bisque\:60\:st, html.dark .sf-c-bisque\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-bisque\:70\:st, html.dark .sf-c-bisque\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-bisque\:80\:st, html.dark .sf-c-bisque\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-bisque\:90\:st, html.dark .sf-c-bisque\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-bisque\:100\:st, html.dark .sf-c-bisque\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-bisque\:st, html.dark .sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-bisque\:0\:st, html.dark .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-bisque\:10\:st, html.dark .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-bisque\:20\:st, html.dark .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-bisque\:30\:st, html.dark .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-bisque\:40\:st, html.dark .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-bisque\:50\:st, html.dark .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-bisque\:60\:st, html.dark .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-bisque\:70\:st, html.dark .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-bisque\:80\:st, html.dark .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-bisque\:90\:st, html.dark .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-bisque\:100\:st, html.dark .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-bisque, html.auto .sf-c-bisque { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 12%) } - html[data-theme='auto'] .sf-c-bisque\:0, html.auto .sf-c-bisque\:0 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-bisque\:10, html.auto .sf-c-bisque\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-bisque\:20, html.auto .sf-c-bisque\:20 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-bisque\:30, html.auto .sf-c-bisque\:30 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-bisque\:40, html.auto .sf-c-bisque\:40 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-bisque\:50, html.auto .sf-c-bisque\:50 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-bisque\:60, html.auto .sf-c-bisque\:60 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-bisque\:70, html.auto .sf-c-bisque\:70 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-bisque\:80, html.auto .sf-c-bisque\:80 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-bisque\:90, html.auto .sf-c-bisque\:90 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-bisque\:100, html.auto .sf-c-bisque\:100 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-bisque\:st, html.auto .sf-c-bisque\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-bisque\:0\:st, html.auto .sf-c-bisque\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-bisque\:10\:st, html.auto .sf-c-bisque\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-bisque\:20\:st, html.auto .sf-c-bisque\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-bisque\:30\:st, html.auto .sf-c-bisque\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-bisque\:40\:st, html.auto .sf-c-bisque\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-bisque\:50\:st, html.auto .sf-c-bisque\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-bisque\:60\:st, html.auto .sf-c-bisque\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-bisque\:70\:st, html.auto .sf-c-bisque\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-bisque\:80\:st, html.auto .sf-c-bisque\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-bisque\:90\:st, html.auto .sf-c-bisque\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-bisque\:100\:st, html.auto .sf-c-bisque\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-bisque\:st, html.auto .sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-bisque\:0\:st, html.auto .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-bisque\:10\:st, html.auto .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-bisque\:20\:st, html.auto .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-bisque\:30\:st, html.auto .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-bisque\:40\:st, html.auto .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-bisque\:50\:st, html.auto .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-bisque\:60\:st, html.auto .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-bisque\:70\:st, html.auto .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-bisque\:80\:st, html.auto .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-bisque\:90\:st, html.auto .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-bisque\:100\:st, html.auto .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/black.css b/src/colors/10/black.css deleted file mode 100644 index 68346d0..0000000 --- a/src/colors/10/black.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-black { - --sf-c-black: 0 0% 0%; - --sf-c-black-0: 0 0% 0%; - --sf-c-black-10: 0 0% 10%; - --sf-c-black-20: 0 0% 20%; - --sf-c-black-30: 0 0% 30%; - --sf-c-black-40: 0 0% 40%; - --sf-c-black-50: 0 0% 50%; - --sf-c-black-60: 0 0% 60%; - --sf-c-black-70: 0 0% 70%; - --sf-c-black-80: 0 0% 80%; - --sf-c-black-90: 0 0% 90%; - --sf-c-black-100: 0 0% 100%; -} - -.sf-c-black, .sf-c-black\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-black\:0, .sf-c-black\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-black\:10, .sf-c-black\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-black\:20, .sf-c-black\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-black\:30, .sf-c-black\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-black\:40, .sf-c-black\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-black\:50, .sf-c-black\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-black\:60, .sf-c-black\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-black\:70, .sf-c-black\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-black\:80, .sf-c-black\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-black\:90, .sf-c-black\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-black\:100, .sf-c-black\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-black { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:0, .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:10, .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-black\:20, .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-black\:30, .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-black\:40, .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-black\:50, .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-black\:60, .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-black\:70, .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-black\:80, .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-black\:90, .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-black\:100, .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-black, html.dark .sf-c-black { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-black\:0, html.dark .sf-c-black\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-black\:10, html.dark .sf-c-black\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-black\:20, html.dark .sf-c-black\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-black\:30, html.dark .sf-c-black\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-black\:40, html.dark .sf-c-black\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-black\:50, html.dark .sf-c-black\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-black\:60, html.dark .sf-c-black\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-black\:70, html.dark .sf-c-black\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-black\:80, html.dark .sf-c-black\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-black\:90, html.dark .sf-c-black\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-black\:100, html.dark .sf-c-black\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-black\:st, html.dark .sf-c-black\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-black\:0\:st, html.dark .sf-c-black\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-black\:10\:st, html.dark .sf-c-black\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-black\:20\:st, html.dark .sf-c-black\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-black\:30\:st, html.dark .sf-c-black\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-black\:40\:st, html.dark .sf-c-black\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-black\:50\:st, html.dark .sf-c-black\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-black\:60\:st, html.dark .sf-c-black\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-black\:70\:st, html.dark .sf-c-black\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-black\:80\:st, html.dark .sf-c-black\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-black\:90\:st, html.dark .sf-c-black\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-black\:100\:st, html.dark .sf-c-black\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-black\:st, html.dark .sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-black\:0\:st, html.dark .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-black\:10\:st, html.dark .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-black\:20\:st, html.dark .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-black\:30\:st, html.dark .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-black\:40\:st, html.dark .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-black\:50\:st, html.dark .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-black\:60\:st, html.dark .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-black\:70\:st, html.dark .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-black\:80\:st, html.dark .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-black\:90\:st, html.dark .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-black\:100\:st, html.dark .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-black, html.auto .sf-c-black { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-black\:0, html.auto .sf-c-black\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-black\:10, html.auto .sf-c-black\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-black\:20, html.auto .sf-c-black\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-black\:30, html.auto .sf-c-black\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-black\:40, html.auto .sf-c-black\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-black\:50, html.auto .sf-c-black\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-black\:60, html.auto .sf-c-black\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-black\:70, html.auto .sf-c-black\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-black\:80, html.auto .sf-c-black\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-black\:90, html.auto .sf-c-black\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-black\:100, html.auto .sf-c-black\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-black\:st, html.auto .sf-c-black\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-black\:0\:st, html.auto .sf-c-black\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-black\:10\:st, html.auto .sf-c-black\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-black\:20\:st, html.auto .sf-c-black\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-black\:30\:st, html.auto .sf-c-black\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-black\:40\:st, html.auto .sf-c-black\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-black\:50\:st, html.auto .sf-c-black\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-black\:60\:st, html.auto .sf-c-black\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-black\:70\:st, html.auto .sf-c-black\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-black\:80\:st, html.auto .sf-c-black\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-black\:90\:st, html.auto .sf-c-black\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-black\:100\:st, html.auto .sf-c-black\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-black\:st, html.auto .sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-black\:0\:st, html.auto .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-black\:10\:st, html.auto .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-black\:20\:st, html.auto .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-black\:30\:st, html.auto .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-black\:40\:st, html.auto .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-black\:50\:st, html.auto .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-black\:60\:st, html.auto .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-black\:70\:st, html.auto .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-black\:80\:st, html.auto .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-black\:90\:st, html.auto .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-black\:100\:st, html.auto .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/blanchedalmond.css b/src/colors/10/blanchedalmond.css deleted file mode 100644 index 4385fc3..0000000 --- a/src/colors/10/blanchedalmond.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-blanchedalmond { - --sf-c-blanchedalmond: 36 100% 90%; - --sf-c-blanchedalmond-0: 36 100% 0%; - --sf-c-blanchedalmond-10: 36 100% 10%; - --sf-c-blanchedalmond-20: 36 100% 20%; - --sf-c-blanchedalmond-30: 36 100% 30%; - --sf-c-blanchedalmond-40: 36 100% 40%; - --sf-c-blanchedalmond-50: 36 100% 50%; - --sf-c-blanchedalmond-60: 36 100% 60%; - --sf-c-blanchedalmond-70: 36 100% 70%; - --sf-c-blanchedalmond-80: 36 100% 80%; - --sf-c-blanchedalmond-90: 36 100% 90%; - --sf-c-blanchedalmond-100: 36 100% 100%; -} - -.sf-c-blanchedalmond, .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -.sf-c-blanchedalmond\:0, .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -.sf-c-blanchedalmond\:10, .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -.sf-c-blanchedalmond\:20, .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -.sf-c-blanchedalmond\:30, .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -.sf-c-blanchedalmond\:40, .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -.sf-c-blanchedalmond\:50, .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -.sf-c-blanchedalmond\:60, .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -.sf-c-blanchedalmond\:70, .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -.sf-c-blanchedalmond\:80, .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -.sf-c-blanchedalmond\:90, .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -.sf-c-blanchedalmond\:100, .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - -.sf-c-txt-blanchedalmond { color: hsl(36, 100%, 10%) } -.sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-blanchedalmond\:0, .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } -.sf-c-txt-blanchedalmond\:10, .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } -.sf-c-txt-blanchedalmond\:20, .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } -.sf-c-txt-blanchedalmond\:30, .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } -.sf-c-txt-blanchedalmond\:40, .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } -.sf-c-txt-blanchedalmond\:50, .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } -.sf-c-txt-blanchedalmond\:60, .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } -.sf-c-txt-blanchedalmond\:70, .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } -.sf-c-txt-blanchedalmond\:80, .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } -.sf-c-txt-blanchedalmond\:90, .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-blanchedalmond\:100, .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-blanchedalmond, html.dark .sf-c-blanchedalmond { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:0, html.dark .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:10, html.dark .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:20, html.dark .sf-c-blanchedalmond\:20 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:30, html.dark .sf-c-blanchedalmond\:30 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:40, html.dark .sf-c-blanchedalmond\:40 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:50, html.dark .sf-c-blanchedalmond\:50 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:60, html.dark .sf-c-blanchedalmond\:60 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:70, html.dark .sf-c-blanchedalmond\:70 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:80, html.dark .sf-c-blanchedalmond\:80 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:90, html.dark .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:100, html.dark .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-blanchedalmond\:st, html.dark .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:0\:st, html.dark .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:10\:st, html.dark .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:20\:st, html.dark .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:30\:st, html.dark .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:40\:st, html.dark .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:50\:st, html.dark .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:60\:st, html.dark .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:70\:st, html.dark .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:80\:st, html.dark .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:90\:st, html.dark .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:100\:st, html.dark .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:st, html.dark .sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:st, html.dark .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:st, html.dark .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:st, html.dark .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:st, html.dark .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:st, html.dark .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:st, html.dark .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:st, html.dark .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:st, html.dark .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:st, html.dark .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:st, html.dark .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:st, html.dark .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blanchedalmond, html.auto .sf-c-blanchedalmond { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:0, html.auto .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:10, html.auto .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:20, html.auto .sf-c-blanchedalmond\:20 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:30, html.auto .sf-c-blanchedalmond\:30 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:40, html.auto .sf-c-blanchedalmond\:40 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:50, html.auto .sf-c-blanchedalmond\:50 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:60, html.auto .sf-c-blanchedalmond\:60 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:70, html.auto .sf-c-blanchedalmond\:70 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:80, html.auto .sf-c-blanchedalmond\:80 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:90, html.auto .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:100, html.auto .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-blanchedalmond\:st, html.auto .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:0\:st, html.auto .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:10\:st, html.auto .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:20\:st, html.auto .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:30\:st, html.auto .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:40\:st, html.auto .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:50\:st, html.auto .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:60\:st, html.auto .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:70\:st, html.auto .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:80\:st, html.auto .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:90\:st, html.auto .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:100\:st, html.auto .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:st, html.auto .sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:st, html.auto .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:st, html.auto .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:st, html.auto .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:st, html.auto .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:st, html.auto .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:st, html.auto .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:st, html.auto .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:st, html.auto .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:st, html.auto .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:st, html.auto .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:st, html.auto .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/blue.css b/src/colors/10/blue.css deleted file mode 100644 index 27abc39..0000000 --- a/src/colors/10/blue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-blue { - --sf-c-blue: 240 100% 50%; - --sf-c-blue-0: 240 100% 0%; - --sf-c-blue-10: 240 100% 10%; - --sf-c-blue-20: 240 100% 20%; - --sf-c-blue-30: 240 100% 30%; - --sf-c-blue-40: 240 100% 40%; - --sf-c-blue-50: 240 100% 50%; - --sf-c-blue-60: 240 100% 60%; - --sf-c-blue-70: 240 100% 70%; - --sf-c-blue-80: 240 100% 80%; - --sf-c-blue-90: 240 100% 90%; - --sf-c-blue-100: 240 100% 100%; -} - -.sf-c-blue, .sf-c-blue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-blue\:0, .sf-c-blue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -.sf-c-blue\:10, .sf-c-blue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -.sf-c-blue\:20, .sf-c-blue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -.sf-c-blue\:30, .sf-c-blue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -.sf-c-blue\:40, .sf-c-blue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-blue\:50, .sf-c-blue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-blue\:60, .sf-c-blue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -.sf-c-blue\:70, .sf-c-blue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -.sf-c-blue\:80, .sf-c-blue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -.sf-c-blue\:90, .sf-c-blue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -.sf-c-blue\:100, .sf-c-blue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-blue { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:0, .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-blue\:10, .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-blue\:20, .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-blue\:30, .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-blue\:40, .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-blue\:50, .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:60, .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-blue\:70, .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-blue\:80, .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-blue\:90, .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-blue\:100, .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-blue, html.dark .sf-c-blue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:0, html.dark .sf-c-blue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-blue\:10, html.dark .sf-c-blue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-blue\:20, html.dark .sf-c-blue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-blue\:30, html.dark .sf-c-blue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-blue\:40, html.dark .sf-c-blue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-blue\:50, html.dark .sf-c-blue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:60, html.dark .sf-c-blue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-blue\:70, html.dark .sf-c-blue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-blue\:80, html.dark .sf-c-blue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-blue\:90, html.dark .sf-c-blue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-blue\:100, html.dark .sf-c-blue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-blue\:st, html.dark .sf-c-blue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:0\:st, html.dark .sf-c-blue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-blue\:10\:st, html.dark .sf-c-blue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-blue\:20\:st, html.dark .sf-c-blue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-blue\:30\:st, html.dark .sf-c-blue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-blue\:40\:st, html.dark .sf-c-blue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-blue\:50\:st, html.dark .sf-c-blue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:60\:st, html.dark .sf-c-blue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-blue\:70\:st, html.dark .sf-c-blue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-blue\:80\:st, html.dark .sf-c-blue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-blue\:90\:st, html.dark .sf-c-blue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-blue\:100\:st, html.dark .sf-c-blue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blue\:st, html.dark .sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:0\:st, html.dark .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-blue\:10\:st, html.dark .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blue\:20\:st, html.dark .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blue\:30\:st, html.dark .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blue\:40\:st, html.dark .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blue\:50\:st, html.dark .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:60\:st, html.dark .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blue\:70\:st, html.dark .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blue\:80\:st, html.dark .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blue\:90\:st, html.dark .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blue\:100\:st, html.dark .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blue, html.auto .sf-c-blue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:0, html.auto .sf-c-blue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-blue\:10, html.auto .sf-c-blue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-blue\:20, html.auto .sf-c-blue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-blue\:30, html.auto .sf-c-blue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-blue\:40, html.auto .sf-c-blue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-blue\:50, html.auto .sf-c-blue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:60, html.auto .sf-c-blue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-blue\:70, html.auto .sf-c-blue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-blue\:80, html.auto .sf-c-blue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-blue\:90, html.auto .sf-c-blue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-blue\:100, html.auto .sf-c-blue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-blue\:st, html.auto .sf-c-blue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:0\:st, html.auto .sf-c-blue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-blue\:10\:st, html.auto .sf-c-blue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-blue\:20\:st, html.auto .sf-c-blue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-blue\:30\:st, html.auto .sf-c-blue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-blue\:40\:st, html.auto .sf-c-blue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-blue\:50\:st, html.auto .sf-c-blue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:60\:st, html.auto .sf-c-blue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-blue\:70\:st, html.auto .sf-c-blue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-blue\:80\:st, html.auto .sf-c-blue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-blue\:90\:st, html.auto .sf-c-blue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-blue\:100\:st, html.auto .sf-c-blue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blue\:st, html.auto .sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:0\:st, html.auto .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-blue\:10\:st, html.auto .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blue\:20\:st, html.auto .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blue\:30\:st, html.auto .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blue\:40\:st, html.auto .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blue\:50\:st, html.auto .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:60\:st, html.auto .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blue\:70\:st, html.auto .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blue\:80\:st, html.auto .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blue\:90\:st, html.auto .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blue\:100\:st, html.auto .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/blueviolet.css b/src/colors/10/blueviolet.css deleted file mode 100644 index e17da96..0000000 --- a/src/colors/10/blueviolet.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-blueviolet { - --sf-c-blueviolet: 271 76% 53%; - --sf-c-blueviolet-0: 271 76% 0%; - --sf-c-blueviolet-10: 271 76% 10%; - --sf-c-blueviolet-20: 271 76% 20%; - --sf-c-blueviolet-30: 271 76% 30%; - --sf-c-blueviolet-40: 271 76% 40%; - --sf-c-blueviolet-50: 271 76% 50%; - --sf-c-blueviolet-60: 271 76% 60%; - --sf-c-blueviolet-70: 271 76% 70%; - --sf-c-blueviolet-80: 271 76% 80%; - --sf-c-blueviolet-90: 271 76% 90%; - --sf-c-blueviolet-100: 271 76% 100%; -} - -.sf-c-blueviolet, .sf-c-blueviolet\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 53%) } -.sf-c-blueviolet\:0, .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } -.sf-c-blueviolet\:10, .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } -.sf-c-blueviolet\:20, .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } -.sf-c-blueviolet\:30, .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 30%) } -.sf-c-blueviolet\:40, .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 40%) } -.sf-c-blueviolet\:50, .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 50%) } -.sf-c-blueviolet\:60, .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 60%) } -.sf-c-blueviolet\:70, .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 70%) } -.sf-c-blueviolet\:80, .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 80%) } -.sf-c-blueviolet\:90, .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } -.sf-c-blueviolet\:100, .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } - -.sf-c-txt-blueviolet { color: hsl(271, 76%, 10%) } -.sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } -.sf-c-txt-blueviolet\:0, .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } -.sf-c-txt-blueviolet\:10, .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } -.sf-c-txt-blueviolet\:20, .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } -.sf-c-txt-blueviolet\:30, .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } -.sf-c-txt-blueviolet\:40, .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } -.sf-c-txt-blueviolet\:50, .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } -.sf-c-txt-blueviolet\:60, .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } -.sf-c-txt-blueviolet\:70, .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } -.sf-c-txt-blueviolet\:80, .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } -.sf-c-txt-blueviolet\:90, .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } -.sf-c-txt-blueviolet\:100, .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } - -html[data-theme='dark'] .sf-c-blueviolet, html.dark .sf-c-blueviolet { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 47%) } -html[data-theme='dark'] .sf-c-blueviolet\:0, html.dark .sf-c-blueviolet\:0 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } -html[data-theme='dark'] .sf-c-blueviolet\:10, html.dark .sf-c-blueviolet\:10 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-blueviolet\:20, html.dark .sf-c-blueviolet\:20 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-blueviolet\:30, html.dark .sf-c-blueviolet\:30 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-blueviolet\:40, html.dark .sf-c-blueviolet\:40 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-blueviolet\:50, html.dark .sf-c-blueviolet\:50 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-blueviolet\:60, html.dark .sf-c-blueviolet\:60 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-blueviolet\:70, html.dark .sf-c-blueviolet\:70 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-blueviolet\:80, html.dark .sf-c-blueviolet\:80 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-blueviolet\:90, html.dark .sf-c-blueviolet\:90 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-blueviolet\:100, html.dark .sf-c-blueviolet\:100 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } - -html[data-theme='dark'] .sf-c-blueviolet\:st, html.dark .sf-c-blueviolet\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-blueviolet\:0\:st, html.dark .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } -html[data-theme='dark'] .sf-c-blueviolet\:10\:st, html.dark .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-blueviolet\:20\:st, html.dark .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-blueviolet\:30\:st, html.dark .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-blueviolet\:40\:st, html.dark .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-blueviolet\:50\:st, html.dark .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-blueviolet\:60\:st, html.dark .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-blueviolet\:70\:st, html.dark .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-blueviolet\:80\:st, html.dark .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-blueviolet\:90\:st, html.dark .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-blueviolet\:100\:st, html.dark .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blueviolet\:st, html.dark .sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:0\:st, html.dark .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:10\:st, html.dark .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:20\:st, html.dark .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:30\:st, html.dark .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:40\:st, html.dark .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:50\:st, html.dark .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:60\:st, html.dark .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:70\:st, html.dark .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:80\:st, html.dark .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:90\:st, html.dark .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:100\:st, html.dark .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blueviolet, html.auto .sf-c-blueviolet { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 47%) } - html[data-theme='auto'] .sf-c-blueviolet\:0, html.auto .sf-c-blueviolet\:0 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } - html[data-theme='auto'] .sf-c-blueviolet\:10, html.auto .sf-c-blueviolet\:10 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-blueviolet\:20, html.auto .sf-c-blueviolet\:20 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-blueviolet\:30, html.auto .sf-c-blueviolet\:30 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-blueviolet\:40, html.auto .sf-c-blueviolet\:40 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-blueviolet\:50, html.auto .sf-c-blueviolet\:50 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-blueviolet\:60, html.auto .sf-c-blueviolet\:60 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-blueviolet\:70, html.auto .sf-c-blueviolet\:70 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-blueviolet\:80, html.auto .sf-c-blueviolet\:80 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-blueviolet\:90, html.auto .sf-c-blueviolet\:90 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-blueviolet\:100, html.auto .sf-c-blueviolet\:100 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } - - html[data-theme='auto'] .sf-c-blueviolet\:st, html.auto .sf-c-blueviolet\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-blueviolet\:0\:st, html.auto .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } - html[data-theme='auto'] .sf-c-blueviolet\:10\:st, html.auto .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-blueviolet\:20\:st, html.auto .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-blueviolet\:30\:st, html.auto .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-blueviolet\:40\:st, html.auto .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-blueviolet\:50\:st, html.auto .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-blueviolet\:60\:st, html.auto .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-blueviolet\:70\:st, html.auto .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-blueviolet\:80\:st, html.auto .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-blueviolet\:90\:st, html.auto .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-blueviolet\:100\:st, html.auto .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blueviolet\:st, html.auto .sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:0\:st, html.auto .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:10\:st, html.auto .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:20\:st, html.auto .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:30\:st, html.auto .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:40\:st, html.auto .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:50\:st, html.auto .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:60\:st, html.auto .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:70\:st, html.auto .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:80\:st, html.auto .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:90\:st, html.auto .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:100\:st, html.auto .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/brown.css b/src/colors/10/brown.css deleted file mode 100644 index 4b78da0..0000000 --- a/src/colors/10/brown.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-brown { - --sf-c-brown: 0 59% 41%; - --sf-c-brown-0: 0 59% 0%; - --sf-c-brown-10: 0 59% 10%; - --sf-c-brown-20: 0 59% 20%; - --sf-c-brown-30: 0 59% 30%; - --sf-c-brown-40: 0 59% 40%; - --sf-c-brown-50: 0 59% 50%; - --sf-c-brown-60: 0 59% 60%; - --sf-c-brown-70: 0 59% 70%; - --sf-c-brown-80: 0 59% 80%; - --sf-c-brown-90: 0 59% 90%; - --sf-c-brown-100: 0 59% 100%; -} - -.sf-c-brown, .sf-c-brown\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 41%) } -.sf-c-brown\:0, .sf-c-brown\:0\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } -.sf-c-brown\:10, .sf-c-brown\:10\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } -.sf-c-brown\:20, .sf-c-brown\:20\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } -.sf-c-brown\:30, .sf-c-brown\:30\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 30%) } -.sf-c-brown\:40, .sf-c-brown\:40\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 40%) } -.sf-c-brown\:50, .sf-c-brown\:50\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 50%) } -.sf-c-brown\:60, .sf-c-brown\:60\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 60%) } -.sf-c-brown\:70, .sf-c-brown\:70\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 70%) } -.sf-c-brown\:80, .sf-c-brown\:80\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) } -.sf-c-brown\:90, .sf-c-brown\:90\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } -.sf-c-brown\:100, .sf-c-brown\:100\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } - -.sf-c-txt-brown { color: hsl(0, 59%, 41%) } -.sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } -.sf-c-txt-brown\:0, .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } -.sf-c-txt-brown\:10, .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } -.sf-c-txt-brown\:20, .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } -.sf-c-txt-brown\:30, .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } -.sf-c-txt-brown\:40, .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } -.sf-c-txt-brown\:50, .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } -.sf-c-txt-brown\:60, .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } -.sf-c-txt-brown\:70, .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } -.sf-c-txt-brown\:80, .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } -.sf-c-txt-brown\:90, .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } -.sf-c-txt-brown\:100, .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } - -html[data-theme='dark'] .sf-c-brown, html.dark .sf-c-brown { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 59%) } -html[data-theme='dark'] .sf-c-brown\:0, html.dark .sf-c-brown\:0 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } -html[data-theme='dark'] .sf-c-brown\:10, html.dark .sf-c-brown\:10 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-brown\:20, html.dark .sf-c-brown\:20 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-brown\:30, html.dark .sf-c-brown\:30 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-brown\:40, html.dark .sf-c-brown\:40 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-brown\:50, html.dark .sf-c-brown\:50 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-brown\:60, html.dark .sf-c-brown\:60 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-brown\:70, html.dark .sf-c-brown\:70 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-brown\:80, html.dark .sf-c-brown\:80 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-brown\:90, html.dark .sf-c-brown\:90 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-brown\:100, html.dark .sf-c-brown\:100 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } - -html[data-theme='dark'] .sf-c-brown\:st, html.dark .sf-c-brown\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 41%) } -html[data-theme='dark'] .sf-c-brown\:0\:st, html.dark .sf-c-brown\:0\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } -html[data-theme='dark'] .sf-c-brown\:10\:st, html.dark .sf-c-brown\:10\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-brown\:20\:st, html.dark .sf-c-brown\:20\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-brown\:30\:st, html.dark .sf-c-brown\:30\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-brown\:40\:st, html.dark .sf-c-brown\:40\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-brown\:50\:st, html.dark .sf-c-brown\:50\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-brown\:60\:st, html.dark .sf-c-brown\:60\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-brown\:70\:st, html.dark .sf-c-brown\:70\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-brown\:80\:st, html.dark .sf-c-brown\:80\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-brown\:90\:st, html.dark .sf-c-brown\:90\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-brown\:100\:st, html.dark .sf-c-brown\:100\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(0, 59%, 59%) } -html[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-brown\:st, html.dark .sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } -html[data-theme='dark'] .sf-c-txt-brown\:0\:st, html.dark .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-brown\:10\:st, html.dark .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-brown\:20\:st, html.dark .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-brown\:30\:st, html.dark .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-brown\:40\:st, html.dark .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-brown\:50\:st, html.dark .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-brown\:60\:st, html.dark .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-brown\:70\:st, html.dark .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-brown\:80\:st, html.dark .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-brown\:90\:st, html.dark .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-brown\:100\:st, html.dark .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-brown, html.auto .sf-c-brown { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 59%) } - html[data-theme='auto'] .sf-c-brown\:0, html.auto .sf-c-brown\:0 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } - html[data-theme='auto'] .sf-c-brown\:10, html.auto .sf-c-brown\:10 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-brown\:20, html.auto .sf-c-brown\:20 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-brown\:30, html.auto .sf-c-brown\:30 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-brown\:40, html.auto .sf-c-brown\:40 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-brown\:50, html.auto .sf-c-brown\:50 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-brown\:60, html.auto .sf-c-brown\:60 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-brown\:70, html.auto .sf-c-brown\:70 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-brown\:80, html.auto .sf-c-brown\:80 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-brown\:90, html.auto .sf-c-brown\:90 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-brown\:100, html.auto .sf-c-brown\:100 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } - - html[data-theme='auto'] .sf-c-brown\:st, html.auto .sf-c-brown\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 41%) } - html[data-theme='auto'] .sf-c-brown\:0\:st, html.auto .sf-c-brown\:0\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } - html[data-theme='auto'] .sf-c-brown\:10\:st, html.auto .sf-c-brown\:10\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-brown\:20\:st, html.auto .sf-c-brown\:20\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-brown\:30\:st, html.auto .sf-c-brown\:30\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-brown\:40\:st, html.auto .sf-c-brown\:40\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-brown\:50\:st, html.auto .sf-c-brown\:50\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-brown\:60\:st, html.auto .sf-c-brown\:60\:st { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-brown\:70\:st, html.auto .sf-c-brown\:70\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-brown\:80\:st, html.auto .sf-c-brown\:80\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-brown\:90\:st, html.auto .sf-c-brown\:90\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-brown\:100\:st, html.auto .sf-c-brown\:100\:st { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(0, 59%, 59%) } - html[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-brown\:st, html.auto .sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } - html[data-theme='auto'] .sf-c-txt-brown\:0\:st, html.auto .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-brown\:10\:st, html.auto .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-brown\:20\:st, html.auto .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-brown\:30\:st, html.auto .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-brown\:40\:st, html.auto .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-brown\:50\:st, html.auto .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-brown\:60\:st, html.auto .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-brown\:70\:st, html.auto .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-brown\:80\:st, html.auto .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-brown\:90\:st, html.auto .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-brown\:100\:st, html.auto .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/burlywood.css b/src/colors/10/burlywood.css deleted file mode 100644 index 8ebb508..0000000 --- a/src/colors/10/burlywood.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-burlywood { - --sf-c-burlywood: 34 57% 70%; - --sf-c-burlywood-0: 34 57% 0%; - --sf-c-burlywood-10: 34 57% 10%; - --sf-c-burlywood-20: 34 57% 20%; - --sf-c-burlywood-30: 34 57% 30%; - --sf-c-burlywood-40: 34 57% 40%; - --sf-c-burlywood-50: 34 57% 50%; - --sf-c-burlywood-60: 34 57% 60%; - --sf-c-burlywood-70: 34 57% 70%; - --sf-c-burlywood-80: 34 57% 80%; - --sf-c-burlywood-90: 34 57% 90%; - --sf-c-burlywood-100: 34 57% 100%; -} - -.sf-c-burlywood, .sf-c-burlywood\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } -.sf-c-burlywood\:0, .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } -.sf-c-burlywood\:10, .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } -.sf-c-burlywood\:20, .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } -.sf-c-burlywood\:30, .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } -.sf-c-burlywood\:40, .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 40%) } -.sf-c-burlywood\:50, .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 50%) } -.sf-c-burlywood\:60, .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 60%) } -.sf-c-burlywood\:70, .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } -.sf-c-burlywood\:80, .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 80%) } -.sf-c-burlywood\:90, .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } -.sf-c-burlywood\:100, .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } - -.sf-c-txt-burlywood { color: hsl(34, 57%, 10%) } -.sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } -.sf-c-txt-burlywood\:0, .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } -.sf-c-txt-burlywood\:10, .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } -.sf-c-txt-burlywood\:20, .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } -.sf-c-txt-burlywood\:30, .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } -.sf-c-txt-burlywood\:40, .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } -.sf-c-txt-burlywood\:50, .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } -.sf-c-txt-burlywood\:60, .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } -.sf-c-txt-burlywood\:70, .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } -.sf-c-txt-burlywood\:80, .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } -.sf-c-txt-burlywood\:90, .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } -.sf-c-txt-burlywood\:100, .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } - -html[data-theme='dark'] .sf-c-burlywood, html.dark .sf-c-burlywood { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:0, html.dark .sf-c-burlywood\:0 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } -html[data-theme='dark'] .sf-c-burlywood\:10, html.dark .sf-c-burlywood\:10 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-burlywood\:20, html.dark .sf-c-burlywood\:20 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-burlywood\:30, html.dark .sf-c-burlywood\:30 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:40, html.dark .sf-c-burlywood\:40 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-burlywood\:50, html.dark .sf-c-burlywood\:50 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-burlywood\:60, html.dark .sf-c-burlywood\:60 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-burlywood\:70, html.dark .sf-c-burlywood\:70 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:80, html.dark .sf-c-burlywood\:80 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-burlywood\:90, html.dark .sf-c-burlywood\:90 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-burlywood\:100, html.dark .sf-c-burlywood\:100 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } - -html[data-theme='dark'] .sf-c-burlywood\:st, html.dark .sf-c-burlywood\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:0\:st, html.dark .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } -html[data-theme='dark'] .sf-c-burlywood\:10\:st, html.dark .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-burlywood\:20\:st, html.dark .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-burlywood\:30\:st, html.dark .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:40\:st, html.dark .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-burlywood\:50\:st, html.dark .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-burlywood\:60\:st, html.dark .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-burlywood\:70\:st, html.dark .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:80\:st, html.dark .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-burlywood\:90\:st, html.dark .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-burlywood\:100\:st, html.dark .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } - -html[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } - -html[data-theme='dark'] .sf-c-txt-burlywood\:st, html.dark .sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:0\:st, html.dark .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:10\:st, html.dark .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:20\:st, html.dark .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:30\:st, html.dark .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:40\:st, html.dark .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:50\:st, html.dark .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:60\:st, html.dark .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:70\:st, html.dark .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:80\:st, html.dark .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:90\:st, html.dark .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:100\:st, html.dark .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-burlywood, html.auto .sf-c-burlywood { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:0, html.auto .sf-c-burlywood\:0 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } - html[data-theme='auto'] .sf-c-burlywood\:10, html.auto .sf-c-burlywood\:10 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-burlywood\:20, html.auto .sf-c-burlywood\:20 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-burlywood\:30, html.auto .sf-c-burlywood\:30 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:40, html.auto .sf-c-burlywood\:40 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-burlywood\:50, html.auto .sf-c-burlywood\:50 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-burlywood\:60, html.auto .sf-c-burlywood\:60 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-burlywood\:70, html.auto .sf-c-burlywood\:70 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:80, html.auto .sf-c-burlywood\:80 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-burlywood\:90, html.auto .sf-c-burlywood\:90 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-burlywood\:100, html.auto .sf-c-burlywood\:100 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } - - html[data-theme='auto'] .sf-c-burlywood\:st, html.auto .sf-c-burlywood\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:0\:st, html.auto .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } - html[data-theme='auto'] .sf-c-burlywood\:10\:st, html.auto .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-burlywood\:20\:st, html.auto .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-burlywood\:30\:st, html.auto .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:40\:st, html.auto .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-burlywood\:50\:st, html.auto .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-burlywood\:60\:st, html.auto .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-burlywood\:70\:st, html.auto .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:80\:st, html.auto .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-burlywood\:90\:st, html.auto .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-burlywood\:100\:st, html.auto .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } - - html[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } - - html[data-theme='auto'] .sf-c-txt-burlywood\:st, html.auto .sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:0\:st, html.auto .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:10\:st, html.auto .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:20\:st, html.auto .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:30\:st, html.auto .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:40\:st, html.auto .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:50\:st, html.auto .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:60\:st, html.auto .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:70\:st, html.auto .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:80\:st, html.auto .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:90\:st, html.auto .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:100\:st, html.auto .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/cadetblue.css b/src/colors/10/cadetblue.css deleted file mode 100644 index 868bb49..0000000 --- a/src/colors/10/cadetblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-cadetblue { - --sf-c-cadetblue: 182 25% 50%; - --sf-c-cadetblue-0: 182 25% 0%; - --sf-c-cadetblue-10: 182 25% 10%; - --sf-c-cadetblue-20: 182 25% 20%; - --sf-c-cadetblue-30: 182 25% 30%; - --sf-c-cadetblue-40: 182 25% 40%; - --sf-c-cadetblue-50: 182 25% 50%; - --sf-c-cadetblue-60: 182 25% 60%; - --sf-c-cadetblue-70: 182 25% 70%; - --sf-c-cadetblue-80: 182 25% 80%; - --sf-c-cadetblue-90: 182 25% 90%; - --sf-c-cadetblue-100: 182 25% 100%; -} - -.sf-c-cadetblue, .sf-c-cadetblue\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -.sf-c-cadetblue\:0, .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } -.sf-c-cadetblue\:10, .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } -.sf-c-cadetblue\:20, .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } -.sf-c-cadetblue\:30, .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 30%) } -.sf-c-cadetblue\:40, .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 40%) } -.sf-c-cadetblue\:50, .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -.sf-c-cadetblue\:60, .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 60%) } -.sf-c-cadetblue\:70, .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 70%) } -.sf-c-cadetblue\:80, .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 80%) } -.sf-c-cadetblue\:90, .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } -.sf-c-cadetblue\:100, .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } - -.sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:0, .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } -.sf-c-txt-cadetblue\:10, .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } -.sf-c-txt-cadetblue\:20, .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } -.sf-c-txt-cadetblue\:30, .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } -.sf-c-txt-cadetblue\:40, .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } -.sf-c-txt-cadetblue\:50, .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:60, .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } -.sf-c-txt-cadetblue\:70, .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } -.sf-c-txt-cadetblue\:80, .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } -.sf-c-txt-cadetblue\:90, .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } -.sf-c-txt-cadetblue\:100, .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } - -html[data-theme='dark'] .sf-c-cadetblue, html.dark .sf-c-cadetblue { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:0, html.dark .sf-c-cadetblue\:0 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } -html[data-theme='dark'] .sf-c-cadetblue\:10, html.dark .sf-c-cadetblue\:10 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-cadetblue\:20, html.dark .sf-c-cadetblue\:20 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-cadetblue\:30, html.dark .sf-c-cadetblue\:30 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-cadetblue\:40, html.dark .sf-c-cadetblue\:40 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-cadetblue\:50, html.dark .sf-c-cadetblue\:50 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:60, html.dark .sf-c-cadetblue\:60 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-cadetblue\:70, html.dark .sf-c-cadetblue\:70 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-cadetblue\:80, html.dark .sf-c-cadetblue\:80 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-cadetblue\:90, html.dark .sf-c-cadetblue\:90 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-cadetblue\:100, html.dark .sf-c-cadetblue\:100 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } - -html[data-theme='dark'] .sf-c-cadetblue\:st, html.dark .sf-c-cadetblue\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:0\:st, html.dark .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } -html[data-theme='dark'] .sf-c-cadetblue\:10\:st, html.dark .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-cadetblue\:20\:st, html.dark .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-cadetblue\:30\:st, html.dark .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-cadetblue\:40\:st, html.dark .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-cadetblue\:50\:st, html.dark .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:60\:st, html.dark .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-cadetblue\:70\:st, html.dark .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-cadetblue\:80\:st, html.dark .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-cadetblue\:90\:st, html.dark .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-cadetblue\:100\:st, html.dark .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cadetblue\:st, html.dark .sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:0\:st, html.dark .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:10\:st, html.dark .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:20\:st, html.dark .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:30\:st, html.dark .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:40\:st, html.dark .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:50\:st, html.dark .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:60\:st, html.dark .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:70\:st, html.dark .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:80\:st, html.dark .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:90\:st, html.dark .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:100\:st, html.dark .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cadetblue, html.auto .sf-c-cadetblue { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:0, html.auto .sf-c-cadetblue\:0 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } - html[data-theme='auto'] .sf-c-cadetblue\:10, html.auto .sf-c-cadetblue\:10 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-cadetblue\:20, html.auto .sf-c-cadetblue\:20 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-cadetblue\:30, html.auto .sf-c-cadetblue\:30 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-cadetblue\:40, html.auto .sf-c-cadetblue\:40 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-cadetblue\:50, html.auto .sf-c-cadetblue\:50 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:60, html.auto .sf-c-cadetblue\:60 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-cadetblue\:70, html.auto .sf-c-cadetblue\:70 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-cadetblue\:80, html.auto .sf-c-cadetblue\:80 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-cadetblue\:90, html.auto .sf-c-cadetblue\:90 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-cadetblue\:100, html.auto .sf-c-cadetblue\:100 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } - - html[data-theme='auto'] .sf-c-cadetblue\:st, html.auto .sf-c-cadetblue\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:0\:st, html.auto .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } - html[data-theme='auto'] .sf-c-cadetblue\:10\:st, html.auto .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-cadetblue\:20\:st, html.auto .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-cadetblue\:30\:st, html.auto .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-cadetblue\:40\:st, html.auto .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-cadetblue\:50\:st, html.auto .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:60\:st, html.auto .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-cadetblue\:70\:st, html.auto .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-cadetblue\:80\:st, html.auto .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-cadetblue\:90\:st, html.auto .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-cadetblue\:100\:st, html.auto .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cadetblue\:st, html.auto .sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:0\:st, html.auto .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:10\:st, html.auto .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:20\:st, html.auto .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:30\:st, html.auto .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:40\:st, html.auto .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:50\:st, html.auto .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:60\:st, html.auto .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:70\:st, html.auto .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:80\:st, html.auto .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:90\:st, html.auto .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:100\:st, html.auto .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/chartreuse.css b/src/colors/10/chartreuse.css deleted file mode 100644 index aff61a6..0000000 --- a/src/colors/10/chartreuse.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-chartreuse { - --sf-c-chartreuse: 90 100% 50%; - --sf-c-chartreuse-0: 90 100% 0%; - --sf-c-chartreuse-10: 90 100% 10%; - --sf-c-chartreuse-20: 90 100% 20%; - --sf-c-chartreuse-30: 90 100% 30%; - --sf-c-chartreuse-40: 90 100% 40%; - --sf-c-chartreuse-50: 90 100% 50%; - --sf-c-chartreuse-60: 90 100% 60%; - --sf-c-chartreuse-70: 90 100% 70%; - --sf-c-chartreuse-80: 90 100% 80%; - --sf-c-chartreuse-90: 90 100% 90%; - --sf-c-chartreuse-100: 90 100% 100%; -} - -.sf-c-chartreuse, .sf-c-chartreuse\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -.sf-c-chartreuse\:0, .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -.sf-c-chartreuse\:10, .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -.sf-c-chartreuse\:20, .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -.sf-c-chartreuse\:30, .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -.sf-c-chartreuse\:40, .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -.sf-c-chartreuse\:50, .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -.sf-c-chartreuse\:60, .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -.sf-c-chartreuse\:70, .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -.sf-c-chartreuse\:80, .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -.sf-c-chartreuse\:90, .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -.sf-c-chartreuse\:100, .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - -.sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:0, .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } -.sf-c-txt-chartreuse\:10, .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } -.sf-c-txt-chartreuse\:20, .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } -.sf-c-txt-chartreuse\:30, .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } -.sf-c-txt-chartreuse\:40, .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } -.sf-c-txt-chartreuse\:50, .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:60, .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } -.sf-c-txt-chartreuse\:70, .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } -.sf-c-txt-chartreuse\:80, .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } -.sf-c-txt-chartreuse\:90, .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } -.sf-c-txt-chartreuse\:100, .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-chartreuse, html.dark .sf-c-chartreuse { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:0, html.dark .sf-c-chartreuse\:0 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-chartreuse\:10, html.dark .sf-c-chartreuse\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-chartreuse\:20, html.dark .sf-c-chartreuse\:20 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-chartreuse\:30, html.dark .sf-c-chartreuse\:30 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-chartreuse\:40, html.dark .sf-c-chartreuse\:40 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-chartreuse\:50, html.dark .sf-c-chartreuse\:50 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:60, html.dark .sf-c-chartreuse\:60 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-chartreuse\:70, html.dark .sf-c-chartreuse\:70 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-chartreuse\:80, html.dark .sf-c-chartreuse\:80 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-chartreuse\:90, html.dark .sf-c-chartreuse\:90 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-chartreuse\:100, html.dark .sf-c-chartreuse\:100 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-chartreuse\:st, html.dark .sf-c-chartreuse\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:0\:st, html.dark .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-chartreuse\:10\:st, html.dark .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-chartreuse\:20\:st, html.dark .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-chartreuse\:30\:st, html.dark .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-chartreuse\:40\:st, html.dark .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-chartreuse\:50\:st, html.dark .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:60\:st, html.dark .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-chartreuse\:70\:st, html.dark .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-chartreuse\:80\:st, html.dark .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-chartreuse\:90\:st, html.dark .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-chartreuse\:100\:st, html.dark .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-chartreuse\:st, html.dark .sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:0\:st, html.dark .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:10\:st, html.dark .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:20\:st, html.dark .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:30\:st, html.dark .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:40\:st, html.dark .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:50\:st, html.dark .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:60\:st, html.dark .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:70\:st, html.dark .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:80\:st, html.dark .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:90\:st, html.dark .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:100\:st, html.dark .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-chartreuse, html.auto .sf-c-chartreuse { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:0, html.auto .sf-c-chartreuse\:0 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-chartreuse\:10, html.auto .sf-c-chartreuse\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-chartreuse\:20, html.auto .sf-c-chartreuse\:20 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-chartreuse\:30, html.auto .sf-c-chartreuse\:30 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-chartreuse\:40, html.auto .sf-c-chartreuse\:40 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-chartreuse\:50, html.auto .sf-c-chartreuse\:50 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:60, html.auto .sf-c-chartreuse\:60 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-chartreuse\:70, html.auto .sf-c-chartreuse\:70 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-chartreuse\:80, html.auto .sf-c-chartreuse\:80 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-chartreuse\:90, html.auto .sf-c-chartreuse\:90 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-chartreuse\:100, html.auto .sf-c-chartreuse\:100 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-chartreuse\:st, html.auto .sf-c-chartreuse\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:0\:st, html.auto .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-chartreuse\:10\:st, html.auto .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-chartreuse\:20\:st, html.auto .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-chartreuse\:30\:st, html.auto .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-chartreuse\:40\:st, html.auto .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-chartreuse\:50\:st, html.auto .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:60\:st, html.auto .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-chartreuse\:70\:st, html.auto .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-chartreuse\:80\:st, html.auto .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-chartreuse\:90\:st, html.auto .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-chartreuse\:100\:st, html.auto .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-chartreuse\:st, html.auto .sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:0\:st, html.auto .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:10\:st, html.auto .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:20\:st, html.auto .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:30\:st, html.auto .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:40\:st, html.auto .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:50\:st, html.auto .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:60\:st, html.auto .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:70\:st, html.auto .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:80\:st, html.auto .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:90\:st, html.auto .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:100\:st, html.auto .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/chocolate.css b/src/colors/10/chocolate.css deleted file mode 100644 index ec36a8f..0000000 --- a/src/colors/10/chocolate.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-chocolate { - --sf-c-chocolate: 25 75% 47%; - --sf-c-chocolate-0: 25 75% 0%; - --sf-c-chocolate-10: 25 75% 10%; - --sf-c-chocolate-20: 25 75% 20%; - --sf-c-chocolate-30: 25 75% 30%; - --sf-c-chocolate-40: 25 75% 40%; - --sf-c-chocolate-50: 25 75% 50%; - --sf-c-chocolate-60: 25 75% 60%; - --sf-c-chocolate-70: 25 75% 70%; - --sf-c-chocolate-80: 25 75% 80%; - --sf-c-chocolate-90: 25 75% 90%; - --sf-c-chocolate-100: 25 75% 100%; -} - -.sf-c-chocolate, .sf-c-chocolate\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 47%) } -.sf-c-chocolate\:0, .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } -.sf-c-chocolate\:10, .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } -.sf-c-chocolate\:20, .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } -.sf-c-chocolate\:30, .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 30%) } -.sf-c-chocolate\:40, .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 40%) } -.sf-c-chocolate\:50, .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 50%) } -.sf-c-chocolate\:60, .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 60%) } -.sf-c-chocolate\:70, .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 70%) } -.sf-c-chocolate\:80, .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 80%) } -.sf-c-chocolate\:90, .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } -.sf-c-chocolate\:100, .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } - -.sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } -.sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } -.sf-c-txt-chocolate\:0, .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } -.sf-c-txt-chocolate\:10, .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } -.sf-c-txt-chocolate\:20, .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } -.sf-c-txt-chocolate\:30, .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } -.sf-c-txt-chocolate\:40, .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } -.sf-c-txt-chocolate\:50, .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } -.sf-c-txt-chocolate\:60, .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } -.sf-c-txt-chocolate\:70, .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } -.sf-c-txt-chocolate\:80, .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } -.sf-c-txt-chocolate\:90, .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } -.sf-c-txt-chocolate\:100, .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } - -html[data-theme='dark'] .sf-c-chocolate, html.dark .sf-c-chocolate { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 53%) } -html[data-theme='dark'] .sf-c-chocolate\:0, html.dark .sf-c-chocolate\:0 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } -html[data-theme='dark'] .sf-c-chocolate\:10, html.dark .sf-c-chocolate\:10 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-chocolate\:20, html.dark .sf-c-chocolate\:20 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-chocolate\:30, html.dark .sf-c-chocolate\:30 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-chocolate\:40, html.dark .sf-c-chocolate\:40 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-chocolate\:50, html.dark .sf-c-chocolate\:50 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-chocolate\:60, html.dark .sf-c-chocolate\:60 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-chocolate\:70, html.dark .sf-c-chocolate\:70 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-chocolate\:80, html.dark .sf-c-chocolate\:80 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-chocolate\:90, html.dark .sf-c-chocolate\:90 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-chocolate\:100, html.dark .sf-c-chocolate\:100 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } - -html[data-theme='dark'] .sf-c-chocolate\:st, html.dark .sf-c-chocolate\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 47%) } -html[data-theme='dark'] .sf-c-chocolate\:0\:st, html.dark .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } -html[data-theme='dark'] .sf-c-chocolate\:10\:st, html.dark .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-chocolate\:20\:st, html.dark .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-chocolate\:30\:st, html.dark .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-chocolate\:40\:st, html.dark .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-chocolate\:50\:st, html.dark .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-chocolate\:60\:st, html.dark .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-chocolate\:70\:st, html.dark .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-chocolate\:80\:st, html.dark .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-chocolate\:90\:st, html.dark .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-chocolate\:100\:st, html.dark .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } - -html[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } - -html[data-theme='dark'] .sf-c-txt-chocolate\:st, html.dark .sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:0\:st, html.dark .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:10\:st, html.dark .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:20\:st, html.dark .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:30\:st, html.dark .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:40\:st, html.dark .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:50\:st, html.dark .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:60\:st, html.dark .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:70\:st, html.dark .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:80\:st, html.dark .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:90\:st, html.dark .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:100\:st, html.dark .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-chocolate, html.auto .sf-c-chocolate { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 53%) } - html[data-theme='auto'] .sf-c-chocolate\:0, html.auto .sf-c-chocolate\:0 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } - html[data-theme='auto'] .sf-c-chocolate\:10, html.auto .sf-c-chocolate\:10 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-chocolate\:20, html.auto .sf-c-chocolate\:20 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-chocolate\:30, html.auto .sf-c-chocolate\:30 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-chocolate\:40, html.auto .sf-c-chocolate\:40 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-chocolate\:50, html.auto .sf-c-chocolate\:50 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-chocolate\:60, html.auto .sf-c-chocolate\:60 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-chocolate\:70, html.auto .sf-c-chocolate\:70 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-chocolate\:80, html.auto .sf-c-chocolate\:80 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-chocolate\:90, html.auto .sf-c-chocolate\:90 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-chocolate\:100, html.auto .sf-c-chocolate\:100 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } - - html[data-theme='auto'] .sf-c-chocolate\:st, html.auto .sf-c-chocolate\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 47%) } - html[data-theme='auto'] .sf-c-chocolate\:0\:st, html.auto .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } - html[data-theme='auto'] .sf-c-chocolate\:10\:st, html.auto .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-chocolate\:20\:st, html.auto .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-chocolate\:30\:st, html.auto .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-chocolate\:40\:st, html.auto .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-chocolate\:50\:st, html.auto .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-chocolate\:60\:st, html.auto .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-chocolate\:70\:st, html.auto .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-chocolate\:80\:st, html.auto .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-chocolate\:90\:st, html.auto .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-chocolate\:100\:st, html.auto .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } - - html[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } - - html[data-theme='auto'] .sf-c-txt-chocolate\:st, html.auto .sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:0\:st, html.auto .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:10\:st, html.auto .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:20\:st, html.auto .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:30\:st, html.auto .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:40\:st, html.auto .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:50\:st, html.auto .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:60\:st, html.auto .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:70\:st, html.auto .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:80\:st, html.auto .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:90\:st, html.auto .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:100\:st, html.auto .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/coral.css b/src/colors/10/coral.css deleted file mode 100644 index c8ec9b5..0000000 --- a/src/colors/10/coral.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-coral { - --sf-c-coral: 16 100% 66%; - --sf-c-coral-0: 16 100% 0%; - --sf-c-coral-10: 16 100% 10%; - --sf-c-coral-20: 16 100% 20%; - --sf-c-coral-30: 16 100% 30%; - --sf-c-coral-40: 16 100% 40%; - --sf-c-coral-50: 16 100% 50%; - --sf-c-coral-60: 16 100% 60%; - --sf-c-coral-70: 16 100% 70%; - --sf-c-coral-80: 16 100% 80%; - --sf-c-coral-90: 16 100% 90%; - --sf-c-coral-100: 16 100% 100%; -} - -.sf-c-coral, .sf-c-coral\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 66%) } -.sf-c-coral\:0, .sf-c-coral\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -.sf-c-coral\:10, .sf-c-coral\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -.sf-c-coral\:20, .sf-c-coral\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -.sf-c-coral\:30, .sf-c-coral\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -.sf-c-coral\:40, .sf-c-coral\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -.sf-c-coral\:50, .sf-c-coral\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -.sf-c-coral\:60, .sf-c-coral\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -.sf-c-coral\:70, .sf-c-coral\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -.sf-c-coral\:80, .sf-c-coral\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -.sf-c-coral\:90, .sf-c-coral\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -.sf-c-coral\:100, .sf-c-coral\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - -.sf-c-txt-coral { color: hsl(16, 100%, 10%) } -.sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } -.sf-c-txt-coral\:0, .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } -.sf-c-txt-coral\:10, .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } -.sf-c-txt-coral\:20, .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } -.sf-c-txt-coral\:30, .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } -.sf-c-txt-coral\:40, .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } -.sf-c-txt-coral\:50, .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-coral\:60, .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } -.sf-c-txt-coral\:70, .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } -.sf-c-txt-coral\:80, .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } -.sf-c-txt-coral\:90, .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } -.sf-c-txt-coral\:100, .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-coral, html.dark .sf-c-coral { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 34%) } -html[data-theme='dark'] .sf-c-coral\:0, html.dark .sf-c-coral\:0 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-coral\:10, html.dark .sf-c-coral\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-coral\:20, html.dark .sf-c-coral\:20 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-coral\:30, html.dark .sf-c-coral\:30 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-coral\:40, html.dark .sf-c-coral\:40 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-coral\:50, html.dark .sf-c-coral\:50 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-coral\:60, html.dark .sf-c-coral\:60 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-coral\:70, html.dark .sf-c-coral\:70 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-coral\:80, html.dark .sf-c-coral\:80 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-coral\:90, html.dark .sf-c-coral\:90 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-coral\:100, html.dark .sf-c-coral\:100 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-coral\:st, html.dark .sf-c-coral\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-coral\:0\:st, html.dark .sf-c-coral\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-coral\:10\:st, html.dark .sf-c-coral\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-coral\:20\:st, html.dark .sf-c-coral\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-coral\:30\:st, html.dark .sf-c-coral\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-coral\:40\:st, html.dark .sf-c-coral\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-coral\:50\:st, html.dark .sf-c-coral\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-coral\:60\:st, html.dark .sf-c-coral\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-coral\:70\:st, html.dark .sf-c-coral\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-coral\:80\:st, html.dark .sf-c-coral\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-coral\:90\:st, html.dark .sf-c-coral\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-coral\:100\:st, html.dark .sf-c-coral\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-coral\:st, html.dark .sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-txt-coral\:0\:st, html.dark .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-coral\:10\:st, html.dark .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-coral\:20\:st, html.dark .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-coral\:30\:st, html.dark .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-coral\:40\:st, html.dark .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-coral\:50\:st, html.dark .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-coral\:60\:st, html.dark .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-coral\:70\:st, html.dark .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-coral\:80\:st, html.dark .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-coral\:90\:st, html.dark .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-coral\:100\:st, html.dark .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-coral, html.auto .sf-c-coral { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 34%) } - html[data-theme='auto'] .sf-c-coral\:0, html.auto .sf-c-coral\:0 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-coral\:10, html.auto .sf-c-coral\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-coral\:20, html.auto .sf-c-coral\:20 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-coral\:30, html.auto .sf-c-coral\:30 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-coral\:40, html.auto .sf-c-coral\:40 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-coral\:50, html.auto .sf-c-coral\:50 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-coral\:60, html.auto .sf-c-coral\:60 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-coral\:70, html.auto .sf-c-coral\:70 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-coral\:80, html.auto .sf-c-coral\:80 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-coral\:90, html.auto .sf-c-coral\:90 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-coral\:100, html.auto .sf-c-coral\:100 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-coral\:st, html.auto .sf-c-coral\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-coral\:0\:st, html.auto .sf-c-coral\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-coral\:10\:st, html.auto .sf-c-coral\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-coral\:20\:st, html.auto .sf-c-coral\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-coral\:30\:st, html.auto .sf-c-coral\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-coral\:40\:st, html.auto .sf-c-coral\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-coral\:50\:st, html.auto .sf-c-coral\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-coral\:60\:st, html.auto .sf-c-coral\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-coral\:70\:st, html.auto .sf-c-coral\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-coral\:80\:st, html.auto .sf-c-coral\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-coral\:90\:st, html.auto .sf-c-coral\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-coral\:100\:st, html.auto .sf-c-coral\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-coral\:st, html.auto .sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-txt-coral\:0\:st, html.auto .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-coral\:10\:st, html.auto .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-coral\:20\:st, html.auto .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-coral\:30\:st, html.auto .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-coral\:40\:st, html.auto .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-coral\:50\:st, html.auto .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-coral\:60\:st, html.auto .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-coral\:70\:st, html.auto .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-coral\:80\:st, html.auto .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-coral\:90\:st, html.auto .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-coral\:100\:st, html.auto .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/cornflowerblue.css b/src/colors/10/cornflowerblue.css deleted file mode 100644 index a428e3b..0000000 --- a/src/colors/10/cornflowerblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-cornflowerblue { - --sf-c-cornflowerblue: 219 79% 66%; - --sf-c-cornflowerblue-0: 219 79% 0%; - --sf-c-cornflowerblue-10: 219 79% 10%; - --sf-c-cornflowerblue-20: 219 79% 20%; - --sf-c-cornflowerblue-30: 219 79% 30%; - --sf-c-cornflowerblue-40: 219 79% 40%; - --sf-c-cornflowerblue-50: 219 79% 50%; - --sf-c-cornflowerblue-60: 219 79% 60%; - --sf-c-cornflowerblue-70: 219 79% 70%; - --sf-c-cornflowerblue-80: 219 79% 80%; - --sf-c-cornflowerblue-90: 219 79% 90%; - --sf-c-cornflowerblue-100: 219 79% 100%; -} - -.sf-c-cornflowerblue, .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 66%) } -.sf-c-cornflowerblue\:0, .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } -.sf-c-cornflowerblue\:10, .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } -.sf-c-cornflowerblue\:20, .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } -.sf-c-cornflowerblue\:30, .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 30%) } -.sf-c-cornflowerblue\:40, .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 40%) } -.sf-c-cornflowerblue\:50, .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 50%) } -.sf-c-cornflowerblue\:60, .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 60%) } -.sf-c-cornflowerblue\:70, .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 70%) } -.sf-c-cornflowerblue\:80, .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 80%) } -.sf-c-cornflowerblue\:90, .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } -.sf-c-cornflowerblue\:100, .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } - -.sf-c-txt-cornflowerblue { color: hsl(219, 79%, 10%) } -.sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } -.sf-c-txt-cornflowerblue\:0, .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } -.sf-c-txt-cornflowerblue\:10, .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } -.sf-c-txt-cornflowerblue\:20, .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } -.sf-c-txt-cornflowerblue\:30, .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } -.sf-c-txt-cornflowerblue\:40, .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } -.sf-c-txt-cornflowerblue\:50, .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } -.sf-c-txt-cornflowerblue\:60, .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } -.sf-c-txt-cornflowerblue\:70, .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } -.sf-c-txt-cornflowerblue\:80, .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } -.sf-c-txt-cornflowerblue\:90, .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } -.sf-c-txt-cornflowerblue\:100, .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } - -html[data-theme='dark'] .sf-c-cornflowerblue, html.dark .sf-c-cornflowerblue { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 34%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:0, html.dark .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:10, html.dark .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:20, html.dark .sf-c-cornflowerblue\:20 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:30, html.dark .sf-c-cornflowerblue\:30 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:40, html.dark .sf-c-cornflowerblue\:40 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:50, html.dark .sf-c-cornflowerblue\:50 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:60, html.dark .sf-c-cornflowerblue\:60 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:70, html.dark .sf-c-cornflowerblue\:70 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:80, html.dark .sf-c-cornflowerblue\:80 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:90, html.dark .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:100, html.dark .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } - -html[data-theme='dark'] .sf-c-cornflowerblue\:st, html.dark .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:0\:st, html.dark .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:10\:st, html.dark .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:20\:st, html.dark .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:30\:st, html.dark .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:40\:st, html.dark .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:50\:st, html.dark .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:60\:st, html.dark .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:70\:st, html.dark .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:80\:st, html.dark .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:90\:st, html.dark .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:100\:st, html.dark .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:st, html.dark .sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:st, html.dark .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:st, html.dark .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:st, html.dark .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:st, html.dark .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:st, html.dark .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:st, html.dark .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:st, html.dark .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:st, html.dark .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:st, html.dark .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:st, html.dark .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:st, html.dark .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cornflowerblue, html.auto .sf-c-cornflowerblue { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 34%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:0, html.auto .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:10, html.auto .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:20, html.auto .sf-c-cornflowerblue\:20 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:30, html.auto .sf-c-cornflowerblue\:30 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:40, html.auto .sf-c-cornflowerblue\:40 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:50, html.auto .sf-c-cornflowerblue\:50 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:60, html.auto .sf-c-cornflowerblue\:60 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:70, html.auto .sf-c-cornflowerblue\:70 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:80, html.auto .sf-c-cornflowerblue\:80 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:90, html.auto .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:100, html.auto .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } - - html[data-theme='auto'] .sf-c-cornflowerblue\:st, html.auto .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:0\:st, html.auto .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:10\:st, html.auto .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:20\:st, html.auto .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:30\:st, html.auto .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:40\:st, html.auto .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:50\:st, html.auto .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:60\:st, html.auto .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:70\:st, html.auto .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:80\:st, html.auto .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:90\:st, html.auto .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:100\:st, html.auto .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:st, html.auto .sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:st, html.auto .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:st, html.auto .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:st, html.auto .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:st, html.auto .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:st, html.auto .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:st, html.auto .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:st, html.auto .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:st, html.auto .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:st, html.auto .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:st, html.auto .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:st, html.auto .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/cornsilk.css b/src/colors/10/cornsilk.css deleted file mode 100644 index b54b960..0000000 --- a/src/colors/10/cornsilk.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-cornsilk { - --sf-c-cornsilk: 48 100% 93%; - --sf-c-cornsilk-0: 48 100% 0%; - --sf-c-cornsilk-10: 48 100% 10%; - --sf-c-cornsilk-20: 48 100% 20%; - --sf-c-cornsilk-30: 48 100% 30%; - --sf-c-cornsilk-40: 48 100% 40%; - --sf-c-cornsilk-50: 48 100% 50%; - --sf-c-cornsilk-60: 48 100% 60%; - --sf-c-cornsilk-70: 48 100% 70%; - --sf-c-cornsilk-80: 48 100% 80%; - --sf-c-cornsilk-90: 48 100% 90%; - --sf-c-cornsilk-100: 48 100% 100%; -} - -.sf-c-cornsilk, .sf-c-cornsilk\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 93%) } -.sf-c-cornsilk\:0, .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } -.sf-c-cornsilk\:10, .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } -.sf-c-cornsilk\:20, .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } -.sf-c-cornsilk\:30, .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 30%) } -.sf-c-cornsilk\:40, .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 40%) } -.sf-c-cornsilk\:50, .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 50%) } -.sf-c-cornsilk\:60, .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 60%) } -.sf-c-cornsilk\:70, .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 70%) } -.sf-c-cornsilk\:80, .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 80%) } -.sf-c-cornsilk\:90, .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } -.sf-c-cornsilk\:100, .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } - -.sf-c-txt-cornsilk { color: hsl(48, 100%, 10%) } -.sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } -.sf-c-txt-cornsilk\:0, .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } -.sf-c-txt-cornsilk\:10, .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } -.sf-c-txt-cornsilk\:20, .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } -.sf-c-txt-cornsilk\:30, .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } -.sf-c-txt-cornsilk\:40, .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } -.sf-c-txt-cornsilk\:50, .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } -.sf-c-txt-cornsilk\:60, .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } -.sf-c-txt-cornsilk\:70, .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } -.sf-c-txt-cornsilk\:80, .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } -.sf-c-txt-cornsilk\:90, .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } -.sf-c-txt-cornsilk\:100, .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } - -html[data-theme='dark'] .sf-c-cornsilk, html.dark .sf-c-cornsilk { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 7%) } -html[data-theme='dark'] .sf-c-cornsilk\:0, html.dark .sf-c-cornsilk\:0 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } -html[data-theme='dark'] .sf-c-cornsilk\:10, html.dark .sf-c-cornsilk\:10 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-cornsilk\:20, html.dark .sf-c-cornsilk\:20 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-cornsilk\:30, html.dark .sf-c-cornsilk\:30 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-cornsilk\:40, html.dark .sf-c-cornsilk\:40 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-cornsilk\:50, html.dark .sf-c-cornsilk\:50 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-cornsilk\:60, html.dark .sf-c-cornsilk\:60 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-cornsilk\:70, html.dark .sf-c-cornsilk\:70 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-cornsilk\:80, html.dark .sf-c-cornsilk\:80 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-cornsilk\:90, html.dark .sf-c-cornsilk\:90 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-cornsilk\:100, html.dark .sf-c-cornsilk\:100 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } - -html[data-theme='dark'] .sf-c-cornsilk\:st, html.dark .sf-c-cornsilk\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-cornsilk\:0\:st, html.dark .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } -html[data-theme='dark'] .sf-c-cornsilk\:10\:st, html.dark .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-cornsilk\:20\:st, html.dark .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-cornsilk\:30\:st, html.dark .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-cornsilk\:40\:st, html.dark .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-cornsilk\:50\:st, html.dark .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-cornsilk\:60\:st, html.dark .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-cornsilk\:70\:st, html.dark .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-cornsilk\:80\:st, html.dark .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-cornsilk\:90\:st, html.dark .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-cornsilk\:100\:st, html.dark .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cornsilk\:st, html.dark .sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:0\:st, html.dark .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:10\:st, html.dark .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:20\:st, html.dark .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:30\:st, html.dark .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:40\:st, html.dark .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:50\:st, html.dark .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:60\:st, html.dark .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:70\:st, html.dark .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:80\:st, html.dark .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:90\:st, html.dark .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:100\:st, html.dark .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cornsilk, html.auto .sf-c-cornsilk { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 7%) } - html[data-theme='auto'] .sf-c-cornsilk\:0, html.auto .sf-c-cornsilk\:0 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } - html[data-theme='auto'] .sf-c-cornsilk\:10, html.auto .sf-c-cornsilk\:10 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-cornsilk\:20, html.auto .sf-c-cornsilk\:20 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-cornsilk\:30, html.auto .sf-c-cornsilk\:30 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-cornsilk\:40, html.auto .sf-c-cornsilk\:40 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-cornsilk\:50, html.auto .sf-c-cornsilk\:50 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-cornsilk\:60, html.auto .sf-c-cornsilk\:60 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-cornsilk\:70, html.auto .sf-c-cornsilk\:70 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-cornsilk\:80, html.auto .sf-c-cornsilk\:80 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-cornsilk\:90, html.auto .sf-c-cornsilk\:90 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-cornsilk\:100, html.auto .sf-c-cornsilk\:100 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } - - html[data-theme='auto'] .sf-c-cornsilk\:st, html.auto .sf-c-cornsilk\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-cornsilk\:0\:st, html.auto .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } - html[data-theme='auto'] .sf-c-cornsilk\:10\:st, html.auto .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-cornsilk\:20\:st, html.auto .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-cornsilk\:30\:st, html.auto .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-cornsilk\:40\:st, html.auto .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-cornsilk\:50\:st, html.auto .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-cornsilk\:60\:st, html.auto .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-cornsilk\:70\:st, html.auto .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-cornsilk\:80\:st, html.auto .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-cornsilk\:90\:st, html.auto .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-cornsilk\:100\:st, html.auto .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cornsilk\:st, html.auto .sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:0\:st, html.auto .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:10\:st, html.auto .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:20\:st, html.auto .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:30\:st, html.auto .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:40\:st, html.auto .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:50\:st, html.auto .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:60\:st, html.auto .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:70\:st, html.auto .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:80\:st, html.auto .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:90\:st, html.auto .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:100\:st, html.auto .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/crimson.css b/src/colors/10/crimson.css deleted file mode 100644 index 4962848..0000000 --- a/src/colors/10/crimson.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-crimson { - --sf-c-crimson: 348 83% 47%; - --sf-c-crimson-0: 348 83% 0%; - --sf-c-crimson-10: 348 83% 10%; - --sf-c-crimson-20: 348 83% 20%; - --sf-c-crimson-30: 348 83% 30%; - --sf-c-crimson-40: 348 83% 40%; - --sf-c-crimson-50: 348 83% 50%; - --sf-c-crimson-60: 348 83% 60%; - --sf-c-crimson-70: 348 83% 70%; - --sf-c-crimson-80: 348 83% 80%; - --sf-c-crimson-90: 348 83% 90%; - --sf-c-crimson-100: 348 83% 100%; -} - -.sf-c-crimson, .sf-c-crimson\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 47%) } -.sf-c-crimson\:0, .sf-c-crimson\:0\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } -.sf-c-crimson\:10, .sf-c-crimson\:10\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } -.sf-c-crimson\:20, .sf-c-crimson\:20\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } -.sf-c-crimson\:30, .sf-c-crimson\:30\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 30%) } -.sf-c-crimson\:40, .sf-c-crimson\:40\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 40%) } -.sf-c-crimson\:50, .sf-c-crimson\:50\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 50%) } -.sf-c-crimson\:60, .sf-c-crimson\:60\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 60%) } -.sf-c-crimson\:70, .sf-c-crimson\:70\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 70%) } -.sf-c-crimson\:80, .sf-c-crimson\:80\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 80%) } -.sf-c-crimson\:90, .sf-c-crimson\:90\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } -.sf-c-crimson\:100, .sf-c-crimson\:100\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } - -.sf-c-txt-crimson { color: hsl(348, 83%, 47%) } -.sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } -.sf-c-txt-crimson\:0, .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } -.sf-c-txt-crimson\:10, .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } -.sf-c-txt-crimson\:20, .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } -.sf-c-txt-crimson\:30, .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } -.sf-c-txt-crimson\:40, .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } -.sf-c-txt-crimson\:50, .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } -.sf-c-txt-crimson\:60, .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } -.sf-c-txt-crimson\:70, .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } -.sf-c-txt-crimson\:80, .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } -.sf-c-txt-crimson\:90, .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } -.sf-c-txt-crimson\:100, .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } - -html[data-theme='dark'] .sf-c-crimson, html.dark .sf-c-crimson { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 53%) } -html[data-theme='dark'] .sf-c-crimson\:0, html.dark .sf-c-crimson\:0 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } -html[data-theme='dark'] .sf-c-crimson\:10, html.dark .sf-c-crimson\:10 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-crimson\:20, html.dark .sf-c-crimson\:20 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-crimson\:30, html.dark .sf-c-crimson\:30 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-crimson\:40, html.dark .sf-c-crimson\:40 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-crimson\:50, html.dark .sf-c-crimson\:50 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-crimson\:60, html.dark .sf-c-crimson\:60 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-crimson\:70, html.dark .sf-c-crimson\:70 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-crimson\:80, html.dark .sf-c-crimson\:80 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-crimson\:90, html.dark .sf-c-crimson\:90 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-crimson\:100, html.dark .sf-c-crimson\:100 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } - -html[data-theme='dark'] .sf-c-crimson\:st, html.dark .sf-c-crimson\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 47%) } -html[data-theme='dark'] .sf-c-crimson\:0\:st, html.dark .sf-c-crimson\:0\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } -html[data-theme='dark'] .sf-c-crimson\:10\:st, html.dark .sf-c-crimson\:10\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-crimson\:20\:st, html.dark .sf-c-crimson\:20\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-crimson\:30\:st, html.dark .sf-c-crimson\:30\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-crimson\:40\:st, html.dark .sf-c-crimson\:40\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-crimson\:50\:st, html.dark .sf-c-crimson\:50\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-crimson\:60\:st, html.dark .sf-c-crimson\:60\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-crimson\:70\:st, html.dark .sf-c-crimson\:70\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-crimson\:80\:st, html.dark .sf-c-crimson\:80\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-crimson\:90\:st, html.dark .sf-c-crimson\:90\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-crimson\:100\:st, html.dark .sf-c-crimson\:100\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } - -html[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } -html[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } -html[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } - -html[data-theme='dark'] .sf-c-txt-crimson\:st, html.dark .sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } -html[data-theme='dark'] .sf-c-txt-crimson\:0\:st, html.dark .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } -html[data-theme='dark'] .sf-c-txt-crimson\:10\:st, html.dark .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-txt-crimson\:20\:st, html.dark .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-txt-crimson\:30\:st, html.dark .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-txt-crimson\:40\:st, html.dark .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-txt-crimson\:50\:st, html.dark .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-txt-crimson\:60\:st, html.dark .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-txt-crimson\:70\:st, html.dark .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-txt-crimson\:80\:st, html.dark .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-txt-crimson\:90\:st, html.dark .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-txt-crimson\:100\:st, html.dark .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-crimson, html.auto .sf-c-crimson { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 53%) } - html[data-theme='auto'] .sf-c-crimson\:0, html.auto .sf-c-crimson\:0 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } - html[data-theme='auto'] .sf-c-crimson\:10, html.auto .sf-c-crimson\:10 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-crimson\:20, html.auto .sf-c-crimson\:20 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-crimson\:30, html.auto .sf-c-crimson\:30 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-crimson\:40, html.auto .sf-c-crimson\:40 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-crimson\:50, html.auto .sf-c-crimson\:50 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-crimson\:60, html.auto .sf-c-crimson\:60 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-crimson\:70, html.auto .sf-c-crimson\:70 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-crimson\:80, html.auto .sf-c-crimson\:80 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-crimson\:90, html.auto .sf-c-crimson\:90 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-crimson\:100, html.auto .sf-c-crimson\:100 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } - - html[data-theme='auto'] .sf-c-crimson\:st, html.auto .sf-c-crimson\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 47%) } - html[data-theme='auto'] .sf-c-crimson\:0\:st, html.auto .sf-c-crimson\:0\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } - html[data-theme='auto'] .sf-c-crimson\:10\:st, html.auto .sf-c-crimson\:10\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-crimson\:20\:st, html.auto .sf-c-crimson\:20\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-crimson\:30\:st, html.auto .sf-c-crimson\:30\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-crimson\:40\:st, html.auto .sf-c-crimson\:40\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-crimson\:50\:st, html.auto .sf-c-crimson\:50\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-crimson\:60\:st, html.auto .sf-c-crimson\:60\:st { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-crimson\:70\:st, html.auto .sf-c-crimson\:70\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-crimson\:80\:st, html.auto .sf-c-crimson\:80\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-crimson\:90\:st, html.auto .sf-c-crimson\:90\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-crimson\:100\:st, html.auto .sf-c-crimson\:100\:st { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } - - html[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } - html[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } - html[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } - - html[data-theme='auto'] .sf-c-txt-crimson\:st, html.auto .sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } - html[data-theme='auto'] .sf-c-txt-crimson\:0\:st, html.auto .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } - html[data-theme='auto'] .sf-c-txt-crimson\:10\:st, html.auto .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-txt-crimson\:20\:st, html.auto .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-txt-crimson\:30\:st, html.auto .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-txt-crimson\:40\:st, html.auto .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-txt-crimson\:50\:st, html.auto .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-txt-crimson\:60\:st, html.auto .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-txt-crimson\:70\:st, html.auto .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-txt-crimson\:80\:st, html.auto .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-txt-crimson\:90\:st, html.auto .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-txt-crimson\:100\:st, html.auto .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/cyan.css b/src/colors/10/cyan.css deleted file mode 100644 index c064518..0000000 --- a/src/colors/10/cyan.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-cyan { - --sf-c-cyan: 180 100% 50%; - --sf-c-cyan-0: 180 100% 0%; - --sf-c-cyan-10: 180 100% 10%; - --sf-c-cyan-20: 180 100% 20%; - --sf-c-cyan-30: 180 100% 30%; - --sf-c-cyan-40: 180 100% 40%; - --sf-c-cyan-50: 180 100% 50%; - --sf-c-cyan-60: 180 100% 60%; - --sf-c-cyan-70: 180 100% 70%; - --sf-c-cyan-80: 180 100% 80%; - --sf-c-cyan-90: 180 100% 90%; - --sf-c-cyan-100: 180 100% 100%; -} - -.sf-c-cyan, .sf-c-cyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-cyan\:0, .sf-c-cyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-cyan\:10, .sf-c-cyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-cyan\:20, .sf-c-cyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-cyan\:30, .sf-c-cyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-cyan\:40, .sf-c-cyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-cyan\:50, .sf-c-cyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-cyan\:60, .sf-c-cyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-cyan\:70, .sf-c-cyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-cyan\:80, .sf-c-cyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-cyan\:90, .sf-c-cyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-cyan\:100, .sf-c-cyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-cyan { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:0, .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-cyan\:10, .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-cyan\:20, .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-cyan\:30, .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-cyan\:40, .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-cyan\:50, .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:60, .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-cyan\:70, .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-cyan\:80, .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-cyan\:90, .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-cyan\:100, .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-cyan, html.dark .sf-c-cyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:0, html.dark .sf-c-cyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-cyan\:10, html.dark .sf-c-cyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-cyan\:20, html.dark .sf-c-cyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-cyan\:30, html.dark .sf-c-cyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-cyan\:40, html.dark .sf-c-cyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-cyan\:50, html.dark .sf-c-cyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:60, html.dark .sf-c-cyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-cyan\:70, html.dark .sf-c-cyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-cyan\:80, html.dark .sf-c-cyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-cyan\:90, html.dark .sf-c-cyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-cyan\:100, html.dark .sf-c-cyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-cyan\:st, html.dark .sf-c-cyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:0\:st, html.dark .sf-c-cyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-cyan\:10\:st, html.dark .sf-c-cyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-cyan\:20\:st, html.dark .sf-c-cyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-cyan\:30\:st, html.dark .sf-c-cyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-cyan\:40\:st, html.dark .sf-c-cyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-cyan\:50\:st, html.dark .sf-c-cyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:60\:st, html.dark .sf-c-cyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-cyan\:70\:st, html.dark .sf-c-cyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-cyan\:80\:st, html.dark .sf-c-cyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-cyan\:90\:st, html.dark .sf-c-cyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-cyan\:100\:st, html.dark .sf-c-cyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cyan\:st, html.dark .sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:0\:st, html.dark .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-cyan\:10\:st, html.dark .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cyan\:20\:st, html.dark .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cyan\:30\:st, html.dark .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cyan\:40\:st, html.dark .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cyan\:50\:st, html.dark .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:60\:st, html.dark .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cyan\:70\:st, html.dark .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cyan\:80\:st, html.dark .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cyan\:90\:st, html.dark .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cyan\:100\:st, html.dark .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cyan, html.auto .sf-c-cyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:0, html.auto .sf-c-cyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-cyan\:10, html.auto .sf-c-cyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-cyan\:20, html.auto .sf-c-cyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-cyan\:30, html.auto .sf-c-cyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-cyan\:40, html.auto .sf-c-cyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-cyan\:50, html.auto .sf-c-cyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:60, html.auto .sf-c-cyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-cyan\:70, html.auto .sf-c-cyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-cyan\:80, html.auto .sf-c-cyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-cyan\:90, html.auto .sf-c-cyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-cyan\:100, html.auto .sf-c-cyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-cyan\:st, html.auto .sf-c-cyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:0\:st, html.auto .sf-c-cyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-cyan\:10\:st, html.auto .sf-c-cyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-cyan\:20\:st, html.auto .sf-c-cyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-cyan\:30\:st, html.auto .sf-c-cyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-cyan\:40\:st, html.auto .sf-c-cyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-cyan\:50\:st, html.auto .sf-c-cyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:60\:st, html.auto .sf-c-cyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-cyan\:70\:st, html.auto .sf-c-cyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-cyan\:80\:st, html.auto .sf-c-cyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-cyan\:90\:st, html.auto .sf-c-cyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-cyan\:100\:st, html.auto .sf-c-cyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cyan\:st, html.auto .sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:0\:st, html.auto .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-cyan\:10\:st, html.auto .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cyan\:20\:st, html.auto .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cyan\:30\:st, html.auto .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cyan\:40\:st, html.auto .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cyan\:50\:st, html.auto .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:60\:st, html.auto .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cyan\:70\:st, html.auto .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cyan\:80\:st, html.auto .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cyan\:90\:st, html.auto .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cyan\:100\:st, html.auto .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkblue.css b/src/colors/10/darkblue.css deleted file mode 100644 index cf0aa5f..0000000 --- a/src/colors/10/darkblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkblue { - --sf-c-darkblue: 240 100% 27%; - --sf-c-darkblue-0: 240 100% 0%; - --sf-c-darkblue-10: 240 100% 10%; - --sf-c-darkblue-20: 240 100% 20%; - --sf-c-darkblue-30: 240 100% 30%; - --sf-c-darkblue-40: 240 100% 40%; - --sf-c-darkblue-50: 240 100% 50%; - --sf-c-darkblue-60: 240 100% 60%; - --sf-c-darkblue-70: 240 100% 70%; - --sf-c-darkblue-80: 240 100% 80%; - --sf-c-darkblue-90: 240 100% 90%; - --sf-c-darkblue-100: 240 100% 100%; -} - -.sf-c-darkblue, .sf-c-darkblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 27%) } -.sf-c-darkblue\:0, .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -.sf-c-darkblue\:10, .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -.sf-c-darkblue\:20, .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -.sf-c-darkblue\:30, .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -.sf-c-darkblue\:40, .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-darkblue\:50, .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-darkblue\:60, .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -.sf-c-darkblue\:70, .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -.sf-c-darkblue\:80, .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -.sf-c-darkblue\:90, .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -.sf-c-darkblue\:100, .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } -.sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } -.sf-c-txt-darkblue\:0, .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-darkblue\:10, .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-darkblue\:20, .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-darkblue\:30, .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-darkblue\:40, .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-darkblue\:50, .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-darkblue\:60, .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-darkblue\:70, .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-darkblue\:80, .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-darkblue\:90, .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-darkblue\:100, .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkblue, html.dark .sf-c-darkblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkblue\:0, html.dark .sf-c-darkblue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkblue\:10, html.dark .sf-c-darkblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkblue\:20, html.dark .sf-c-darkblue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkblue\:30, html.dark .sf-c-darkblue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkblue\:40, html.dark .sf-c-darkblue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkblue\:50, html.dark .sf-c-darkblue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkblue\:60, html.dark .sf-c-darkblue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkblue\:70, html.dark .sf-c-darkblue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkblue\:80, html.dark .sf-c-darkblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkblue\:90, html.dark .sf-c-darkblue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkblue\:100, html.dark .sf-c-darkblue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkblue\:st, html.dark .sf-c-darkblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkblue\:0\:st, html.dark .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkblue\:10\:st, html.dark .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkblue\:20\:st, html.dark .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkblue\:30\:st, html.dark .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkblue\:40\:st, html.dark .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkblue\:50\:st, html.dark .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkblue\:60\:st, html.dark .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkblue\:70\:st, html.dark .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkblue\:80\:st, html.dark .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkblue\:90\:st, html.dark .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkblue\:100\:st, html.dark .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkblue\:st, html.dark .sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:0\:st, html.dark .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:10\:st, html.dark .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:20\:st, html.dark .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:30\:st, html.dark .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:40\:st, html.dark .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:50\:st, html.dark .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:60\:st, html.dark .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:70\:st, html.dark .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:80\:st, html.dark .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:90\:st, html.dark .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:100\:st, html.dark .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkblue, html.auto .sf-c-darkblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkblue\:0, html.auto .sf-c-darkblue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkblue\:10, html.auto .sf-c-darkblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkblue\:20, html.auto .sf-c-darkblue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkblue\:30, html.auto .sf-c-darkblue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkblue\:40, html.auto .sf-c-darkblue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkblue\:50, html.auto .sf-c-darkblue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkblue\:60, html.auto .sf-c-darkblue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkblue\:70, html.auto .sf-c-darkblue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkblue\:80, html.auto .sf-c-darkblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkblue\:90, html.auto .sf-c-darkblue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkblue\:100, html.auto .sf-c-darkblue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkblue\:st, html.auto .sf-c-darkblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkblue\:0\:st, html.auto .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkblue\:10\:st, html.auto .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkblue\:20\:st, html.auto .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkblue\:30\:st, html.auto .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkblue\:40\:st, html.auto .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkblue\:50\:st, html.auto .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkblue\:60\:st, html.auto .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkblue\:70\:st, html.auto .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkblue\:80\:st, html.auto .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkblue\:90\:st, html.auto .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkblue\:100\:st, html.auto .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkblue\:st, html.auto .sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:0\:st, html.auto .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:10\:st, html.auto .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:20\:st, html.auto .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:30\:st, html.auto .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:40\:st, html.auto .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:50\:st, html.auto .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:60\:st, html.auto .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:70\:st, html.auto .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:80\:st, html.auto .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:90\:st, html.auto .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:100\:st, html.auto .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkcyan.css b/src/colors/10/darkcyan.css deleted file mode 100644 index beb6033..0000000 --- a/src/colors/10/darkcyan.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkcyan { - --sf-c-darkcyan: 180 100% 27%; - --sf-c-darkcyan-0: 180 100% 0%; - --sf-c-darkcyan-10: 180 100% 10%; - --sf-c-darkcyan-20: 180 100% 20%; - --sf-c-darkcyan-30: 180 100% 30%; - --sf-c-darkcyan-40: 180 100% 40%; - --sf-c-darkcyan-50: 180 100% 50%; - --sf-c-darkcyan-60: 180 100% 60%; - --sf-c-darkcyan-70: 180 100% 70%; - --sf-c-darkcyan-80: 180 100% 80%; - --sf-c-darkcyan-90: 180 100% 90%; - --sf-c-darkcyan-100: 180 100% 100%; -} - -.sf-c-darkcyan, .sf-c-darkcyan\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 27%) } -.sf-c-darkcyan\:0, .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-darkcyan\:10, .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-darkcyan\:20, .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-darkcyan\:30, .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-darkcyan\:40, .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-darkcyan\:50, .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-darkcyan\:60, .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-darkcyan\:70, .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-darkcyan\:80, .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-darkcyan\:90, .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-darkcyan\:100, .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } -.sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } -.sf-c-txt-darkcyan\:0, .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-darkcyan\:10, .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-darkcyan\:20, .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-darkcyan\:30, .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-darkcyan\:40, .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-darkcyan\:50, .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-darkcyan\:60, .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-darkcyan\:70, .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-darkcyan\:80, .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-darkcyan\:90, .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-darkcyan\:100, .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkcyan, html.dark .sf-c-darkcyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkcyan\:0, html.dark .sf-c-darkcyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkcyan\:10, html.dark .sf-c-darkcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkcyan\:20, html.dark .sf-c-darkcyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkcyan\:30, html.dark .sf-c-darkcyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkcyan\:40, html.dark .sf-c-darkcyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkcyan\:50, html.dark .sf-c-darkcyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkcyan\:60, html.dark .sf-c-darkcyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkcyan\:70, html.dark .sf-c-darkcyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkcyan\:80, html.dark .sf-c-darkcyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkcyan\:90, html.dark .sf-c-darkcyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkcyan\:100, html.dark .sf-c-darkcyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkcyan\:st, html.dark .sf-c-darkcyan\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkcyan\:0\:st, html.dark .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkcyan\:10\:st, html.dark .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkcyan\:20\:st, html.dark .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkcyan\:30\:st, html.dark .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkcyan\:40\:st, html.dark .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkcyan\:50\:st, html.dark .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkcyan\:60\:st, html.dark .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkcyan\:70\:st, html.dark .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkcyan\:80\:st, html.dark .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkcyan\:90\:st, html.dark .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkcyan\:100\:st, html.dark .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkcyan\:st, html.dark .sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:0\:st, html.dark .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:10\:st, html.dark .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:20\:st, html.dark .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:30\:st, html.dark .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:40\:st, html.dark .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:50\:st, html.dark .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:60\:st, html.dark .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:70\:st, html.dark .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:80\:st, html.dark .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:90\:st, html.dark .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:100\:st, html.dark .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkcyan, html.auto .sf-c-darkcyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkcyan\:0, html.auto .sf-c-darkcyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkcyan\:10, html.auto .sf-c-darkcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkcyan\:20, html.auto .sf-c-darkcyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkcyan\:30, html.auto .sf-c-darkcyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkcyan\:40, html.auto .sf-c-darkcyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkcyan\:50, html.auto .sf-c-darkcyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkcyan\:60, html.auto .sf-c-darkcyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkcyan\:70, html.auto .sf-c-darkcyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkcyan\:80, html.auto .sf-c-darkcyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkcyan\:90, html.auto .sf-c-darkcyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkcyan\:100, html.auto .sf-c-darkcyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkcyan\:st, html.auto .sf-c-darkcyan\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkcyan\:0\:st, html.auto .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkcyan\:10\:st, html.auto .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkcyan\:20\:st, html.auto .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkcyan\:30\:st, html.auto .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkcyan\:40\:st, html.auto .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkcyan\:50\:st, html.auto .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkcyan\:60\:st, html.auto .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkcyan\:70\:st, html.auto .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkcyan\:80\:st, html.auto .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkcyan\:90\:st, html.auto .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkcyan\:100\:st, html.auto .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkcyan\:st, html.auto .sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:0\:st, html.auto .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:10\:st, html.auto .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:20\:st, html.auto .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:30\:st, html.auto .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:40\:st, html.auto .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:50\:st, html.auto .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:60\:st, html.auto .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:70\:st, html.auto .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:80\:st, html.auto .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:90\:st, html.auto .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:100\:st, html.auto .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkgoldenrod.css b/src/colors/10/darkgoldenrod.css deleted file mode 100644 index ce0ffc7..0000000 --- a/src/colors/10/darkgoldenrod.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkgoldenrod { - --sf-c-darkgoldenrod: 43 89% 38%; - --sf-c-darkgoldenrod-0: 43 89% 0%; - --sf-c-darkgoldenrod-10: 43 89% 10%; - --sf-c-darkgoldenrod-20: 43 89% 20%; - --sf-c-darkgoldenrod-30: 43 89% 30%; - --sf-c-darkgoldenrod-40: 43 89% 40%; - --sf-c-darkgoldenrod-50: 43 89% 50%; - --sf-c-darkgoldenrod-60: 43 89% 60%; - --sf-c-darkgoldenrod-70: 43 89% 70%; - --sf-c-darkgoldenrod-80: 43 89% 80%; - --sf-c-darkgoldenrod-90: 43 89% 90%; - --sf-c-darkgoldenrod-100: 43 89% 100%; -} - -.sf-c-darkgoldenrod, .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 38%) } -.sf-c-darkgoldenrod\:0, .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } -.sf-c-darkgoldenrod\:10, .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } -.sf-c-darkgoldenrod\:20, .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } -.sf-c-darkgoldenrod\:30, .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 30%) } -.sf-c-darkgoldenrod\:40, .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 40%) } -.sf-c-darkgoldenrod\:50, .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 50%) } -.sf-c-darkgoldenrod\:60, .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 60%) } -.sf-c-darkgoldenrod\:70, .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 70%) } -.sf-c-darkgoldenrod\:80, .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 80%) } -.sf-c-darkgoldenrod\:90, .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } -.sf-c-darkgoldenrod\:100, .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } - -.sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } -.sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } -.sf-c-txt-darkgoldenrod\:0, .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } -.sf-c-txt-darkgoldenrod\:10, .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } -.sf-c-txt-darkgoldenrod\:20, .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } -.sf-c-txt-darkgoldenrod\:30, .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } -.sf-c-txt-darkgoldenrod\:40, .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } -.sf-c-txt-darkgoldenrod\:50, .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } -.sf-c-txt-darkgoldenrod\:60, .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } -.sf-c-txt-darkgoldenrod\:70, .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } -.sf-c-txt-darkgoldenrod\:80, .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } -.sf-c-txt-darkgoldenrod\:90, .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } -.sf-c-txt-darkgoldenrod\:100, .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } - -html[data-theme='dark'] .sf-c-darkgoldenrod, html.dark .sf-c-darkgoldenrod { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 62%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.dark .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:10, html.dark .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:20, html.dark .sf-c-darkgoldenrod\:20 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:30, html.dark .sf-c-darkgoldenrod\:30 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:40, html.dark .sf-c-darkgoldenrod\:40 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:50, html.dark .sf-c-darkgoldenrod\:50 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:60, html.dark .sf-c-darkgoldenrod\:60 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:70, html.dark .sf-c-darkgoldenrod\:70 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:80, html.dark .sf-c-darkgoldenrod\:80 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:90, html.dark .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:100, html.dark .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } - -html[data-theme='dark'] .sf-c-darkgoldenrod\:st, html.dark .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 38%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:0\:st, html.dark .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:10\:st, html.dark .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:20\:st, html.dark .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:30\:st, html.dark .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:40\:st, html.dark .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:50\:st, html.dark .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:60\:st, html.dark .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:70\:st, html.dark .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:80\:st, html.dark .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:90\:st, html.dark .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:100\:st, html.dark .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:st, html.dark .sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:st, html.dark .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:st, html.dark .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:st, html.dark .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:st, html.dark .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:st, html.dark .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:st, html.dark .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:st, html.dark .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:st, html.dark .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:st, html.dark .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:st, html.dark .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:st, html.dark .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgoldenrod, html.auto .sf-c-darkgoldenrod { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 62%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.auto .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:10, html.auto .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:20, html.auto .sf-c-darkgoldenrod\:20 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:30, html.auto .sf-c-darkgoldenrod\:30 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:40, html.auto .sf-c-darkgoldenrod\:40 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:50, html.auto .sf-c-darkgoldenrod\:50 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:60, html.auto .sf-c-darkgoldenrod\:60 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:70, html.auto .sf-c-darkgoldenrod\:70 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:80, html.auto .sf-c-darkgoldenrod\:80 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:90, html.auto .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:100, html.auto .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } - - html[data-theme='auto'] .sf-c-darkgoldenrod\:st, html.auto .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 38%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:0\:st, html.auto .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:10\:st, html.auto .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:20\:st, html.auto .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:30\:st, html.auto .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:40\:st, html.auto .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:50\:st, html.auto .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:60\:st, html.auto .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:70\:st, html.auto .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:80\:st, html.auto .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:90\:st, html.auto .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:100\:st, html.auto .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:st, html.auto .sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:st, html.auto .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:st, html.auto .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:st, html.auto .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:st, html.auto .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:st, html.auto .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:st, html.auto .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:st, html.auto .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:st, html.auto .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:st, html.auto .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:st, html.auto .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:st, html.auto .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkgray.css b/src/colors/10/darkgray.css deleted file mode 100644 index 4e1e66b..0000000 --- a/src/colors/10/darkgray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkgray { - --sf-c-darkgray: 0 0% 66%; - --sf-c-darkgray-0: 0 0% 0%; - --sf-c-darkgray-10: 0 0% 10%; - --sf-c-darkgray-20: 0 0% 20%; - --sf-c-darkgray-30: 0 0% 30%; - --sf-c-darkgray-40: 0 0% 40%; - --sf-c-darkgray-50: 0 0% 50%; - --sf-c-darkgray-60: 0 0% 60%; - --sf-c-darkgray-70: 0 0% 70%; - --sf-c-darkgray-80: 0 0% 80%; - --sf-c-darkgray-90: 0 0% 90%; - --sf-c-darkgray-100: 0 0% 100%; -} - -.sf-c-darkgray, .sf-c-darkgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } -.sf-c-darkgray\:0, .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-darkgray\:10, .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-darkgray\:20, .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-darkgray\:30, .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-darkgray\:40, .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-darkgray\:50, .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-darkgray\:60, .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-darkgray\:70, .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-darkgray\:80, .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-darkgray\:90, .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-darkgray\:100, .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-darkgray { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } -.sf-c-txt-darkgray\:0, .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-darkgray\:10, .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgray\:20, .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-darkgray\:30, .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-darkgray\:40, .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-darkgray\:50, .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-darkgray\:60, .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-darkgray\:70, .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-darkgray\:80, .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-darkgray\:90, .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-darkgray\:100, .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-darkgray, html.dark .sf-c-darkgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } -html[data-theme='dark'] .sf-c-darkgray\:0, html.dark .sf-c-darkgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-darkgray\:10, html.dark .sf-c-darkgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgray\:20, html.dark .sf-c-darkgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgray\:30, html.dark .sf-c-darkgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgray\:40, html.dark .sf-c-darkgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgray\:50, html.dark .sf-c-darkgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgray\:60, html.dark .sf-c-darkgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgray\:70, html.dark .sf-c-darkgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgray\:80, html.dark .sf-c-darkgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgray\:90, html.dark .sf-c-darkgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgray\:100, html.dark .sf-c-darkgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-darkgray\:st, html.dark .sf-c-darkgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-darkgray\:0\:st, html.dark .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-darkgray\:10\:st, html.dark .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgray\:20\:st, html.dark .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgray\:30\:st, html.dark .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgray\:40\:st, html.dark .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgray\:50\:st, html.dark .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgray\:60\:st, html.dark .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgray\:70\:st, html.dark .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgray\:80\:st, html.dark .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgray\:90\:st, html.dark .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgray\:100\:st, html.dark .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgray\:st, html.dark .sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:0\:st, html.dark .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:10\:st, html.dark .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:20\:st, html.dark .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:30\:st, html.dark .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:40\:st, html.dark .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:50\:st, html.dark .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:60\:st, html.dark .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:70\:st, html.dark .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:80\:st, html.dark .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:90\:st, html.dark .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:100\:st, html.dark .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgray, html.auto .sf-c-darkgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } - html[data-theme='auto'] .sf-c-darkgray\:0, html.auto .sf-c-darkgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-darkgray\:10, html.auto .sf-c-darkgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgray\:20, html.auto .sf-c-darkgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgray\:30, html.auto .sf-c-darkgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgray\:40, html.auto .sf-c-darkgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgray\:50, html.auto .sf-c-darkgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgray\:60, html.auto .sf-c-darkgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgray\:70, html.auto .sf-c-darkgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgray\:80, html.auto .sf-c-darkgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgray\:90, html.auto .sf-c-darkgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgray\:100, html.auto .sf-c-darkgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-darkgray\:st, html.auto .sf-c-darkgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-darkgray\:0\:st, html.auto .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-darkgray\:10\:st, html.auto .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgray\:20\:st, html.auto .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgray\:30\:st, html.auto .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgray\:40\:st, html.auto .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgray\:50\:st, html.auto .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgray\:60\:st, html.auto .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgray\:70\:st, html.auto .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgray\:80\:st, html.auto .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgray\:90\:st, html.auto .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgray\:100\:st, html.auto .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgray\:st, html.auto .sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:0\:st, html.auto .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:10\:st, html.auto .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:20\:st, html.auto .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:30\:st, html.auto .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:40\:st, html.auto .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:50\:st, html.auto .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:60\:st, html.auto .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:70\:st, html.auto .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:80\:st, html.auto .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:90\:st, html.auto .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:100\:st, html.auto .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkgreen.css b/src/colors/10/darkgreen.css deleted file mode 100644 index 1afd803..0000000 --- a/src/colors/10/darkgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkgreen { - --sf-c-darkgreen: 120 100% 20%; - --sf-c-darkgreen-0: 120 100% 0%; - --sf-c-darkgreen-10: 120 100% 10%; - --sf-c-darkgreen-20: 120 100% 20%; - --sf-c-darkgreen-30: 120 100% 30%; - --sf-c-darkgreen-40: 120 100% 40%; - --sf-c-darkgreen-50: 120 100% 50%; - --sf-c-darkgreen-60: 120 100% 60%; - --sf-c-darkgreen-70: 120 100% 70%; - --sf-c-darkgreen-80: 120 100% 80%; - --sf-c-darkgreen-90: 120 100% 90%; - --sf-c-darkgreen-100: 120 100% 100%; -} - -.sf-c-darkgreen, .sf-c-darkgreen\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -.sf-c-darkgreen\:0, .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -.sf-c-darkgreen\:10, .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -.sf-c-darkgreen\:20, .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -.sf-c-darkgreen\:30, .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -.sf-c-darkgreen\:40, .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -.sf-c-darkgreen\:50, .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -.sf-c-darkgreen\:60, .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -.sf-c-darkgreen\:70, .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -.sf-c-darkgreen\:80, .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -.sf-c-darkgreen\:90, .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -.sf-c-darkgreen\:100, .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:0, .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-darkgreen\:10, .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-darkgreen\:20, .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:30, .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-darkgreen\:40, .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-darkgreen\:50, .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-darkgreen\:60, .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-darkgreen\:70, .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-darkgreen\:80, .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-darkgreen\:90, .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-darkgreen\:100, .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkgreen, html.dark .sf-c-darkgreen { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:0, html.dark .sf-c-darkgreen\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkgreen\:10, html.dark .sf-c-darkgreen\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkgreen\:20, html.dark .sf-c-darkgreen\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:30, html.dark .sf-c-darkgreen\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkgreen\:40, html.dark .sf-c-darkgreen\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkgreen\:50, html.dark .sf-c-darkgreen\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkgreen\:60, html.dark .sf-c-darkgreen\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkgreen\:70, html.dark .sf-c-darkgreen\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkgreen\:80, html.dark .sf-c-darkgreen\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:90, html.dark .sf-c-darkgreen\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkgreen\:100, html.dark .sf-c-darkgreen\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkgreen\:st, html.dark .sf-c-darkgreen\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:0\:st, html.dark .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkgreen\:10\:st, html.dark .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkgreen\:20\:st, html.dark .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:30\:st, html.dark .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkgreen\:40\:st, html.dark .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkgreen\:50\:st, html.dark .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkgreen\:60\:st, html.dark .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkgreen\:70\:st, html.dark .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkgreen\:80\:st, html.dark .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:90\:st, html.dark .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkgreen\:100\:st, html.dark .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgreen\:st, html.dark .sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:0\:st, html.dark .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:10\:st, html.dark .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:20\:st, html.dark .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:30\:st, html.dark .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:40\:st, html.dark .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:50\:st, html.dark .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:60\:st, html.dark .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:70\:st, html.dark .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:80\:st, html.dark .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:90\:st, html.dark .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:100\:st, html.dark .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgreen, html.auto .sf-c-darkgreen { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:0, html.auto .sf-c-darkgreen\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkgreen\:10, html.auto .sf-c-darkgreen\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkgreen\:20, html.auto .sf-c-darkgreen\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:30, html.auto .sf-c-darkgreen\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkgreen\:40, html.auto .sf-c-darkgreen\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkgreen\:50, html.auto .sf-c-darkgreen\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkgreen\:60, html.auto .sf-c-darkgreen\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkgreen\:70, html.auto .sf-c-darkgreen\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkgreen\:80, html.auto .sf-c-darkgreen\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:90, html.auto .sf-c-darkgreen\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkgreen\:100, html.auto .sf-c-darkgreen\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkgreen\:st, html.auto .sf-c-darkgreen\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:0\:st, html.auto .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkgreen\:10\:st, html.auto .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkgreen\:20\:st, html.auto .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:30\:st, html.auto .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkgreen\:40\:st, html.auto .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkgreen\:50\:st, html.auto .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkgreen\:60\:st, html.auto .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkgreen\:70\:st, html.auto .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkgreen\:80\:st, html.auto .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:90\:st, html.auto .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkgreen\:100\:st, html.auto .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgreen\:st, html.auto .sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:0\:st, html.auto .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:10\:st, html.auto .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:20\:st, html.auto .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:30\:st, html.auto .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:40\:st, html.auto .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:50\:st, html.auto .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:60\:st, html.auto .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:70\:st, html.auto .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:80\:st, html.auto .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:90\:st, html.auto .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:100\:st, html.auto .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkgrey.css b/src/colors/10/darkgrey.css deleted file mode 100644 index 1e0c9f3..0000000 --- a/src/colors/10/darkgrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkgrey { - --sf-c-darkgrey: 0 0% 66%; - --sf-c-darkgrey-0: 0 0% 0%; - --sf-c-darkgrey-10: 0 0% 10%; - --sf-c-darkgrey-20: 0 0% 20%; - --sf-c-darkgrey-30: 0 0% 30%; - --sf-c-darkgrey-40: 0 0% 40%; - --sf-c-darkgrey-50: 0 0% 50%; - --sf-c-darkgrey-60: 0 0% 60%; - --sf-c-darkgrey-70: 0 0% 70%; - --sf-c-darkgrey-80: 0 0% 80%; - --sf-c-darkgrey-90: 0 0% 90%; - --sf-c-darkgrey-100: 0 0% 100%; -} - -.sf-c-darkgrey, .sf-c-darkgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } -.sf-c-darkgrey\:0, .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-darkgrey\:10, .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-darkgrey\:20, .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-darkgrey\:30, .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-darkgrey\:40, .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-darkgrey\:50, .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-darkgrey\:60, .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-darkgrey\:70, .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-darkgrey\:80, .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-darkgrey\:90, .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-darkgrey\:100, .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-darkgrey { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } -.sf-c-txt-darkgrey\:0, .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-darkgrey\:10, .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgrey\:20, .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-darkgrey\:30, .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-darkgrey\:40, .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-darkgrey\:50, .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-darkgrey\:60, .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-darkgrey\:70, .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-darkgrey\:80, .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-darkgrey\:90, .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-darkgrey\:100, .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-darkgrey, html.dark .sf-c-darkgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } -html[data-theme='dark'] .sf-c-darkgrey\:0, html.dark .sf-c-darkgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-darkgrey\:10, html.dark .sf-c-darkgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgrey\:20, html.dark .sf-c-darkgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgrey\:30, html.dark .sf-c-darkgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgrey\:40, html.dark .sf-c-darkgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgrey\:50, html.dark .sf-c-darkgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgrey\:60, html.dark .sf-c-darkgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgrey\:70, html.dark .sf-c-darkgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgrey\:80, html.dark .sf-c-darkgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgrey\:90, html.dark .sf-c-darkgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgrey\:100, html.dark .sf-c-darkgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-darkgrey\:st, html.dark .sf-c-darkgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-darkgrey\:0\:st, html.dark .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-darkgrey\:10\:st, html.dark .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgrey\:20\:st, html.dark .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgrey\:30\:st, html.dark .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgrey\:40\:st, html.dark .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgrey\:50\:st, html.dark .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgrey\:60\:st, html.dark .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgrey\:70\:st, html.dark .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgrey\:80\:st, html.dark .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgrey\:90\:st, html.dark .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgrey\:100\:st, html.dark .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgrey\:st, html.dark .sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:0\:st, html.dark .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:10\:st, html.dark .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:20\:st, html.dark .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:30\:st, html.dark .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:40\:st, html.dark .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:50\:st, html.dark .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:60\:st, html.dark .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:70\:st, html.dark .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:80\:st, html.dark .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:90\:st, html.dark .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:100\:st, html.dark .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgrey, html.auto .sf-c-darkgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } - html[data-theme='auto'] .sf-c-darkgrey\:0, html.auto .sf-c-darkgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-darkgrey\:10, html.auto .sf-c-darkgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgrey\:20, html.auto .sf-c-darkgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgrey\:30, html.auto .sf-c-darkgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgrey\:40, html.auto .sf-c-darkgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgrey\:50, html.auto .sf-c-darkgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgrey\:60, html.auto .sf-c-darkgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgrey\:70, html.auto .sf-c-darkgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgrey\:80, html.auto .sf-c-darkgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgrey\:90, html.auto .sf-c-darkgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgrey\:100, html.auto .sf-c-darkgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-darkgrey\:st, html.auto .sf-c-darkgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-darkgrey\:0\:st, html.auto .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-darkgrey\:10\:st, html.auto .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgrey\:20\:st, html.auto .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgrey\:30\:st, html.auto .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgrey\:40\:st, html.auto .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgrey\:50\:st, html.auto .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgrey\:60\:st, html.auto .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgrey\:70\:st, html.auto .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgrey\:80\:st, html.auto .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgrey\:90\:st, html.auto .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgrey\:100\:st, html.auto .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgrey\:st, html.auto .sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:0\:st, html.auto .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:10\:st, html.auto .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:20\:st, html.auto .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:30\:st, html.auto .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:40\:st, html.auto .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:50\:st, html.auto .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:60\:st, html.auto .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:70\:st, html.auto .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:80\:st, html.auto .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:90\:st, html.auto .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:100\:st, html.auto .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkkhaki.css b/src/colors/10/darkkhaki.css deleted file mode 100644 index 49e71a4..0000000 --- a/src/colors/10/darkkhaki.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkkhaki { - --sf-c-darkkhaki: 56 38% 58%; - --sf-c-darkkhaki-0: 56 38% 0%; - --sf-c-darkkhaki-10: 56 38% 10%; - --sf-c-darkkhaki-20: 56 38% 20%; - --sf-c-darkkhaki-30: 56 38% 30%; - --sf-c-darkkhaki-40: 56 38% 40%; - --sf-c-darkkhaki-50: 56 38% 50%; - --sf-c-darkkhaki-60: 56 38% 60%; - --sf-c-darkkhaki-70: 56 38% 70%; - --sf-c-darkkhaki-80: 56 38% 80%; - --sf-c-darkkhaki-90: 56 38% 90%; - --sf-c-darkkhaki-100: 56 38% 100%; -} - -.sf-c-darkkhaki, .sf-c-darkkhaki\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 58%) } -.sf-c-darkkhaki\:0, .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } -.sf-c-darkkhaki\:10, .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } -.sf-c-darkkhaki\:20, .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } -.sf-c-darkkhaki\:30, .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 30%) } -.sf-c-darkkhaki\:40, .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 40%) } -.sf-c-darkkhaki\:50, .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 50%) } -.sf-c-darkkhaki\:60, .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 60%) } -.sf-c-darkkhaki\:70, .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 70%) } -.sf-c-darkkhaki\:80, .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 80%) } -.sf-c-darkkhaki\:90, .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } -.sf-c-darkkhaki\:100, .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } - -.sf-c-txt-darkkhaki { color: hsl(56, 38%, 10%) } -.sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } -.sf-c-txt-darkkhaki\:0, .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } -.sf-c-txt-darkkhaki\:10, .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } -.sf-c-txt-darkkhaki\:20, .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } -.sf-c-txt-darkkhaki\:30, .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } -.sf-c-txt-darkkhaki\:40, .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } -.sf-c-txt-darkkhaki\:50, .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } -.sf-c-txt-darkkhaki\:60, .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } -.sf-c-txt-darkkhaki\:70, .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } -.sf-c-txt-darkkhaki\:80, .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } -.sf-c-txt-darkkhaki\:90, .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } -.sf-c-txt-darkkhaki\:100, .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } - -html[data-theme='dark'] .sf-c-darkkhaki, html.dark .sf-c-darkkhaki { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 42%) } -html[data-theme='dark'] .sf-c-darkkhaki\:0, html.dark .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } -html[data-theme='dark'] .sf-c-darkkhaki\:10, html.dark .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-darkkhaki\:20, html.dark .sf-c-darkkhaki\:20 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-darkkhaki\:30, html.dark .sf-c-darkkhaki\:30 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-darkkhaki\:40, html.dark .sf-c-darkkhaki\:40 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-darkkhaki\:50, html.dark .sf-c-darkkhaki\:50 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-darkkhaki\:60, html.dark .sf-c-darkkhaki\:60 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-darkkhaki\:70, html.dark .sf-c-darkkhaki\:70 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-darkkhaki\:80, html.dark .sf-c-darkkhaki\:80 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-darkkhaki\:90, html.dark .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-darkkhaki\:100, html.dark .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } - -html[data-theme='dark'] .sf-c-darkkhaki\:st, html.dark .sf-c-darkkhaki\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-darkkhaki\:0\:st, html.dark .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } -html[data-theme='dark'] .sf-c-darkkhaki\:10\:st, html.dark .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-darkkhaki\:20\:st, html.dark .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-darkkhaki\:30\:st, html.dark .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-darkkhaki\:40\:st, html.dark .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-darkkhaki\:50\:st, html.dark .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-darkkhaki\:60\:st, html.dark .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-darkkhaki\:70\:st, html.dark .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-darkkhaki\:80\:st, html.dark .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-darkkhaki\:90\:st, html.dark .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-darkkhaki\:100\:st, html.dark .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkkhaki\:st, html.dark .sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:st, html.dark .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:st, html.dark .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:st, html.dark .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:st, html.dark .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:st, html.dark .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:st, html.dark .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:st, html.dark .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:st, html.dark .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:st, html.dark .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:st, html.dark .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:st, html.dark .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkkhaki, html.auto .sf-c-darkkhaki { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 42%) } - html[data-theme='auto'] .sf-c-darkkhaki\:0, html.auto .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } - html[data-theme='auto'] .sf-c-darkkhaki\:10, html.auto .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-darkkhaki\:20, html.auto .sf-c-darkkhaki\:20 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-darkkhaki\:30, html.auto .sf-c-darkkhaki\:30 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-darkkhaki\:40, html.auto .sf-c-darkkhaki\:40 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-darkkhaki\:50, html.auto .sf-c-darkkhaki\:50 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-darkkhaki\:60, html.auto .sf-c-darkkhaki\:60 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-darkkhaki\:70, html.auto .sf-c-darkkhaki\:70 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-darkkhaki\:80, html.auto .sf-c-darkkhaki\:80 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-darkkhaki\:90, html.auto .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-darkkhaki\:100, html.auto .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } - - html[data-theme='auto'] .sf-c-darkkhaki\:st, html.auto .sf-c-darkkhaki\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-darkkhaki\:0\:st, html.auto .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } - html[data-theme='auto'] .sf-c-darkkhaki\:10\:st, html.auto .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-darkkhaki\:20\:st, html.auto .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-darkkhaki\:30\:st, html.auto .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-darkkhaki\:40\:st, html.auto .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-darkkhaki\:50\:st, html.auto .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-darkkhaki\:60\:st, html.auto .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-darkkhaki\:70\:st, html.auto .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-darkkhaki\:80\:st, html.auto .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-darkkhaki\:90\:st, html.auto .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-darkkhaki\:100\:st, html.auto .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkkhaki\:st, html.auto .sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:st, html.auto .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:st, html.auto .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:st, html.auto .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:st, html.auto .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:st, html.auto .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:st, html.auto .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:st, html.auto .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:st, html.auto .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:st, html.auto .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:st, html.auto .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:st, html.auto .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkmagenta.css b/src/colors/10/darkmagenta.css deleted file mode 100644 index d17e327..0000000 --- a/src/colors/10/darkmagenta.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkmagenta { - --sf-c-darkmagenta: 300 100% 27%; - --sf-c-darkmagenta-0: 300 100% 0%; - --sf-c-darkmagenta-10: 300 100% 10%; - --sf-c-darkmagenta-20: 300 100% 20%; - --sf-c-darkmagenta-30: 300 100% 30%; - --sf-c-darkmagenta-40: 300 100% 40%; - --sf-c-darkmagenta-50: 300 100% 50%; - --sf-c-darkmagenta-60: 300 100% 60%; - --sf-c-darkmagenta-70: 300 100% 70%; - --sf-c-darkmagenta-80: 300 100% 80%; - --sf-c-darkmagenta-90: 300 100% 90%; - --sf-c-darkmagenta-100: 300 100% 100%; -} - -.sf-c-darkmagenta, .sf-c-darkmagenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 27%) } -.sf-c-darkmagenta\:0, .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -.sf-c-darkmagenta\:10, .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -.sf-c-darkmagenta\:20, .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -.sf-c-darkmagenta\:30, .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -.sf-c-darkmagenta\:40, .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -.sf-c-darkmagenta\:50, .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-darkmagenta\:60, .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -.sf-c-darkmagenta\:70, .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -.sf-c-darkmagenta\:80, .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -.sf-c-darkmagenta\:90, .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -.sf-c-darkmagenta\:100, .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } -.sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } -.sf-c-txt-darkmagenta\:0, .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-darkmagenta\:10, .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-darkmagenta\:20, .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-darkmagenta\:30, .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-darkmagenta\:40, .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-darkmagenta\:50, .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-darkmagenta\:60, .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-darkmagenta\:70, .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-darkmagenta\:80, .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-darkmagenta\:90, .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-darkmagenta\:100, .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkmagenta, html.dark .sf-c-darkmagenta { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkmagenta\:0, html.dark .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkmagenta\:10, html.dark .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkmagenta\:20, html.dark .sf-c-darkmagenta\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkmagenta\:30, html.dark .sf-c-darkmagenta\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkmagenta\:40, html.dark .sf-c-darkmagenta\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkmagenta\:50, html.dark .sf-c-darkmagenta\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkmagenta\:60, html.dark .sf-c-darkmagenta\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkmagenta\:70, html.dark .sf-c-darkmagenta\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkmagenta\:80, html.dark .sf-c-darkmagenta\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkmagenta\:90, html.dark .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkmagenta\:100, html.dark .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkmagenta\:st, html.dark .sf-c-darkmagenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkmagenta\:0\:st, html.dark .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkmagenta\:10\:st, html.dark .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkmagenta\:20\:st, html.dark .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkmagenta\:30\:st, html.dark .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkmagenta\:40\:st, html.dark .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkmagenta\:50\:st, html.dark .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkmagenta\:60\:st, html.dark .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkmagenta\:70\:st, html.dark .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkmagenta\:80\:st, html.dark .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkmagenta\:90\:st, html.dark .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkmagenta\:100\:st, html.dark .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkmagenta\:st, html.dark .sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:st, html.dark .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:st, html.dark .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:st, html.dark .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:st, html.dark .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:st, html.dark .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:st, html.dark .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:st, html.dark .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:st, html.dark .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:st, html.dark .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:st, html.dark .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:st, html.dark .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkmagenta, html.auto .sf-c-darkmagenta { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkmagenta\:0, html.auto .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkmagenta\:10, html.auto .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkmagenta\:20, html.auto .sf-c-darkmagenta\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkmagenta\:30, html.auto .sf-c-darkmagenta\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkmagenta\:40, html.auto .sf-c-darkmagenta\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkmagenta\:50, html.auto .sf-c-darkmagenta\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkmagenta\:60, html.auto .sf-c-darkmagenta\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkmagenta\:70, html.auto .sf-c-darkmagenta\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkmagenta\:80, html.auto .sf-c-darkmagenta\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkmagenta\:90, html.auto .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkmagenta\:100, html.auto .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkmagenta\:st, html.auto .sf-c-darkmagenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkmagenta\:0\:st, html.auto .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkmagenta\:10\:st, html.auto .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkmagenta\:20\:st, html.auto .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkmagenta\:30\:st, html.auto .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkmagenta\:40\:st, html.auto .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkmagenta\:50\:st, html.auto .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkmagenta\:60\:st, html.auto .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkmagenta\:70\:st, html.auto .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkmagenta\:80\:st, html.auto .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkmagenta\:90\:st, html.auto .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkmagenta\:100\:st, html.auto .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkmagenta\:st, html.auto .sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:st, html.auto .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:st, html.auto .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:st, html.auto .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:st, html.auto .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:st, html.auto .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:st, html.auto .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:st, html.auto .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:st, html.auto .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:st, html.auto .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:st, html.auto .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:st, html.auto .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkolivegreen.css b/src/colors/10/darkolivegreen.css deleted file mode 100644 index 326ac55..0000000 --- a/src/colors/10/darkolivegreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkolivegreen { - --sf-c-darkolivegreen: 82 39% 30%; - --sf-c-darkolivegreen-0: 82 39% 0%; - --sf-c-darkolivegreen-10: 82 39% 10%; - --sf-c-darkolivegreen-20: 82 39% 20%; - --sf-c-darkolivegreen-30: 82 39% 30%; - --sf-c-darkolivegreen-40: 82 39% 40%; - --sf-c-darkolivegreen-50: 82 39% 50%; - --sf-c-darkolivegreen-60: 82 39% 60%; - --sf-c-darkolivegreen-70: 82 39% 70%; - --sf-c-darkolivegreen-80: 82 39% 80%; - --sf-c-darkolivegreen-90: 82 39% 90%; - --sf-c-darkolivegreen-100: 82 39% 100%; -} - -.sf-c-darkolivegreen, .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } -.sf-c-darkolivegreen\:0, .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } -.sf-c-darkolivegreen\:10, .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } -.sf-c-darkolivegreen\:20, .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } -.sf-c-darkolivegreen\:30, .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } -.sf-c-darkolivegreen\:40, .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 40%) } -.sf-c-darkolivegreen\:50, .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 50%) } -.sf-c-darkolivegreen\:60, .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 60%) } -.sf-c-darkolivegreen\:70, .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } -.sf-c-darkolivegreen\:80, .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 80%) } -.sf-c-darkolivegreen\:90, .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } -.sf-c-darkolivegreen\:100, .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } - -.sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:0, .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } -.sf-c-txt-darkolivegreen\:10, .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } -.sf-c-txt-darkolivegreen\:20, .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } -.sf-c-txt-darkolivegreen\:30, .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:40, .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } -.sf-c-txt-darkolivegreen\:50, .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } -.sf-c-txt-darkolivegreen\:60, .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } -.sf-c-txt-darkolivegreen\:70, .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } -.sf-c-txt-darkolivegreen\:80, .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } -.sf-c-txt-darkolivegreen\:90, .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } -.sf-c-txt-darkolivegreen\:100, .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } - -html[data-theme='dark'] .sf-c-darkolivegreen, html.dark .sf-c-darkolivegreen { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:0, html.dark .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:10, html.dark .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:20, html.dark .sf-c-darkolivegreen\:20 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:30, html.dark .sf-c-darkolivegreen\:30 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:40, html.dark .sf-c-darkolivegreen\:40 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:50, html.dark .sf-c-darkolivegreen\:50 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:60, html.dark .sf-c-darkolivegreen\:60 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:70, html.dark .sf-c-darkolivegreen\:70 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:80, html.dark .sf-c-darkolivegreen\:80 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:90, html.dark .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:100, html.dark .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } - -html[data-theme='dark'] .sf-c-darkolivegreen\:st, html.dark .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:0\:st, html.dark .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:10\:st, html.dark .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:20\:st, html.dark .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:30\:st, html.dark .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:40\:st, html.dark .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:50\:st, html.dark .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:60\:st, html.dark .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:70\:st, html.dark .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:80\:st, html.dark .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:90\:st, html.dark .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:100\:st, html.dark .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:st, html.dark .sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:st, html.dark .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:st, html.dark .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:st, html.dark .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:st, html.dark .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:st, html.dark .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:st, html.dark .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:st, html.dark .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:st, html.dark .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:st, html.dark .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:st, html.dark .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:st, html.dark .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkolivegreen, html.auto .sf-c-darkolivegreen { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:0, html.auto .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:10, html.auto .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:20, html.auto .sf-c-darkolivegreen\:20 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:30, html.auto .sf-c-darkolivegreen\:30 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:40, html.auto .sf-c-darkolivegreen\:40 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:50, html.auto .sf-c-darkolivegreen\:50 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:60, html.auto .sf-c-darkolivegreen\:60 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:70, html.auto .sf-c-darkolivegreen\:70 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:80, html.auto .sf-c-darkolivegreen\:80 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:90, html.auto .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:100, html.auto .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } - - html[data-theme='auto'] .sf-c-darkolivegreen\:st, html.auto .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:0\:st, html.auto .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:10\:st, html.auto .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:20\:st, html.auto .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:30\:st, html.auto .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:40\:st, html.auto .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:50\:st, html.auto .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:60\:st, html.auto .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:70\:st, html.auto .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:80\:st, html.auto .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:90\:st, html.auto .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:100\:st, html.auto .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:st, html.auto .sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:st, html.auto .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:st, html.auto .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:st, html.auto .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:st, html.auto .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:st, html.auto .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:st, html.auto .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:st, html.auto .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:st, html.auto .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:st, html.auto .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:st, html.auto .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:st, html.auto .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkorange.css b/src/colors/10/darkorange.css deleted file mode 100644 index 76f453b..0000000 --- a/src/colors/10/darkorange.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkorange { - --sf-c-darkorange: 33 100% 50%; - --sf-c-darkorange-0: 33 100% 0%; - --sf-c-darkorange-10: 33 100% 10%; - --sf-c-darkorange-20: 33 100% 20%; - --sf-c-darkorange-30: 33 100% 30%; - --sf-c-darkorange-40: 33 100% 40%; - --sf-c-darkorange-50: 33 100% 50%; - --sf-c-darkorange-60: 33 100% 60%; - --sf-c-darkorange-70: 33 100% 70%; - --sf-c-darkorange-80: 33 100% 80%; - --sf-c-darkorange-90: 33 100% 90%; - --sf-c-darkorange-100: 33 100% 100%; -} - -.sf-c-darkorange, .sf-c-darkorange\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -.sf-c-darkorange\:0, .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -.sf-c-darkorange\:10, .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -.sf-c-darkorange\:20, .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -.sf-c-darkorange\:30, .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -.sf-c-darkorange\:40, .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -.sf-c-darkorange\:50, .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -.sf-c-darkorange\:60, .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -.sf-c-darkorange\:70, .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -.sf-c-darkorange\:80, .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -.sf-c-darkorange\:90, .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -.sf-c-darkorange\:100, .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - -.sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:0, .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } -.sf-c-txt-darkorange\:10, .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } -.sf-c-txt-darkorange\:20, .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } -.sf-c-txt-darkorange\:30, .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } -.sf-c-txt-darkorange\:40, .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } -.sf-c-txt-darkorange\:50, .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:60, .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } -.sf-c-txt-darkorange\:70, .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } -.sf-c-txt-darkorange\:80, .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } -.sf-c-txt-darkorange\:90, .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } -.sf-c-txt-darkorange\:100, .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkorange, html.dark .sf-c-darkorange { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:0, html.dark .sf-c-darkorange\:0 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkorange\:10, html.dark .sf-c-darkorange\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkorange\:20, html.dark .sf-c-darkorange\:20 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkorange\:30, html.dark .sf-c-darkorange\:30 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkorange\:40, html.dark .sf-c-darkorange\:40 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkorange\:50, html.dark .sf-c-darkorange\:50 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:60, html.dark .sf-c-darkorange\:60 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkorange\:70, html.dark .sf-c-darkorange\:70 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkorange\:80, html.dark .sf-c-darkorange\:80 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkorange\:90, html.dark .sf-c-darkorange\:90 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkorange\:100, html.dark .sf-c-darkorange\:100 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkorange\:st, html.dark .sf-c-darkorange\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:0\:st, html.dark .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkorange\:10\:st, html.dark .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkorange\:20\:st, html.dark .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkorange\:30\:st, html.dark .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkorange\:40\:st, html.dark .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkorange\:50\:st, html.dark .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:60\:st, html.dark .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkorange\:70\:st, html.dark .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkorange\:80\:st, html.dark .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkorange\:90\:st, html.dark .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkorange\:100\:st, html.dark .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkorange\:st, html.dark .sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:0\:st, html.dark .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:10\:st, html.dark .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:20\:st, html.dark .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:30\:st, html.dark .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:40\:st, html.dark .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:50\:st, html.dark .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:60\:st, html.dark .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:70\:st, html.dark .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:80\:st, html.dark .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:90\:st, html.dark .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:100\:st, html.dark .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkorange, html.auto .sf-c-darkorange { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:0, html.auto .sf-c-darkorange\:0 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkorange\:10, html.auto .sf-c-darkorange\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkorange\:20, html.auto .sf-c-darkorange\:20 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkorange\:30, html.auto .sf-c-darkorange\:30 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkorange\:40, html.auto .sf-c-darkorange\:40 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkorange\:50, html.auto .sf-c-darkorange\:50 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:60, html.auto .sf-c-darkorange\:60 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkorange\:70, html.auto .sf-c-darkorange\:70 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkorange\:80, html.auto .sf-c-darkorange\:80 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkorange\:90, html.auto .sf-c-darkorange\:90 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkorange\:100, html.auto .sf-c-darkorange\:100 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkorange\:st, html.auto .sf-c-darkorange\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:0\:st, html.auto .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkorange\:10\:st, html.auto .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkorange\:20\:st, html.auto .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkorange\:30\:st, html.auto .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkorange\:40\:st, html.auto .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkorange\:50\:st, html.auto .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:60\:st, html.auto .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkorange\:70\:st, html.auto .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkorange\:80\:st, html.auto .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkorange\:90\:st, html.auto .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkorange\:100\:st, html.auto .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkorange\:st, html.auto .sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:0\:st, html.auto .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:10\:st, html.auto .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:20\:st, html.auto .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:30\:st, html.auto .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:40\:st, html.auto .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:50\:st, html.auto .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:60\:st, html.auto .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:70\:st, html.auto .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:80\:st, html.auto .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:90\:st, html.auto .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:100\:st, html.auto .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkorchid.css b/src/colors/10/darkorchid.css deleted file mode 100644 index bf0e79b..0000000 --- a/src/colors/10/darkorchid.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkorchid { - --sf-c-darkorchid: 280 61% 50%; - --sf-c-darkorchid-0: 280 61% 0%; - --sf-c-darkorchid-10: 280 61% 10%; - --sf-c-darkorchid-20: 280 61% 20%; - --sf-c-darkorchid-30: 280 61% 30%; - --sf-c-darkorchid-40: 280 61% 40%; - --sf-c-darkorchid-50: 280 61% 50%; - --sf-c-darkorchid-60: 280 61% 60%; - --sf-c-darkorchid-70: 280 61% 70%; - --sf-c-darkorchid-80: 280 61% 80%; - --sf-c-darkorchid-90: 280 61% 90%; - --sf-c-darkorchid-100: 280 61% 100%; -} - -.sf-c-darkorchid, .sf-c-darkorchid\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -.sf-c-darkorchid\:0, .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } -.sf-c-darkorchid\:10, .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } -.sf-c-darkorchid\:20, .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } -.sf-c-darkorchid\:30, .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 30%) } -.sf-c-darkorchid\:40, .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 40%) } -.sf-c-darkorchid\:50, .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -.sf-c-darkorchid\:60, .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 60%) } -.sf-c-darkorchid\:70, .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 70%) } -.sf-c-darkorchid\:80, .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 80%) } -.sf-c-darkorchid\:90, .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } -.sf-c-darkorchid\:100, .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } - -.sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:0, .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } -.sf-c-txt-darkorchid\:10, .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } -.sf-c-txt-darkorchid\:20, .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } -.sf-c-txt-darkorchid\:30, .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } -.sf-c-txt-darkorchid\:40, .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } -.sf-c-txt-darkorchid\:50, .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:60, .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } -.sf-c-txt-darkorchid\:70, .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } -.sf-c-txt-darkorchid\:80, .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } -.sf-c-txt-darkorchid\:90, .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } -.sf-c-txt-darkorchid\:100, .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } - -html[data-theme='dark'] .sf-c-darkorchid, html.dark .sf-c-darkorchid { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:0, html.dark .sf-c-darkorchid\:0 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } -html[data-theme='dark'] .sf-c-darkorchid\:10, html.dark .sf-c-darkorchid\:10 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-darkorchid\:20, html.dark .sf-c-darkorchid\:20 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-darkorchid\:30, html.dark .sf-c-darkorchid\:30 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-darkorchid\:40, html.dark .sf-c-darkorchid\:40 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-darkorchid\:50, html.dark .sf-c-darkorchid\:50 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:60, html.dark .sf-c-darkorchid\:60 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-darkorchid\:70, html.dark .sf-c-darkorchid\:70 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-darkorchid\:80, html.dark .sf-c-darkorchid\:80 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-darkorchid\:90, html.dark .sf-c-darkorchid\:90 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-darkorchid\:100, html.dark .sf-c-darkorchid\:100 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } - -html[data-theme='dark'] .sf-c-darkorchid\:st, html.dark .sf-c-darkorchid\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:0\:st, html.dark .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } -html[data-theme='dark'] .sf-c-darkorchid\:10\:st, html.dark .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-darkorchid\:20\:st, html.dark .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-darkorchid\:30\:st, html.dark .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-darkorchid\:40\:st, html.dark .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-darkorchid\:50\:st, html.dark .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:60\:st, html.dark .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-darkorchid\:70\:st, html.dark .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-darkorchid\:80\:st, html.dark .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-darkorchid\:90\:st, html.dark .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-darkorchid\:100\:st, html.dark .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkorchid\:st, html.dark .sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:0\:st, html.dark .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:10\:st, html.dark .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:20\:st, html.dark .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:30\:st, html.dark .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:40\:st, html.dark .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:50\:st, html.dark .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:60\:st, html.dark .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:70\:st, html.dark .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:80\:st, html.dark .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:90\:st, html.dark .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:100\:st, html.dark .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkorchid, html.auto .sf-c-darkorchid { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:0, html.auto .sf-c-darkorchid\:0 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } - html[data-theme='auto'] .sf-c-darkorchid\:10, html.auto .sf-c-darkorchid\:10 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-darkorchid\:20, html.auto .sf-c-darkorchid\:20 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-darkorchid\:30, html.auto .sf-c-darkorchid\:30 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-darkorchid\:40, html.auto .sf-c-darkorchid\:40 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-darkorchid\:50, html.auto .sf-c-darkorchid\:50 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:60, html.auto .sf-c-darkorchid\:60 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-darkorchid\:70, html.auto .sf-c-darkorchid\:70 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-darkorchid\:80, html.auto .sf-c-darkorchid\:80 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-darkorchid\:90, html.auto .sf-c-darkorchid\:90 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-darkorchid\:100, html.auto .sf-c-darkorchid\:100 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } - - html[data-theme='auto'] .sf-c-darkorchid\:st, html.auto .sf-c-darkorchid\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:0\:st, html.auto .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } - html[data-theme='auto'] .sf-c-darkorchid\:10\:st, html.auto .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-darkorchid\:20\:st, html.auto .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-darkorchid\:30\:st, html.auto .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-darkorchid\:40\:st, html.auto .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-darkorchid\:50\:st, html.auto .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:60\:st, html.auto .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-darkorchid\:70\:st, html.auto .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-darkorchid\:80\:st, html.auto .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-darkorchid\:90\:st, html.auto .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-darkorchid\:100\:st, html.auto .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkorchid\:st, html.auto .sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:0\:st, html.auto .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:10\:st, html.auto .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:20\:st, html.auto .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:30\:st, html.auto .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:40\:st, html.auto .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:50\:st, html.auto .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:60\:st, html.auto .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:70\:st, html.auto .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:80\:st, html.auto .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:90\:st, html.auto .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:100\:st, html.auto .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkred.css b/src/colors/10/darkred.css deleted file mode 100644 index 74e0849..0000000 --- a/src/colors/10/darkred.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkred { - --sf-c-darkred: 0 100% 27%; - --sf-c-darkred-0: 0 100% 0%; - --sf-c-darkred-10: 0 100% 10%; - --sf-c-darkred-20: 0 100% 20%; - --sf-c-darkred-30: 0 100% 30%; - --sf-c-darkred-40: 0 100% 40%; - --sf-c-darkred-50: 0 100% 50%; - --sf-c-darkred-60: 0 100% 60%; - --sf-c-darkred-70: 0 100% 70%; - --sf-c-darkred-80: 0 100% 80%; - --sf-c-darkred-90: 0 100% 90%; - --sf-c-darkred-100: 0 100% 100%; -} - -.sf-c-darkred, .sf-c-darkred\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 27%) } -.sf-c-darkred\:0, .sf-c-darkred\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -.sf-c-darkred\:10, .sf-c-darkred\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -.sf-c-darkred\:20, .sf-c-darkred\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -.sf-c-darkred\:30, .sf-c-darkred\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -.sf-c-darkred\:40, .sf-c-darkred\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -.sf-c-darkred\:50, .sf-c-darkred\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -.sf-c-darkred\:60, .sf-c-darkred\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -.sf-c-darkred\:70, .sf-c-darkred\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -.sf-c-darkred\:80, .sf-c-darkred\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -.sf-c-darkred\:90, .sf-c-darkred\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -.sf-c-darkred\:100, .sf-c-darkred\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-darkred { color: hsl(0, 100%, 27%) } -.sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } -.sf-c-txt-darkred\:0, .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-darkred\:10, .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-darkred\:20, .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-darkred\:30, .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-darkred\:40, .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-darkred\:50, .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-darkred\:60, .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-darkred\:70, .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-darkred\:80, .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-darkred\:90, .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-darkred\:100, .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkred, html.dark .sf-c-darkred { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkred\:0, html.dark .sf-c-darkred\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkred\:10, html.dark .sf-c-darkred\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkred\:20, html.dark .sf-c-darkred\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkred\:30, html.dark .sf-c-darkred\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkred\:40, html.dark .sf-c-darkred\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkred\:50, html.dark .sf-c-darkred\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkred\:60, html.dark .sf-c-darkred\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkred\:70, html.dark .sf-c-darkred\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkred\:80, html.dark .sf-c-darkred\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkred\:90, html.dark .sf-c-darkred\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkred\:100, html.dark .sf-c-darkred\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkred\:st, html.dark .sf-c-darkred\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkred\:0\:st, html.dark .sf-c-darkred\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkred\:10\:st, html.dark .sf-c-darkred\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkred\:20\:st, html.dark .sf-c-darkred\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkred\:30\:st, html.dark .sf-c-darkred\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkred\:40\:st, html.dark .sf-c-darkred\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkred\:50\:st, html.dark .sf-c-darkred\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkred\:60\:st, html.dark .sf-c-darkred\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkred\:70\:st, html.dark .sf-c-darkred\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkred\:80\:st, html.dark .sf-c-darkred\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkred\:90\:st, html.dark .sf-c-darkred\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkred\:100\:st, html.dark .sf-c-darkred\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkred\:st, html.dark .sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkred\:0\:st, html.dark .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkred\:10\:st, html.dark .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkred\:20\:st, html.dark .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkred\:30\:st, html.dark .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkred\:40\:st, html.dark .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkred\:50\:st, html.dark .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkred\:60\:st, html.dark .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkred\:70\:st, html.dark .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkred\:80\:st, html.dark .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkred\:90\:st, html.dark .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkred\:100\:st, html.dark .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkred, html.auto .sf-c-darkred { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkred\:0, html.auto .sf-c-darkred\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkred\:10, html.auto .sf-c-darkred\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkred\:20, html.auto .sf-c-darkred\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkred\:30, html.auto .sf-c-darkred\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkred\:40, html.auto .sf-c-darkred\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkred\:50, html.auto .sf-c-darkred\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkred\:60, html.auto .sf-c-darkred\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkred\:70, html.auto .sf-c-darkred\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkred\:80, html.auto .sf-c-darkred\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkred\:90, html.auto .sf-c-darkred\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkred\:100, html.auto .sf-c-darkred\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkred\:st, html.auto .sf-c-darkred\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkred\:0\:st, html.auto .sf-c-darkred\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkred\:10\:st, html.auto .sf-c-darkred\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkred\:20\:st, html.auto .sf-c-darkred\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkred\:30\:st, html.auto .sf-c-darkred\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkred\:40\:st, html.auto .sf-c-darkred\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkred\:50\:st, html.auto .sf-c-darkred\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkred\:60\:st, html.auto .sf-c-darkred\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkred\:70\:st, html.auto .sf-c-darkred\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkred\:80\:st, html.auto .sf-c-darkred\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkred\:90\:st, html.auto .sf-c-darkred\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkred\:100\:st, html.auto .sf-c-darkred\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkred\:st, html.auto .sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkred\:0\:st, html.auto .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkred\:10\:st, html.auto .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkred\:20\:st, html.auto .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkred\:30\:st, html.auto .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkred\:40\:st, html.auto .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkred\:50\:st, html.auto .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkred\:60\:st, html.auto .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkred\:70\:st, html.auto .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkred\:80\:st, html.auto .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkred\:90\:st, html.auto .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkred\:100\:st, html.auto .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darksalmon.css b/src/colors/10/darksalmon.css deleted file mode 100644 index b592932..0000000 --- a/src/colors/10/darksalmon.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darksalmon { - --sf-c-darksalmon: 15 72% 70%; - --sf-c-darksalmon-0: 15 72% 0%; - --sf-c-darksalmon-10: 15 72% 10%; - --sf-c-darksalmon-20: 15 72% 20%; - --sf-c-darksalmon-30: 15 72% 30%; - --sf-c-darksalmon-40: 15 72% 40%; - --sf-c-darksalmon-50: 15 72% 50%; - --sf-c-darksalmon-60: 15 72% 60%; - --sf-c-darksalmon-70: 15 72% 70%; - --sf-c-darksalmon-80: 15 72% 80%; - --sf-c-darksalmon-90: 15 72% 90%; - --sf-c-darksalmon-100: 15 72% 100%; -} - -.sf-c-darksalmon, .sf-c-darksalmon\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } -.sf-c-darksalmon\:0, .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } -.sf-c-darksalmon\:10, .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } -.sf-c-darksalmon\:20, .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } -.sf-c-darksalmon\:30, .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } -.sf-c-darksalmon\:40, .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 40%) } -.sf-c-darksalmon\:50, .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 50%) } -.sf-c-darksalmon\:60, .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 60%) } -.sf-c-darksalmon\:70, .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } -.sf-c-darksalmon\:80, .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 80%) } -.sf-c-darksalmon\:90, .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } -.sf-c-darksalmon\:100, .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } - -.sf-c-txt-darksalmon { color: hsl(15, 72%, 10%) } -.sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } -.sf-c-txt-darksalmon\:0, .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } -.sf-c-txt-darksalmon\:10, .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } -.sf-c-txt-darksalmon\:20, .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } -.sf-c-txt-darksalmon\:30, .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } -.sf-c-txt-darksalmon\:40, .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } -.sf-c-txt-darksalmon\:50, .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } -.sf-c-txt-darksalmon\:60, .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } -.sf-c-txt-darksalmon\:70, .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } -.sf-c-txt-darksalmon\:80, .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } -.sf-c-txt-darksalmon\:90, .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } -.sf-c-txt-darksalmon\:100, .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } - -html[data-theme='dark'] .sf-c-darksalmon, html.dark .sf-c-darksalmon { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:0, html.dark .sf-c-darksalmon\:0 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } -html[data-theme='dark'] .sf-c-darksalmon\:10, html.dark .sf-c-darksalmon\:10 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-darksalmon\:20, html.dark .sf-c-darksalmon\:20 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-darksalmon\:30, html.dark .sf-c-darksalmon\:30 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:40, html.dark .sf-c-darksalmon\:40 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-darksalmon\:50, html.dark .sf-c-darksalmon\:50 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-darksalmon\:60, html.dark .sf-c-darksalmon\:60 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-darksalmon\:70, html.dark .sf-c-darksalmon\:70 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:80, html.dark .sf-c-darksalmon\:80 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-darksalmon\:90, html.dark .sf-c-darksalmon\:90 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-darksalmon\:100, html.dark .sf-c-darksalmon\:100 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } - -html[data-theme='dark'] .sf-c-darksalmon\:st, html.dark .sf-c-darksalmon\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:0\:st, html.dark .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } -html[data-theme='dark'] .sf-c-darksalmon\:10\:st, html.dark .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-darksalmon\:20\:st, html.dark .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-darksalmon\:30\:st, html.dark .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:40\:st, html.dark .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-darksalmon\:50\:st, html.dark .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-darksalmon\:60\:st, html.dark .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-darksalmon\:70\:st, html.dark .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:80\:st, html.dark .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-darksalmon\:90\:st, html.dark .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-darksalmon\:100\:st, html.dark .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darksalmon\:st, html.dark .sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:0\:st, html.dark .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:10\:st, html.dark .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:20\:st, html.dark .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:30\:st, html.dark .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:40\:st, html.dark .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:50\:st, html.dark .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:60\:st, html.dark .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:70\:st, html.dark .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:80\:st, html.dark .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:90\:st, html.dark .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:100\:st, html.dark .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darksalmon, html.auto .sf-c-darksalmon { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:0, html.auto .sf-c-darksalmon\:0 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } - html[data-theme='auto'] .sf-c-darksalmon\:10, html.auto .sf-c-darksalmon\:10 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-darksalmon\:20, html.auto .sf-c-darksalmon\:20 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-darksalmon\:30, html.auto .sf-c-darksalmon\:30 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:40, html.auto .sf-c-darksalmon\:40 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-darksalmon\:50, html.auto .sf-c-darksalmon\:50 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-darksalmon\:60, html.auto .sf-c-darksalmon\:60 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-darksalmon\:70, html.auto .sf-c-darksalmon\:70 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:80, html.auto .sf-c-darksalmon\:80 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-darksalmon\:90, html.auto .sf-c-darksalmon\:90 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-darksalmon\:100, html.auto .sf-c-darksalmon\:100 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } - - html[data-theme='auto'] .sf-c-darksalmon\:st, html.auto .sf-c-darksalmon\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:0\:st, html.auto .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } - html[data-theme='auto'] .sf-c-darksalmon\:10\:st, html.auto .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-darksalmon\:20\:st, html.auto .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-darksalmon\:30\:st, html.auto .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:40\:st, html.auto .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-darksalmon\:50\:st, html.auto .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-darksalmon\:60\:st, html.auto .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-darksalmon\:70\:st, html.auto .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:80\:st, html.auto .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-darksalmon\:90\:st, html.auto .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-darksalmon\:100\:st, html.auto .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darksalmon\:st, html.auto .sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:0\:st, html.auto .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:10\:st, html.auto .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:20\:st, html.auto .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:30\:st, html.auto .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:40\:st, html.auto .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:50\:st, html.auto .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:60\:st, html.auto .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:70\:st, html.auto .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:80\:st, html.auto .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:90\:st, html.auto .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:100\:st, html.auto .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkseagreen.css b/src/colors/10/darkseagreen.css deleted file mode 100644 index 837a4d2..0000000 --- a/src/colors/10/darkseagreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkseagreen { - --sf-c-darkseagreen: 120 25% 65%; - --sf-c-darkseagreen-0: 120 25% 0%; - --sf-c-darkseagreen-10: 120 25% 10%; - --sf-c-darkseagreen-20: 120 25% 20%; - --sf-c-darkseagreen-30: 120 25% 30%; - --sf-c-darkseagreen-40: 120 25% 40%; - --sf-c-darkseagreen-50: 120 25% 50%; - --sf-c-darkseagreen-60: 120 25% 60%; - --sf-c-darkseagreen-70: 120 25% 70%; - --sf-c-darkseagreen-80: 120 25% 80%; - --sf-c-darkseagreen-90: 120 25% 90%; - --sf-c-darkseagreen-100: 120 25% 100%; -} - -.sf-c-darkseagreen, .sf-c-darkseagreen\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 65%) } -.sf-c-darkseagreen\:0, .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } -.sf-c-darkseagreen\:10, .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } -.sf-c-darkseagreen\:20, .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } -.sf-c-darkseagreen\:30, .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 30%) } -.sf-c-darkseagreen\:40, .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 40%) } -.sf-c-darkseagreen\:50, .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 50%) } -.sf-c-darkseagreen\:60, .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 60%) } -.sf-c-darkseagreen\:70, .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 70%) } -.sf-c-darkseagreen\:80, .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 80%) } -.sf-c-darkseagreen\:90, .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } -.sf-c-darkseagreen\:100, .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } - -.sf-c-txt-darkseagreen { color: hsl(120, 25%, 10%) } -.sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } -.sf-c-txt-darkseagreen\:0, .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } -.sf-c-txt-darkseagreen\:10, .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } -.sf-c-txt-darkseagreen\:20, .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } -.sf-c-txt-darkseagreen\:30, .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } -.sf-c-txt-darkseagreen\:40, .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } -.sf-c-txt-darkseagreen\:50, .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } -.sf-c-txt-darkseagreen\:60, .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } -.sf-c-txt-darkseagreen\:70, .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } -.sf-c-txt-darkseagreen\:80, .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } -.sf-c-txt-darkseagreen\:90, .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } -.sf-c-txt-darkseagreen\:100, .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkseagreen, html.dark .sf-c-darkseagreen { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkseagreen\:0, html.dark .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkseagreen\:10, html.dark .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkseagreen\:20, html.dark .sf-c-darkseagreen\:20 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkseagreen\:30, html.dark .sf-c-darkseagreen\:30 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkseagreen\:40, html.dark .sf-c-darkseagreen\:40 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkseagreen\:50, html.dark .sf-c-darkseagreen\:50 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkseagreen\:60, html.dark .sf-c-darkseagreen\:60 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkseagreen\:70, html.dark .sf-c-darkseagreen\:70 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkseagreen\:80, html.dark .sf-c-darkseagreen\:80 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkseagreen\:90, html.dark .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkseagreen\:100, html.dark .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkseagreen\:st, html.dark .sf-c-darkseagreen\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkseagreen\:0\:st, html.dark .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkseagreen\:10\:st, html.dark .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkseagreen\:20\:st, html.dark .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkseagreen\:30\:st, html.dark .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkseagreen\:40\:st, html.dark .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkseagreen\:50\:st, html.dark .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkseagreen\:60\:st, html.dark .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkseagreen\:70\:st, html.dark .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkseagreen\:80\:st, html.dark .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkseagreen\:90\:st, html.dark .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkseagreen\:100\:st, html.dark .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkseagreen\:st, html.dark .sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:st, html.dark .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:st, html.dark .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:st, html.dark .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:st, html.dark .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:st, html.dark .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:st, html.dark .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:st, html.dark .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:st, html.dark .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:st, html.dark .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:st, html.dark .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:st, html.dark .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkseagreen, html.auto .sf-c-darkseagreen { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkseagreen\:0, html.auto .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkseagreen\:10, html.auto .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkseagreen\:20, html.auto .sf-c-darkseagreen\:20 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkseagreen\:30, html.auto .sf-c-darkseagreen\:30 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkseagreen\:40, html.auto .sf-c-darkseagreen\:40 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkseagreen\:50, html.auto .sf-c-darkseagreen\:50 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkseagreen\:60, html.auto .sf-c-darkseagreen\:60 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkseagreen\:70, html.auto .sf-c-darkseagreen\:70 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkseagreen\:80, html.auto .sf-c-darkseagreen\:80 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkseagreen\:90, html.auto .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkseagreen\:100, html.auto .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkseagreen\:st, html.auto .sf-c-darkseagreen\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkseagreen\:0\:st, html.auto .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkseagreen\:10\:st, html.auto .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkseagreen\:20\:st, html.auto .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkseagreen\:30\:st, html.auto .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkseagreen\:40\:st, html.auto .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkseagreen\:50\:st, html.auto .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkseagreen\:60\:st, html.auto .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkseagreen\:70\:st, html.auto .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkseagreen\:80\:st, html.auto .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkseagreen\:90\:st, html.auto .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkseagreen\:100\:st, html.auto .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkseagreen\:st, html.auto .sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:st, html.auto .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:st, html.auto .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:st, html.auto .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:st, html.auto .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:st, html.auto .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:st, html.auto .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:st, html.auto .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:st, html.auto .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:st, html.auto .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:st, html.auto .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:st, html.auto .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkslateblue.css b/src/colors/10/darkslateblue.css deleted file mode 100644 index a962ac7..0000000 --- a/src/colors/10/darkslateblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkslateblue { - --sf-c-darkslateblue: 248 39% 39%; - --sf-c-darkslateblue-0: 248 39% 0%; - --sf-c-darkslateblue-10: 248 39% 10%; - --sf-c-darkslateblue-20: 248 39% 20%; - --sf-c-darkslateblue-30: 248 39% 30%; - --sf-c-darkslateblue-40: 248 39% 40%; - --sf-c-darkslateblue-50: 248 39% 50%; - --sf-c-darkslateblue-60: 248 39% 60%; - --sf-c-darkslateblue-70: 248 39% 70%; - --sf-c-darkslateblue-80: 248 39% 80%; - --sf-c-darkslateblue-90: 248 39% 90%; - --sf-c-darkslateblue-100: 248 39% 100%; -} - -.sf-c-darkslateblue, .sf-c-darkslateblue\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 39%) } -.sf-c-darkslateblue\:0, .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } -.sf-c-darkslateblue\:10, .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } -.sf-c-darkslateblue\:20, .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } -.sf-c-darkslateblue\:30, .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 30%) } -.sf-c-darkslateblue\:40, .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 40%) } -.sf-c-darkslateblue\:50, .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 50%) } -.sf-c-darkslateblue\:60, .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 60%) } -.sf-c-darkslateblue\:70, .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 70%) } -.sf-c-darkslateblue\:80, .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 80%) } -.sf-c-darkslateblue\:90, .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } -.sf-c-darkslateblue\:100, .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } - -.sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } -.sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } -.sf-c-txt-darkslateblue\:0, .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } -.sf-c-txt-darkslateblue\:10, .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } -.sf-c-txt-darkslateblue\:20, .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } -.sf-c-txt-darkslateblue\:30, .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } -.sf-c-txt-darkslateblue\:40, .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } -.sf-c-txt-darkslateblue\:50, .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } -.sf-c-txt-darkslateblue\:60, .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } -.sf-c-txt-darkslateblue\:70, .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } -.sf-c-txt-darkslateblue\:80, .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } -.sf-c-txt-darkslateblue\:90, .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } -.sf-c-txt-darkslateblue\:100, .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } - -html[data-theme='dark'] .sf-c-darkslateblue, html.dark .sf-c-darkslateblue { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 61%) } -html[data-theme='dark'] .sf-c-darkslateblue\:0, html.dark .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } -html[data-theme='dark'] .sf-c-darkslateblue\:10, html.dark .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkslateblue\:20, html.dark .sf-c-darkslateblue\:20 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkslateblue\:30, html.dark .sf-c-darkslateblue\:30 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkslateblue\:40, html.dark .sf-c-darkslateblue\:40 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkslateblue\:50, html.dark .sf-c-darkslateblue\:50 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkslateblue\:60, html.dark .sf-c-darkslateblue\:60 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkslateblue\:70, html.dark .sf-c-darkslateblue\:70 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkslateblue\:80, html.dark .sf-c-darkslateblue\:80 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkslateblue\:90, html.dark .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkslateblue\:100, html.dark .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } - -html[data-theme='dark'] .sf-c-darkslateblue\:st, html.dark .sf-c-darkslateblue\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 39%) } -html[data-theme='dark'] .sf-c-darkslateblue\:0\:st, html.dark .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } -html[data-theme='dark'] .sf-c-darkslateblue\:10\:st, html.dark .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkslateblue\:20\:st, html.dark .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkslateblue\:30\:st, html.dark .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkslateblue\:40\:st, html.dark .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkslateblue\:50\:st, html.dark .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkslateblue\:60\:st, html.dark .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkslateblue\:70\:st, html.dark .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkslateblue\:80\:st, html.dark .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkslateblue\:90\:st, html.dark .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkslateblue\:100\:st, html.dark .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslateblue\:st, html.dark .sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:st, html.dark .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:st, html.dark .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:st, html.dark .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:st, html.dark .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:st, html.dark .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:st, html.dark .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:st, html.dark .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:st, html.dark .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:st, html.dark .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:st, html.dark .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:st, html.dark .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslateblue, html.auto .sf-c-darkslateblue { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 61%) } - html[data-theme='auto'] .sf-c-darkslateblue\:0, html.auto .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } - html[data-theme='auto'] .sf-c-darkslateblue\:10, html.auto .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkslateblue\:20, html.auto .sf-c-darkslateblue\:20 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkslateblue\:30, html.auto .sf-c-darkslateblue\:30 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkslateblue\:40, html.auto .sf-c-darkslateblue\:40 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkslateblue\:50, html.auto .sf-c-darkslateblue\:50 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkslateblue\:60, html.auto .sf-c-darkslateblue\:60 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkslateblue\:70, html.auto .sf-c-darkslateblue\:70 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkslateblue\:80, html.auto .sf-c-darkslateblue\:80 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkslateblue\:90, html.auto .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkslateblue\:100, html.auto .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } - - html[data-theme='auto'] .sf-c-darkslateblue\:st, html.auto .sf-c-darkslateblue\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 39%) } - html[data-theme='auto'] .sf-c-darkslateblue\:0\:st, html.auto .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } - html[data-theme='auto'] .sf-c-darkslateblue\:10\:st, html.auto .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkslateblue\:20\:st, html.auto .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkslateblue\:30\:st, html.auto .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkslateblue\:40\:st, html.auto .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkslateblue\:50\:st, html.auto .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkslateblue\:60\:st, html.auto .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkslateblue\:70\:st, html.auto .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkslateblue\:80\:st, html.auto .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkslateblue\:90\:st, html.auto .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkslateblue\:100\:st, html.auto .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslateblue\:st, html.auto .sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:st, html.auto .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:st, html.auto .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:st, html.auto .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:st, html.auto .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:st, html.auto .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:st, html.auto .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:st, html.auto .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:st, html.auto .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:st, html.auto .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:st, html.auto .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:st, html.auto .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkslategray.css b/src/colors/10/darkslategray.css deleted file mode 100644 index 46c3879..0000000 --- a/src/colors/10/darkslategray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkslategray { - --sf-c-darkslategray: 180 25% 25%; - --sf-c-darkslategray-0: 180 25% 0%; - --sf-c-darkslategray-10: 180 25% 10%; - --sf-c-darkslategray-20: 180 25% 20%; - --sf-c-darkslategray-30: 180 25% 30%; - --sf-c-darkslategray-40: 180 25% 40%; - --sf-c-darkslategray-50: 180 25% 50%; - --sf-c-darkslategray-60: 180 25% 60%; - --sf-c-darkslategray-70: 180 25% 70%; - --sf-c-darkslategray-80: 180 25% 80%; - --sf-c-darkslategray-90: 180 25% 90%; - --sf-c-darkslategray-100: 180 25% 100%; -} - -.sf-c-darkslategray, .sf-c-darkslategray\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategray\:0, .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -.sf-c-darkslategray\:10, .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -.sf-c-darkslategray\:20, .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -.sf-c-darkslategray\:30, .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -.sf-c-darkslategray\:40, .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -.sf-c-darkslategray\:50, .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -.sf-c-darkslategray\:60, .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -.sf-c-darkslategray\:70, .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -.sf-c-darkslategray\:80, .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -.sf-c-darkslategray\:90, .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -.sf-c-darkslategray\:100, .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - -.sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategray\:0, .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } -.sf-c-txt-darkslategray\:10, .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } -.sf-c-txt-darkslategray\:20, .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } -.sf-c-txt-darkslategray\:30, .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } -.sf-c-txt-darkslategray\:40, .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } -.sf-c-txt-darkslategray\:50, .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } -.sf-c-txt-darkslategray\:60, .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } -.sf-c-txt-darkslategray\:70, .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } -.sf-c-txt-darkslategray\:80, .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } -.sf-c-txt-darkslategray\:90, .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } -.sf-c-txt-darkslategray\:100, .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkslategray, html.dark .sf-c-darkslategray { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategray\:0, html.dark .sf-c-darkslategray\:0 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkslategray\:10, html.dark .sf-c-darkslategray\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategray\:20, html.dark .sf-c-darkslategray\:20 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategray\:30, html.dark .sf-c-darkslategray\:30 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategray\:40, html.dark .sf-c-darkslategray\:40 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategray\:50, html.dark .sf-c-darkslategray\:50 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategray\:60, html.dark .sf-c-darkslategray\:60 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategray\:70, html.dark .sf-c-darkslategray\:70 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategray\:80, html.dark .sf-c-darkslategray\:80 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategray\:90, html.dark .sf-c-darkslategray\:90 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategray\:100, html.dark .sf-c-darkslategray\:100 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkslategray\:st, html.dark .sf-c-darkslategray\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategray\:0\:st, html.dark .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkslategray\:10\:st, html.dark .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategray\:20\:st, html.dark .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategray\:30\:st, html.dark .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategray\:40\:st, html.dark .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategray\:50\:st, html.dark .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategray\:60\:st, html.dark .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategray\:70\:st, html.dark .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategray\:80\:st, html.dark .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategray\:90\:st, html.dark .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategray\:100\:st, html.dark .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslategray\:st, html.dark .sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:0\:st, html.dark .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:10\:st, html.dark .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:20\:st, html.dark .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:30\:st, html.dark .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:40\:st, html.dark .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:50\:st, html.dark .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:60\:st, html.dark .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:70\:st, html.dark .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:80\:st, html.dark .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:90\:st, html.dark .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:100\:st, html.dark .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslategray, html.auto .sf-c-darkslategray { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategray\:0, html.auto .sf-c-darkslategray\:0 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkslategray\:10, html.auto .sf-c-darkslategray\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategray\:20, html.auto .sf-c-darkslategray\:20 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategray\:30, html.auto .sf-c-darkslategray\:30 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategray\:40, html.auto .sf-c-darkslategray\:40 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategray\:50, html.auto .sf-c-darkslategray\:50 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategray\:60, html.auto .sf-c-darkslategray\:60 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategray\:70, html.auto .sf-c-darkslategray\:70 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategray\:80, html.auto .sf-c-darkslategray\:80 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategray\:90, html.auto .sf-c-darkslategray\:90 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategray\:100, html.auto .sf-c-darkslategray\:100 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkslategray\:st, html.auto .sf-c-darkslategray\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategray\:0\:st, html.auto .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkslategray\:10\:st, html.auto .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategray\:20\:st, html.auto .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategray\:30\:st, html.auto .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategray\:40\:st, html.auto .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategray\:50\:st, html.auto .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategray\:60\:st, html.auto .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategray\:70\:st, html.auto .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategray\:80\:st, html.auto .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategray\:90\:st, html.auto .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategray\:100\:st, html.auto .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslategray\:st, html.auto .sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:0\:st, html.auto .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:10\:st, html.auto .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:20\:st, html.auto .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:30\:st, html.auto .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:40\:st, html.auto .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:50\:st, html.auto .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:60\:st, html.auto .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:70\:st, html.auto .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:80\:st, html.auto .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:90\:st, html.auto .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:100\:st, html.auto .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkslategrey.css b/src/colors/10/darkslategrey.css deleted file mode 100644 index d70c7cd..0000000 --- a/src/colors/10/darkslategrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkslategrey { - --sf-c-darkslategrey: 180 25% 25%; - --sf-c-darkslategrey-0: 180 25% 0%; - --sf-c-darkslategrey-10: 180 25% 10%; - --sf-c-darkslategrey-20: 180 25% 20%; - --sf-c-darkslategrey-30: 180 25% 30%; - --sf-c-darkslategrey-40: 180 25% 40%; - --sf-c-darkslategrey-50: 180 25% 50%; - --sf-c-darkslategrey-60: 180 25% 60%; - --sf-c-darkslategrey-70: 180 25% 70%; - --sf-c-darkslategrey-80: 180 25% 80%; - --sf-c-darkslategrey-90: 180 25% 90%; - --sf-c-darkslategrey-100: 180 25% 100%; -} - -.sf-c-darkslategrey, .sf-c-darkslategrey\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategrey\:0, .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -.sf-c-darkslategrey\:10, .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -.sf-c-darkslategrey\:20, .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -.sf-c-darkslategrey\:30, .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -.sf-c-darkslategrey\:40, .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -.sf-c-darkslategrey\:50, .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -.sf-c-darkslategrey\:60, .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -.sf-c-darkslategrey\:70, .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -.sf-c-darkslategrey\:80, .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -.sf-c-darkslategrey\:90, .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -.sf-c-darkslategrey\:100, .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - -.sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategrey\:0, .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } -.sf-c-txt-darkslategrey\:10, .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } -.sf-c-txt-darkslategrey\:20, .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } -.sf-c-txt-darkslategrey\:30, .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } -.sf-c-txt-darkslategrey\:40, .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } -.sf-c-txt-darkslategrey\:50, .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } -.sf-c-txt-darkslategrey\:60, .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } -.sf-c-txt-darkslategrey\:70, .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } -.sf-c-txt-darkslategrey\:80, .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } -.sf-c-txt-darkslategrey\:90, .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } -.sf-c-txt-darkslategrey\:100, .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkslategrey, html.dark .sf-c-darkslategrey { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategrey\:0, html.dark .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkslategrey\:10, html.dark .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategrey\:20, html.dark .sf-c-darkslategrey\:20 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategrey\:30, html.dark .sf-c-darkslategrey\:30 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategrey\:40, html.dark .sf-c-darkslategrey\:40 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategrey\:50, html.dark .sf-c-darkslategrey\:50 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategrey\:60, html.dark .sf-c-darkslategrey\:60 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategrey\:70, html.dark .sf-c-darkslategrey\:70 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategrey\:80, html.dark .sf-c-darkslategrey\:80 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategrey\:90, html.dark .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategrey\:100, html.dark .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkslategrey\:st, html.dark .sf-c-darkslategrey\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategrey\:0\:st, html.dark .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkslategrey\:10\:st, html.dark .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategrey\:20\:st, html.dark .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategrey\:30\:st, html.dark .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategrey\:40\:st, html.dark .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategrey\:50\:st, html.dark .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategrey\:60\:st, html.dark .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategrey\:70\:st, html.dark .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategrey\:80\:st, html.dark .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategrey\:90\:st, html.dark .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategrey\:100\:st, html.dark .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslategrey\:st, html.dark .sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:st, html.dark .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:st, html.dark .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:st, html.dark .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:st, html.dark .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:st, html.dark .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:st, html.dark .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:st, html.dark .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:st, html.dark .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:st, html.dark .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:st, html.dark .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:st, html.dark .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslategrey, html.auto .sf-c-darkslategrey { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategrey\:0, html.auto .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkslategrey\:10, html.auto .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategrey\:20, html.auto .sf-c-darkslategrey\:20 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategrey\:30, html.auto .sf-c-darkslategrey\:30 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategrey\:40, html.auto .sf-c-darkslategrey\:40 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategrey\:50, html.auto .sf-c-darkslategrey\:50 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategrey\:60, html.auto .sf-c-darkslategrey\:60 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategrey\:70, html.auto .sf-c-darkslategrey\:70 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategrey\:80, html.auto .sf-c-darkslategrey\:80 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategrey\:90, html.auto .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategrey\:100, html.auto .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkslategrey\:st, html.auto .sf-c-darkslategrey\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategrey\:0\:st, html.auto .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkslategrey\:10\:st, html.auto .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategrey\:20\:st, html.auto .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategrey\:30\:st, html.auto .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategrey\:40\:st, html.auto .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategrey\:50\:st, html.auto .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategrey\:60\:st, html.auto .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategrey\:70\:st, html.auto .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategrey\:80\:st, html.auto .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategrey\:90\:st, html.auto .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategrey\:100\:st, html.auto .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslategrey\:st, html.auto .sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:st, html.auto .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:st, html.auto .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:st, html.auto .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:st, html.auto .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:st, html.auto .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:st, html.auto .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:st, html.auto .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:st, html.auto .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:st, html.auto .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:st, html.auto .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:st, html.auto .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkturquoise.css b/src/colors/10/darkturquoise.css deleted file mode 100644 index 1613aef..0000000 --- a/src/colors/10/darkturquoise.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkturquoise { - --sf-c-darkturquoise: 181 100% 41%; - --sf-c-darkturquoise-0: 181 100% 0%; - --sf-c-darkturquoise-10: 181 100% 10%; - --sf-c-darkturquoise-20: 181 100% 20%; - --sf-c-darkturquoise-30: 181 100% 30%; - --sf-c-darkturquoise-40: 181 100% 40%; - --sf-c-darkturquoise-50: 181 100% 50%; - --sf-c-darkturquoise-60: 181 100% 60%; - --sf-c-darkturquoise-70: 181 100% 70%; - --sf-c-darkturquoise-80: 181 100% 80%; - --sf-c-darkturquoise-90: 181 100% 90%; - --sf-c-darkturquoise-100: 181 100% 100%; -} - -.sf-c-darkturquoise, .sf-c-darkturquoise\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 41%) } -.sf-c-darkturquoise\:0, .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } -.sf-c-darkturquoise\:10, .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } -.sf-c-darkturquoise\:20, .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } -.sf-c-darkturquoise\:30, .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 30%) } -.sf-c-darkturquoise\:40, .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 40%) } -.sf-c-darkturquoise\:50, .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 50%) } -.sf-c-darkturquoise\:60, .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 60%) } -.sf-c-darkturquoise\:70, .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 70%) } -.sf-c-darkturquoise\:80, .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 80%) } -.sf-c-darkturquoise\:90, .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } -.sf-c-darkturquoise\:100, .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } - -.sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } -.sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } -.sf-c-txt-darkturquoise\:0, .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } -.sf-c-txt-darkturquoise\:10, .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } -.sf-c-txt-darkturquoise\:20, .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } -.sf-c-txt-darkturquoise\:30, .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } -.sf-c-txt-darkturquoise\:40, .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } -.sf-c-txt-darkturquoise\:50, .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } -.sf-c-txt-darkturquoise\:60, .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } -.sf-c-txt-darkturquoise\:70, .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } -.sf-c-txt-darkturquoise\:80, .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } -.sf-c-txt-darkturquoise\:90, .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } -.sf-c-txt-darkturquoise\:100, .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkturquoise, html.dark .sf-c-darkturquoise { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 59%) } -html[data-theme='dark'] .sf-c-darkturquoise\:0, html.dark .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkturquoise\:10, html.dark .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkturquoise\:20, html.dark .sf-c-darkturquoise\:20 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkturquoise\:30, html.dark .sf-c-darkturquoise\:30 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkturquoise\:40, html.dark .sf-c-darkturquoise\:40 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkturquoise\:50, html.dark .sf-c-darkturquoise\:50 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkturquoise\:60, html.dark .sf-c-darkturquoise\:60 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkturquoise\:70, html.dark .sf-c-darkturquoise\:70 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkturquoise\:80, html.dark .sf-c-darkturquoise\:80 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkturquoise\:90, html.dark .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkturquoise\:100, html.dark .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkturquoise\:st, html.dark .sf-c-darkturquoise\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 41%) } -html[data-theme='dark'] .sf-c-darkturquoise\:0\:st, html.dark .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkturquoise\:10\:st, html.dark .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkturquoise\:20\:st, html.dark .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkturquoise\:30\:st, html.dark .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkturquoise\:40\:st, html.dark .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkturquoise\:50\:st, html.dark .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkturquoise\:60\:st, html.dark .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkturquoise\:70\:st, html.dark .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkturquoise\:80\:st, html.dark .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkturquoise\:90\:st, html.dark .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkturquoise\:100\:st, html.dark .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkturquoise\:st, html.dark .sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:st, html.dark .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:st, html.dark .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:st, html.dark .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:st, html.dark .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:st, html.dark .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:st, html.dark .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:st, html.dark .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:st, html.dark .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:st, html.dark .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:st, html.dark .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:st, html.dark .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkturquoise, html.auto .sf-c-darkturquoise { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 59%) } - html[data-theme='auto'] .sf-c-darkturquoise\:0, html.auto .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkturquoise\:10, html.auto .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkturquoise\:20, html.auto .sf-c-darkturquoise\:20 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkturquoise\:30, html.auto .sf-c-darkturquoise\:30 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkturquoise\:40, html.auto .sf-c-darkturquoise\:40 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkturquoise\:50, html.auto .sf-c-darkturquoise\:50 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkturquoise\:60, html.auto .sf-c-darkturquoise\:60 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkturquoise\:70, html.auto .sf-c-darkturquoise\:70 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkturquoise\:80, html.auto .sf-c-darkturquoise\:80 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkturquoise\:90, html.auto .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkturquoise\:100, html.auto .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkturquoise\:st, html.auto .sf-c-darkturquoise\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 41%) } - html[data-theme='auto'] .sf-c-darkturquoise\:0\:st, html.auto .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkturquoise\:10\:st, html.auto .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkturquoise\:20\:st, html.auto .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkturquoise\:30\:st, html.auto .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkturquoise\:40\:st, html.auto .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkturquoise\:50\:st, html.auto .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkturquoise\:60\:st, html.auto .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkturquoise\:70\:st, html.auto .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkturquoise\:80\:st, html.auto .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkturquoise\:90\:st, html.auto .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkturquoise\:100\:st, html.auto .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkturquoise\:st, html.auto .sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:st, html.auto .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:st, html.auto .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:st, html.auto .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:st, html.auto .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:st, html.auto .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:st, html.auto .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:st, html.auto .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:st, html.auto .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:st, html.auto .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:st, html.auto .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:st, html.auto .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/darkviolet.css b/src/colors/10/darkviolet.css deleted file mode 100644 index cf56670..0000000 --- a/src/colors/10/darkviolet.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-darkviolet { - --sf-c-darkviolet: 282 100% 41%; - --sf-c-darkviolet-0: 282 100% 0%; - --sf-c-darkviolet-10: 282 100% 10%; - --sf-c-darkviolet-20: 282 100% 20%; - --sf-c-darkviolet-30: 282 100% 30%; - --sf-c-darkviolet-40: 282 100% 40%; - --sf-c-darkviolet-50: 282 100% 50%; - --sf-c-darkviolet-60: 282 100% 60%; - --sf-c-darkviolet-70: 282 100% 70%; - --sf-c-darkviolet-80: 282 100% 80%; - --sf-c-darkviolet-90: 282 100% 90%; - --sf-c-darkviolet-100: 282 100% 100%; -} - -.sf-c-darkviolet, .sf-c-darkviolet\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 41%) } -.sf-c-darkviolet\:0, .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } -.sf-c-darkviolet\:10, .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } -.sf-c-darkviolet\:20, .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } -.sf-c-darkviolet\:30, .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 30%) } -.sf-c-darkviolet\:40, .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 40%) } -.sf-c-darkviolet\:50, .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 50%) } -.sf-c-darkviolet\:60, .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 60%) } -.sf-c-darkviolet\:70, .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 70%) } -.sf-c-darkviolet\:80, .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 80%) } -.sf-c-darkviolet\:90, .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } -.sf-c-darkviolet\:100, .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } - -.sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } -.sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } -.sf-c-txt-darkviolet\:0, .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } -.sf-c-txt-darkviolet\:10, .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } -.sf-c-txt-darkviolet\:20, .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } -.sf-c-txt-darkviolet\:30, .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } -.sf-c-txt-darkviolet\:40, .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } -.sf-c-txt-darkviolet\:50, .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } -.sf-c-txt-darkviolet\:60, .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } -.sf-c-txt-darkviolet\:70, .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } -.sf-c-txt-darkviolet\:80, .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } -.sf-c-txt-darkviolet\:90, .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } -.sf-c-txt-darkviolet\:100, .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkviolet, html.dark .sf-c-darkviolet { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 59%) } -html[data-theme='dark'] .sf-c-darkviolet\:0, html.dark .sf-c-darkviolet\:0 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkviolet\:10, html.dark .sf-c-darkviolet\:10 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkviolet\:20, html.dark .sf-c-darkviolet\:20 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkviolet\:30, html.dark .sf-c-darkviolet\:30 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkviolet\:40, html.dark .sf-c-darkviolet\:40 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkviolet\:50, html.dark .sf-c-darkviolet\:50 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkviolet\:60, html.dark .sf-c-darkviolet\:60 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkviolet\:70, html.dark .sf-c-darkviolet\:70 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkviolet\:80, html.dark .sf-c-darkviolet\:80 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkviolet\:90, html.dark .sf-c-darkviolet\:90 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkviolet\:100, html.dark .sf-c-darkviolet\:100 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkviolet\:st, html.dark .sf-c-darkviolet\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 41%) } -html[data-theme='dark'] .sf-c-darkviolet\:0\:st, html.dark .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkviolet\:10\:st, html.dark .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkviolet\:20\:st, html.dark .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkviolet\:30\:st, html.dark .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkviolet\:40\:st, html.dark .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkviolet\:50\:st, html.dark .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkviolet\:60\:st, html.dark .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkviolet\:70\:st, html.dark .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkviolet\:80\:st, html.dark .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkviolet\:90\:st, html.dark .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkviolet\:100\:st, html.dark .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkviolet\:st, html.dark .sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:0\:st, html.dark .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:10\:st, html.dark .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:20\:st, html.dark .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:30\:st, html.dark .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:40\:st, html.dark .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:50\:st, html.dark .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:60\:st, html.dark .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:70\:st, html.dark .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:80\:st, html.dark .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:90\:st, html.dark .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:100\:st, html.dark .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkviolet, html.auto .sf-c-darkviolet { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 59%) } - html[data-theme='auto'] .sf-c-darkviolet\:0, html.auto .sf-c-darkviolet\:0 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkviolet\:10, html.auto .sf-c-darkviolet\:10 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkviolet\:20, html.auto .sf-c-darkviolet\:20 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkviolet\:30, html.auto .sf-c-darkviolet\:30 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkviolet\:40, html.auto .sf-c-darkviolet\:40 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkviolet\:50, html.auto .sf-c-darkviolet\:50 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkviolet\:60, html.auto .sf-c-darkviolet\:60 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkviolet\:70, html.auto .sf-c-darkviolet\:70 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkviolet\:80, html.auto .sf-c-darkviolet\:80 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkviolet\:90, html.auto .sf-c-darkviolet\:90 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkviolet\:100, html.auto .sf-c-darkviolet\:100 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkviolet\:st, html.auto .sf-c-darkviolet\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 41%) } - html[data-theme='auto'] .sf-c-darkviolet\:0\:st, html.auto .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkviolet\:10\:st, html.auto .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkviolet\:20\:st, html.auto .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkviolet\:30\:st, html.auto .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkviolet\:40\:st, html.auto .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkviolet\:50\:st, html.auto .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkviolet\:60\:st, html.auto .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkviolet\:70\:st, html.auto .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkviolet\:80\:st, html.auto .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkviolet\:90\:st, html.auto .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkviolet\:100\:st, html.auto .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkviolet\:st, html.auto .sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:0\:st, html.auto .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:10\:st, html.auto .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:20\:st, html.auto .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:30\:st, html.auto .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:40\:st, html.auto .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:50\:st, html.auto .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:60\:st, html.auto .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:70\:st, html.auto .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:80\:st, html.auto .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:90\:st, html.auto .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:100\:st, html.auto .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/deeppink.css b/src/colors/10/deeppink.css deleted file mode 100644 index a02ea81..0000000 --- a/src/colors/10/deeppink.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-deeppink { - --sf-c-deeppink: 328 100% 54%; - --sf-c-deeppink-0: 328 100% 0%; - --sf-c-deeppink-10: 328 100% 10%; - --sf-c-deeppink-20: 328 100% 20%; - --sf-c-deeppink-30: 328 100% 30%; - --sf-c-deeppink-40: 328 100% 40%; - --sf-c-deeppink-50: 328 100% 50%; - --sf-c-deeppink-60: 328 100% 60%; - --sf-c-deeppink-70: 328 100% 70%; - --sf-c-deeppink-80: 328 100% 80%; - --sf-c-deeppink-90: 328 100% 90%; - --sf-c-deeppink-100: 328 100% 100%; -} - -.sf-c-deeppink, .sf-c-deeppink\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 54%) } -.sf-c-deeppink\:0, .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } -.sf-c-deeppink\:10, .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } -.sf-c-deeppink\:20, .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } -.sf-c-deeppink\:30, .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 30%) } -.sf-c-deeppink\:40, .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 40%) } -.sf-c-deeppink\:50, .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 50%) } -.sf-c-deeppink\:60, .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 60%) } -.sf-c-deeppink\:70, .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 70%) } -.sf-c-deeppink\:80, .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 80%) } -.sf-c-deeppink\:90, .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } -.sf-c-deeppink\:100, .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } - -.sf-c-txt-deeppink { color: hsl(328, 100%, 10%) } -.sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } -.sf-c-txt-deeppink\:0, .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } -.sf-c-txt-deeppink\:10, .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } -.sf-c-txt-deeppink\:20, .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } -.sf-c-txt-deeppink\:30, .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } -.sf-c-txt-deeppink\:40, .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } -.sf-c-txt-deeppink\:50, .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } -.sf-c-txt-deeppink\:60, .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } -.sf-c-txt-deeppink\:70, .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } -.sf-c-txt-deeppink\:80, .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } -.sf-c-txt-deeppink\:90, .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } -.sf-c-txt-deeppink\:100, .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } - -html[data-theme='dark'] .sf-c-deeppink, html.dark .sf-c-deeppink { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 46%) } -html[data-theme='dark'] .sf-c-deeppink\:0, html.dark .sf-c-deeppink\:0 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } -html[data-theme='dark'] .sf-c-deeppink\:10, html.dark .sf-c-deeppink\:10 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-deeppink\:20, html.dark .sf-c-deeppink\:20 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-deeppink\:30, html.dark .sf-c-deeppink\:30 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-deeppink\:40, html.dark .sf-c-deeppink\:40 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-deeppink\:50, html.dark .sf-c-deeppink\:50 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-deeppink\:60, html.dark .sf-c-deeppink\:60 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-deeppink\:70, html.dark .sf-c-deeppink\:70 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-deeppink\:80, html.dark .sf-c-deeppink\:80 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-deeppink\:90, html.dark .sf-c-deeppink\:90 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-deeppink\:100, html.dark .sf-c-deeppink\:100 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } - -html[data-theme='dark'] .sf-c-deeppink\:st, html.dark .sf-c-deeppink\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-deeppink\:0\:st, html.dark .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } -html[data-theme='dark'] .sf-c-deeppink\:10\:st, html.dark .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-deeppink\:20\:st, html.dark .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-deeppink\:30\:st, html.dark .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-deeppink\:40\:st, html.dark .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-deeppink\:50\:st, html.dark .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-deeppink\:60\:st, html.dark .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-deeppink\:70\:st, html.dark .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-deeppink\:80\:st, html.dark .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-deeppink\:90\:st, html.dark .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-deeppink\:100\:st, html.dark .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-deeppink\:st, html.dark .sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:0\:st, html.dark .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:10\:st, html.dark .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:20\:st, html.dark .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:30\:st, html.dark .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:40\:st, html.dark .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:50\:st, html.dark .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:60\:st, html.dark .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:70\:st, html.dark .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:80\:st, html.dark .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:90\:st, html.dark .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:100\:st, html.dark .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-deeppink, html.auto .sf-c-deeppink { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 46%) } - html[data-theme='auto'] .sf-c-deeppink\:0, html.auto .sf-c-deeppink\:0 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } - html[data-theme='auto'] .sf-c-deeppink\:10, html.auto .sf-c-deeppink\:10 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-deeppink\:20, html.auto .sf-c-deeppink\:20 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-deeppink\:30, html.auto .sf-c-deeppink\:30 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-deeppink\:40, html.auto .sf-c-deeppink\:40 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-deeppink\:50, html.auto .sf-c-deeppink\:50 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-deeppink\:60, html.auto .sf-c-deeppink\:60 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-deeppink\:70, html.auto .sf-c-deeppink\:70 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-deeppink\:80, html.auto .sf-c-deeppink\:80 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-deeppink\:90, html.auto .sf-c-deeppink\:90 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-deeppink\:100, html.auto .sf-c-deeppink\:100 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } - - html[data-theme='auto'] .sf-c-deeppink\:st, html.auto .sf-c-deeppink\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-deeppink\:0\:st, html.auto .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } - html[data-theme='auto'] .sf-c-deeppink\:10\:st, html.auto .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-deeppink\:20\:st, html.auto .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-deeppink\:30\:st, html.auto .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-deeppink\:40\:st, html.auto .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-deeppink\:50\:st, html.auto .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-deeppink\:60\:st, html.auto .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-deeppink\:70\:st, html.auto .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-deeppink\:80\:st, html.auto .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-deeppink\:90\:st, html.auto .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-deeppink\:100\:st, html.auto .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-deeppink\:st, html.auto .sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:0\:st, html.auto .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:10\:st, html.auto .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:20\:st, html.auto .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:30\:st, html.auto .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:40\:st, html.auto .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:50\:st, html.auto .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:60\:st, html.auto .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:70\:st, html.auto .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:80\:st, html.auto .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:90\:st, html.auto .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:100\:st, html.auto .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/deepskyblue.css b/src/colors/10/deepskyblue.css deleted file mode 100644 index 2cd198e..0000000 --- a/src/colors/10/deepskyblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-deepskyblue { - --sf-c-deepskyblue: 195 100% 50%; - --sf-c-deepskyblue-0: 195 100% 0%; - --sf-c-deepskyblue-10: 195 100% 10%; - --sf-c-deepskyblue-20: 195 100% 20%; - --sf-c-deepskyblue-30: 195 100% 30%; - --sf-c-deepskyblue-40: 195 100% 40%; - --sf-c-deepskyblue-50: 195 100% 50%; - --sf-c-deepskyblue-60: 195 100% 60%; - --sf-c-deepskyblue-70: 195 100% 70%; - --sf-c-deepskyblue-80: 195 100% 80%; - --sf-c-deepskyblue-90: 195 100% 90%; - --sf-c-deepskyblue-100: 195 100% 100%; -} - -.sf-c-deepskyblue, .sf-c-deepskyblue\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -.sf-c-deepskyblue\:0, .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } -.sf-c-deepskyblue\:10, .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } -.sf-c-deepskyblue\:20, .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } -.sf-c-deepskyblue\:30, .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 30%) } -.sf-c-deepskyblue\:40, .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 40%) } -.sf-c-deepskyblue\:50, .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -.sf-c-deepskyblue\:60, .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 60%) } -.sf-c-deepskyblue\:70, .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 70%) } -.sf-c-deepskyblue\:80, .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 80%) } -.sf-c-deepskyblue\:90, .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } -.sf-c-deepskyblue\:100, .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } - -.sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:0, .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } -.sf-c-txt-deepskyblue\:10, .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } -.sf-c-txt-deepskyblue\:20, .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } -.sf-c-txt-deepskyblue\:30, .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } -.sf-c-txt-deepskyblue\:40, .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } -.sf-c-txt-deepskyblue\:50, .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:60, .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } -.sf-c-txt-deepskyblue\:70, .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } -.sf-c-txt-deepskyblue\:80, .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } -.sf-c-txt-deepskyblue\:90, .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } -.sf-c-txt-deepskyblue\:100, .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } - -html[data-theme='dark'] .sf-c-deepskyblue, html.dark .sf-c-deepskyblue { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:0, html.dark .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } -html[data-theme='dark'] .sf-c-deepskyblue\:10, html.dark .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-deepskyblue\:20, html.dark .sf-c-deepskyblue\:20 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-deepskyblue\:30, html.dark .sf-c-deepskyblue\:30 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-deepskyblue\:40, html.dark .sf-c-deepskyblue\:40 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-deepskyblue\:50, html.dark .sf-c-deepskyblue\:50 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:60, html.dark .sf-c-deepskyblue\:60 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-deepskyblue\:70, html.dark .sf-c-deepskyblue\:70 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-deepskyblue\:80, html.dark .sf-c-deepskyblue\:80 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-deepskyblue\:90, html.dark .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-deepskyblue\:100, html.dark .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } - -html[data-theme='dark'] .sf-c-deepskyblue\:st, html.dark .sf-c-deepskyblue\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:0\:st, html.dark .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } -html[data-theme='dark'] .sf-c-deepskyblue\:10\:st, html.dark .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-deepskyblue\:20\:st, html.dark .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-deepskyblue\:30\:st, html.dark .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-deepskyblue\:40\:st, html.dark .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-deepskyblue\:50\:st, html.dark .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:60\:st, html.dark .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-deepskyblue\:70\:st, html.dark .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-deepskyblue\:80\:st, html.dark .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-deepskyblue\:90\:st, html.dark .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-deepskyblue\:100\:st, html.dark .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-deepskyblue\:st, html.dark .sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:st, html.dark .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:st, html.dark .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:st, html.dark .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:st, html.dark .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:st, html.dark .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:st, html.dark .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:st, html.dark .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:st, html.dark .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:st, html.dark .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:st, html.dark .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:st, html.dark .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-deepskyblue, html.auto .sf-c-deepskyblue { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:0, html.auto .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } - html[data-theme='auto'] .sf-c-deepskyblue\:10, html.auto .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-deepskyblue\:20, html.auto .sf-c-deepskyblue\:20 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-deepskyblue\:30, html.auto .sf-c-deepskyblue\:30 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-deepskyblue\:40, html.auto .sf-c-deepskyblue\:40 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-deepskyblue\:50, html.auto .sf-c-deepskyblue\:50 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:60, html.auto .sf-c-deepskyblue\:60 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-deepskyblue\:70, html.auto .sf-c-deepskyblue\:70 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-deepskyblue\:80, html.auto .sf-c-deepskyblue\:80 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-deepskyblue\:90, html.auto .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-deepskyblue\:100, html.auto .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } - - html[data-theme='auto'] .sf-c-deepskyblue\:st, html.auto .sf-c-deepskyblue\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:0\:st, html.auto .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } - html[data-theme='auto'] .sf-c-deepskyblue\:10\:st, html.auto .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-deepskyblue\:20\:st, html.auto .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-deepskyblue\:30\:st, html.auto .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-deepskyblue\:40\:st, html.auto .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-deepskyblue\:50\:st, html.auto .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:60\:st, html.auto .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-deepskyblue\:70\:st, html.auto .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-deepskyblue\:80\:st, html.auto .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-deepskyblue\:90\:st, html.auto .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-deepskyblue\:100\:st, html.auto .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-deepskyblue\:st, html.auto .sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:st, html.auto .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:st, html.auto .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:st, html.auto .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:st, html.auto .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:st, html.auto .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:st, html.auto .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:st, html.auto .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:st, html.auto .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:st, html.auto .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:st, html.auto .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:st, html.auto .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/dimgray.css b/src/colors/10/dimgray.css deleted file mode 100644 index 90306a7..0000000 --- a/src/colors/10/dimgray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-dimgray { - --sf-c-dimgray: 0 0% 41%; - --sf-c-dimgray-0: 0 0% 0%; - --sf-c-dimgray-10: 0 0% 10%; - --sf-c-dimgray-20: 0 0% 20%; - --sf-c-dimgray-30: 0 0% 30%; - --sf-c-dimgray-40: 0 0% 40%; - --sf-c-dimgray-50: 0 0% 50%; - --sf-c-dimgray-60: 0 0% 60%; - --sf-c-dimgray-70: 0 0% 70%; - --sf-c-dimgray-80: 0 0% 80%; - --sf-c-dimgray-90: 0 0% 90%; - --sf-c-dimgray-100: 0 0% 100%; -} - -.sf-c-dimgray, .sf-c-dimgray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } -.sf-c-dimgray\:0, .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-dimgray\:10, .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-dimgray\:20, .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-dimgray\:30, .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-dimgray\:40, .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-dimgray\:50, .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-dimgray\:60, .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-dimgray\:70, .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-dimgray\:80, .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-dimgray\:90, .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-dimgray\:100, .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgray\:0, .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-dimgray\:10, .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-dimgray\:20, .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-dimgray\:30, .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-dimgray\:40, .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-dimgray\:50, .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-dimgray\:60, .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-dimgray\:70, .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-dimgray\:80, .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-dimgray\:90, .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-dimgray\:100, .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-dimgray, html.dark .sf-c-dimgray { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-dimgray\:0, html.dark .sf-c-dimgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-dimgray\:10, html.dark .sf-c-dimgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgray\:20, html.dark .sf-c-dimgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgray\:30, html.dark .sf-c-dimgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgray\:40, html.dark .sf-c-dimgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgray\:50, html.dark .sf-c-dimgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgray\:60, html.dark .sf-c-dimgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgray\:70, html.dark .sf-c-dimgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgray\:80, html.dark .sf-c-dimgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgray\:90, html.dark .sf-c-dimgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgray\:100, html.dark .sf-c-dimgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-dimgray\:st, html.dark .sf-c-dimgray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-dimgray\:0\:st, html.dark .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-dimgray\:10\:st, html.dark .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgray\:20\:st, html.dark .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgray\:30\:st, html.dark .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgray\:40\:st, html.dark .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgray\:50\:st, html.dark .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgray\:60\:st, html.dark .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgray\:70\:st, html.dark .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgray\:80\:st, html.dark .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgray\:90\:st, html.dark .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgray\:100\:st, html.dark .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dimgray\:st, html.dark .sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:0\:st, html.dark .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:10\:st, html.dark .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:20\:st, html.dark .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:30\:st, html.dark .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:40\:st, html.dark .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:50\:st, html.dark .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:60\:st, html.dark .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:70\:st, html.dark .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:80\:st, html.dark .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:90\:st, html.dark .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:100\:st, html.dark .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dimgray, html.auto .sf-c-dimgray { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-dimgray\:0, html.auto .sf-c-dimgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-dimgray\:10, html.auto .sf-c-dimgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgray\:20, html.auto .sf-c-dimgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgray\:30, html.auto .sf-c-dimgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgray\:40, html.auto .sf-c-dimgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgray\:50, html.auto .sf-c-dimgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgray\:60, html.auto .sf-c-dimgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgray\:70, html.auto .sf-c-dimgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgray\:80, html.auto .sf-c-dimgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgray\:90, html.auto .sf-c-dimgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgray\:100, html.auto .sf-c-dimgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-dimgray\:st, html.auto .sf-c-dimgray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-dimgray\:0\:st, html.auto .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-dimgray\:10\:st, html.auto .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgray\:20\:st, html.auto .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgray\:30\:st, html.auto .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgray\:40\:st, html.auto .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgray\:50\:st, html.auto .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgray\:60\:st, html.auto .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgray\:70\:st, html.auto .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgray\:80\:st, html.auto .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgray\:90\:st, html.auto .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgray\:100\:st, html.auto .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dimgray\:st, html.auto .sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:0\:st, html.auto .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:10\:st, html.auto .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:20\:st, html.auto .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:30\:st, html.auto .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:40\:st, html.auto .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:50\:st, html.auto .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:60\:st, html.auto .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:70\:st, html.auto .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:80\:st, html.auto .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:90\:st, html.auto .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:100\:st, html.auto .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/dimgrey.css b/src/colors/10/dimgrey.css deleted file mode 100644 index ecf23c2..0000000 --- a/src/colors/10/dimgrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-dimgrey { - --sf-c-dimgrey: 0 0% 41%; - --sf-c-dimgrey-0: 0 0% 0%; - --sf-c-dimgrey-10: 0 0% 10%; - --sf-c-dimgrey-20: 0 0% 20%; - --sf-c-dimgrey-30: 0 0% 30%; - --sf-c-dimgrey-40: 0 0% 40%; - --sf-c-dimgrey-50: 0 0% 50%; - --sf-c-dimgrey-60: 0 0% 60%; - --sf-c-dimgrey-70: 0 0% 70%; - --sf-c-dimgrey-80: 0 0% 80%; - --sf-c-dimgrey-90: 0 0% 90%; - --sf-c-dimgrey-100: 0 0% 100%; -} - -.sf-c-dimgrey, .sf-c-dimgrey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } -.sf-c-dimgrey\:0, .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-dimgrey\:10, .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-dimgrey\:20, .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-dimgrey\:30, .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-dimgrey\:40, .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-dimgrey\:50, .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-dimgrey\:60, .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-dimgrey\:70, .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-dimgrey\:80, .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-dimgrey\:90, .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-dimgrey\:100, .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgrey\:0, .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-dimgrey\:10, .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-dimgrey\:20, .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-dimgrey\:30, .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-dimgrey\:40, .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-dimgrey\:50, .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-dimgrey\:60, .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-dimgrey\:70, .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-dimgrey\:80, .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-dimgrey\:90, .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-dimgrey\:100, .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-dimgrey, html.dark .sf-c-dimgrey { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-dimgrey\:0, html.dark .sf-c-dimgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-dimgrey\:10, html.dark .sf-c-dimgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgrey\:20, html.dark .sf-c-dimgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgrey\:30, html.dark .sf-c-dimgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgrey\:40, html.dark .sf-c-dimgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgrey\:50, html.dark .sf-c-dimgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgrey\:60, html.dark .sf-c-dimgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgrey\:70, html.dark .sf-c-dimgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgrey\:80, html.dark .sf-c-dimgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgrey\:90, html.dark .sf-c-dimgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgrey\:100, html.dark .sf-c-dimgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-dimgrey\:st, html.dark .sf-c-dimgrey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-dimgrey\:0\:st, html.dark .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-dimgrey\:10\:st, html.dark .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgrey\:20\:st, html.dark .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgrey\:30\:st, html.dark .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgrey\:40\:st, html.dark .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgrey\:50\:st, html.dark .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgrey\:60\:st, html.dark .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgrey\:70\:st, html.dark .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgrey\:80\:st, html.dark .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgrey\:90\:st, html.dark .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgrey\:100\:st, html.dark .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dimgrey\:st, html.dark .sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:0\:st, html.dark .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:10\:st, html.dark .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:20\:st, html.dark .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:30\:st, html.dark .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:40\:st, html.dark .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:50\:st, html.dark .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:60\:st, html.dark .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:70\:st, html.dark .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:80\:st, html.dark .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:90\:st, html.dark .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:100\:st, html.dark .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dimgrey, html.auto .sf-c-dimgrey { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-dimgrey\:0, html.auto .sf-c-dimgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-dimgrey\:10, html.auto .sf-c-dimgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgrey\:20, html.auto .sf-c-dimgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgrey\:30, html.auto .sf-c-dimgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgrey\:40, html.auto .sf-c-dimgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgrey\:50, html.auto .sf-c-dimgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgrey\:60, html.auto .sf-c-dimgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgrey\:70, html.auto .sf-c-dimgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgrey\:80, html.auto .sf-c-dimgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgrey\:90, html.auto .sf-c-dimgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgrey\:100, html.auto .sf-c-dimgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-dimgrey\:st, html.auto .sf-c-dimgrey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-dimgrey\:0\:st, html.auto .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-dimgrey\:10\:st, html.auto .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgrey\:20\:st, html.auto .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgrey\:30\:st, html.auto .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgrey\:40\:st, html.auto .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgrey\:50\:st, html.auto .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgrey\:60\:st, html.auto .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgrey\:70\:st, html.auto .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgrey\:80\:st, html.auto .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgrey\:90\:st, html.auto .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgrey\:100\:st, html.auto .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dimgrey\:st, html.auto .sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:0\:st, html.auto .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:10\:st, html.auto .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:20\:st, html.auto .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:30\:st, html.auto .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:40\:st, html.auto .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:50\:st, html.auto .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:60\:st, html.auto .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:70\:st, html.auto .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:80\:st, html.auto .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:90\:st, html.auto .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:100\:st, html.auto .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/dodgerblue.css b/src/colors/10/dodgerblue.css deleted file mode 100644 index 9c67c2f..0000000 --- a/src/colors/10/dodgerblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-dodgerblue { - --sf-c-dodgerblue: 210 100% 56%; - --sf-c-dodgerblue-0: 210 100% 0%; - --sf-c-dodgerblue-10: 210 100% 10%; - --sf-c-dodgerblue-20: 210 100% 20%; - --sf-c-dodgerblue-30: 210 100% 30%; - --sf-c-dodgerblue-40: 210 100% 40%; - --sf-c-dodgerblue-50: 210 100% 50%; - --sf-c-dodgerblue-60: 210 100% 60%; - --sf-c-dodgerblue-70: 210 100% 70%; - --sf-c-dodgerblue-80: 210 100% 80%; - --sf-c-dodgerblue-90: 210 100% 90%; - --sf-c-dodgerblue-100: 210 100% 100%; -} - -.sf-c-dodgerblue, .sf-c-dodgerblue\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 56%) } -.sf-c-dodgerblue\:0, .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } -.sf-c-dodgerblue\:10, .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } -.sf-c-dodgerblue\:20, .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } -.sf-c-dodgerblue\:30, .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 30%) } -.sf-c-dodgerblue\:40, .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 40%) } -.sf-c-dodgerblue\:50, .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 50%) } -.sf-c-dodgerblue\:60, .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 60%) } -.sf-c-dodgerblue\:70, .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 70%) } -.sf-c-dodgerblue\:80, .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 80%) } -.sf-c-dodgerblue\:90, .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } -.sf-c-dodgerblue\:100, .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } - -.sf-c-txt-dodgerblue { color: hsl(210, 100%, 10%) } -.sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } -.sf-c-txt-dodgerblue\:0, .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } -.sf-c-txt-dodgerblue\:10, .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } -.sf-c-txt-dodgerblue\:20, .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } -.sf-c-txt-dodgerblue\:30, .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } -.sf-c-txt-dodgerblue\:40, .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } -.sf-c-txt-dodgerblue\:50, .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } -.sf-c-txt-dodgerblue\:60, .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } -.sf-c-txt-dodgerblue\:70, .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } -.sf-c-txt-dodgerblue\:80, .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } -.sf-c-txt-dodgerblue\:90, .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } -.sf-c-txt-dodgerblue\:100, .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } - -html[data-theme='dark'] .sf-c-dodgerblue, html.dark .sf-c-dodgerblue { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 44%) } -html[data-theme='dark'] .sf-c-dodgerblue\:0, html.dark .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } -html[data-theme='dark'] .sf-c-dodgerblue\:10, html.dark .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-dodgerblue\:20, html.dark .sf-c-dodgerblue\:20 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-dodgerblue\:30, html.dark .sf-c-dodgerblue\:30 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-dodgerblue\:40, html.dark .sf-c-dodgerblue\:40 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-dodgerblue\:50, html.dark .sf-c-dodgerblue\:50 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-dodgerblue\:60, html.dark .sf-c-dodgerblue\:60 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-dodgerblue\:70, html.dark .sf-c-dodgerblue\:70 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-dodgerblue\:80, html.dark .sf-c-dodgerblue\:80 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-dodgerblue\:90, html.dark .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-dodgerblue\:100, html.dark .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } - -html[data-theme='dark'] .sf-c-dodgerblue\:st, html.dark .sf-c-dodgerblue\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-dodgerblue\:0\:st, html.dark .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } -html[data-theme='dark'] .sf-c-dodgerblue\:10\:st, html.dark .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-dodgerblue\:20\:st, html.dark .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-dodgerblue\:30\:st, html.dark .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-dodgerblue\:40\:st, html.dark .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-dodgerblue\:50\:st, html.dark .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-dodgerblue\:60\:st, html.dark .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-dodgerblue\:70\:st, html.dark .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-dodgerblue\:80\:st, html.dark .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-dodgerblue\:90\:st, html.dark .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-dodgerblue\:100\:st, html.dark .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dodgerblue\:st, html.dark .sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:st, html.dark .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:st, html.dark .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:st, html.dark .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:st, html.dark .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:st, html.dark .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:st, html.dark .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:st, html.dark .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:st, html.dark .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:st, html.dark .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:st, html.dark .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:st, html.dark .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dodgerblue, html.auto .sf-c-dodgerblue { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 44%) } - html[data-theme='auto'] .sf-c-dodgerblue\:0, html.auto .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } - html[data-theme='auto'] .sf-c-dodgerblue\:10, html.auto .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-dodgerblue\:20, html.auto .sf-c-dodgerblue\:20 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-dodgerblue\:30, html.auto .sf-c-dodgerblue\:30 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-dodgerblue\:40, html.auto .sf-c-dodgerblue\:40 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-dodgerblue\:50, html.auto .sf-c-dodgerblue\:50 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-dodgerblue\:60, html.auto .sf-c-dodgerblue\:60 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-dodgerblue\:70, html.auto .sf-c-dodgerblue\:70 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-dodgerblue\:80, html.auto .sf-c-dodgerblue\:80 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-dodgerblue\:90, html.auto .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-dodgerblue\:100, html.auto .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } - - html[data-theme='auto'] .sf-c-dodgerblue\:st, html.auto .sf-c-dodgerblue\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-dodgerblue\:0\:st, html.auto .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } - html[data-theme='auto'] .sf-c-dodgerblue\:10\:st, html.auto .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-dodgerblue\:20\:st, html.auto .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-dodgerblue\:30\:st, html.auto .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-dodgerblue\:40\:st, html.auto .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-dodgerblue\:50\:st, html.auto .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-dodgerblue\:60\:st, html.auto .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-dodgerblue\:70\:st, html.auto .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-dodgerblue\:80\:st, html.auto .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-dodgerblue\:90\:st, html.auto .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-dodgerblue\:100\:st, html.auto .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dodgerblue\:st, html.auto .sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:st, html.auto .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:st, html.auto .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:st, html.auto .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:st, html.auto .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:st, html.auto .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:st, html.auto .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:st, html.auto .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:st, html.auto .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:st, html.auto .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:st, html.auto .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:st, html.auto .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/firebrick.css b/src/colors/10/firebrick.css deleted file mode 100644 index 85f325a..0000000 --- a/src/colors/10/firebrick.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-firebrick { - --sf-c-firebrick: 0 68% 42%; - --sf-c-firebrick-0: 0 68% 0%; - --sf-c-firebrick-10: 0 68% 10%; - --sf-c-firebrick-20: 0 68% 20%; - --sf-c-firebrick-30: 0 68% 30%; - --sf-c-firebrick-40: 0 68% 40%; - --sf-c-firebrick-50: 0 68% 50%; - --sf-c-firebrick-60: 0 68% 60%; - --sf-c-firebrick-70: 0 68% 70%; - --sf-c-firebrick-80: 0 68% 80%; - --sf-c-firebrick-90: 0 68% 90%; - --sf-c-firebrick-100: 0 68% 100%; -} - -.sf-c-firebrick, .sf-c-firebrick\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 42%) } -.sf-c-firebrick\:0, .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } -.sf-c-firebrick\:10, .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } -.sf-c-firebrick\:20, .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } -.sf-c-firebrick\:30, .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 30%) } -.sf-c-firebrick\:40, .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 40%) } -.sf-c-firebrick\:50, .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 50%) } -.sf-c-firebrick\:60, .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 60%) } -.sf-c-firebrick\:70, .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 70%) } -.sf-c-firebrick\:80, .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 80%) } -.sf-c-firebrick\:90, .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } -.sf-c-firebrick\:100, .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } - -.sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } -.sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } -.sf-c-txt-firebrick\:0, .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } -.sf-c-txt-firebrick\:10, .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } -.sf-c-txt-firebrick\:20, .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } -.sf-c-txt-firebrick\:30, .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } -.sf-c-txt-firebrick\:40, .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } -.sf-c-txt-firebrick\:50, .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } -.sf-c-txt-firebrick\:60, .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } -.sf-c-txt-firebrick\:70, .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } -.sf-c-txt-firebrick\:80, .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } -.sf-c-txt-firebrick\:90, .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } -.sf-c-txt-firebrick\:100, .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } - -html[data-theme='dark'] .sf-c-firebrick, html.dark .sf-c-firebrick { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 58%) } -html[data-theme='dark'] .sf-c-firebrick\:0, html.dark .sf-c-firebrick\:0 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } -html[data-theme='dark'] .sf-c-firebrick\:10, html.dark .sf-c-firebrick\:10 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-firebrick\:20, html.dark .sf-c-firebrick\:20 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-firebrick\:30, html.dark .sf-c-firebrick\:30 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-firebrick\:40, html.dark .sf-c-firebrick\:40 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-firebrick\:50, html.dark .sf-c-firebrick\:50 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-firebrick\:60, html.dark .sf-c-firebrick\:60 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-firebrick\:70, html.dark .sf-c-firebrick\:70 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-firebrick\:80, html.dark .sf-c-firebrick\:80 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-firebrick\:90, html.dark .sf-c-firebrick\:90 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-firebrick\:100, html.dark .sf-c-firebrick\:100 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } - -html[data-theme='dark'] .sf-c-firebrick\:st, html.dark .sf-c-firebrick\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 42%) } -html[data-theme='dark'] .sf-c-firebrick\:0\:st, html.dark .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } -html[data-theme='dark'] .sf-c-firebrick\:10\:st, html.dark .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-firebrick\:20\:st, html.dark .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-firebrick\:30\:st, html.dark .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-firebrick\:40\:st, html.dark .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-firebrick\:50\:st, html.dark .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-firebrick\:60\:st, html.dark .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-firebrick\:70\:st, html.dark .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-firebrick\:80\:st, html.dark .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-firebrick\:90\:st, html.dark .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-firebrick\:100\:st, html.dark .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } - -html[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } - -html[data-theme='dark'] .sf-c-txt-firebrick\:st, html.dark .sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:0\:st, html.dark .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:10\:st, html.dark .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:20\:st, html.dark .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:30\:st, html.dark .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:40\:st, html.dark .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:50\:st, html.dark .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:60\:st, html.dark .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:70\:st, html.dark .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:80\:st, html.dark .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:90\:st, html.dark .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:100\:st, html.dark .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-firebrick, html.auto .sf-c-firebrick { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 58%) } - html[data-theme='auto'] .sf-c-firebrick\:0, html.auto .sf-c-firebrick\:0 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } - html[data-theme='auto'] .sf-c-firebrick\:10, html.auto .sf-c-firebrick\:10 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-firebrick\:20, html.auto .sf-c-firebrick\:20 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-firebrick\:30, html.auto .sf-c-firebrick\:30 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-firebrick\:40, html.auto .sf-c-firebrick\:40 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-firebrick\:50, html.auto .sf-c-firebrick\:50 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-firebrick\:60, html.auto .sf-c-firebrick\:60 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-firebrick\:70, html.auto .sf-c-firebrick\:70 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-firebrick\:80, html.auto .sf-c-firebrick\:80 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-firebrick\:90, html.auto .sf-c-firebrick\:90 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-firebrick\:100, html.auto .sf-c-firebrick\:100 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } - - html[data-theme='auto'] .sf-c-firebrick\:st, html.auto .sf-c-firebrick\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 42%) } - html[data-theme='auto'] .sf-c-firebrick\:0\:st, html.auto .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } - html[data-theme='auto'] .sf-c-firebrick\:10\:st, html.auto .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-firebrick\:20\:st, html.auto .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-firebrick\:30\:st, html.auto .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-firebrick\:40\:st, html.auto .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-firebrick\:50\:st, html.auto .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-firebrick\:60\:st, html.auto .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-firebrick\:70\:st, html.auto .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-firebrick\:80\:st, html.auto .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-firebrick\:90\:st, html.auto .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-firebrick\:100\:st, html.auto .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } - - html[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } - - html[data-theme='auto'] .sf-c-txt-firebrick\:st, html.auto .sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:0\:st, html.auto .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:10\:st, html.auto .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:20\:st, html.auto .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:30\:st, html.auto .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:40\:st, html.auto .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:50\:st, html.auto .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:60\:st, html.auto .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:70\:st, html.auto .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:80\:st, html.auto .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:90\:st, html.auto .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:100\:st, html.auto .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/floralwhite.css b/src/colors/10/floralwhite.css deleted file mode 100644 index f39a706..0000000 --- a/src/colors/10/floralwhite.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-floralwhite { - --sf-c-floralwhite: 40 100% 97%; - --sf-c-floralwhite-0: 40 100% 0%; - --sf-c-floralwhite-10: 40 100% 10%; - --sf-c-floralwhite-20: 40 100% 20%; - --sf-c-floralwhite-30: 40 100% 30%; - --sf-c-floralwhite-40: 40 100% 40%; - --sf-c-floralwhite-50: 40 100% 50%; - --sf-c-floralwhite-60: 40 100% 60%; - --sf-c-floralwhite-70: 40 100% 70%; - --sf-c-floralwhite-80: 40 100% 80%; - --sf-c-floralwhite-90: 40 100% 90%; - --sf-c-floralwhite-100: 40 100% 100%; -} - -.sf-c-floralwhite, .sf-c-floralwhite\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 97%) } -.sf-c-floralwhite\:0, .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } -.sf-c-floralwhite\:10, .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } -.sf-c-floralwhite\:20, .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } -.sf-c-floralwhite\:30, .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 30%) } -.sf-c-floralwhite\:40, .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 40%) } -.sf-c-floralwhite\:50, .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 50%) } -.sf-c-floralwhite\:60, .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 60%) } -.sf-c-floralwhite\:70, .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 70%) } -.sf-c-floralwhite\:80, .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 80%) } -.sf-c-floralwhite\:90, .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } -.sf-c-floralwhite\:100, .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } - -.sf-c-txt-floralwhite { color: hsl(40, 100%, 10%) } -.sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } -.sf-c-txt-floralwhite\:0, .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } -.sf-c-txt-floralwhite\:10, .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } -.sf-c-txt-floralwhite\:20, .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } -.sf-c-txt-floralwhite\:30, .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } -.sf-c-txt-floralwhite\:40, .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } -.sf-c-txt-floralwhite\:50, .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } -.sf-c-txt-floralwhite\:60, .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } -.sf-c-txt-floralwhite\:70, .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } -.sf-c-txt-floralwhite\:80, .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } -.sf-c-txt-floralwhite\:90, .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } -.sf-c-txt-floralwhite\:100, .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } - -html[data-theme='dark'] .sf-c-floralwhite, html.dark .sf-c-floralwhite { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 3%) } -html[data-theme='dark'] .sf-c-floralwhite\:0, html.dark .sf-c-floralwhite\:0 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } -html[data-theme='dark'] .sf-c-floralwhite\:10, html.dark .sf-c-floralwhite\:10 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-floralwhite\:20, html.dark .sf-c-floralwhite\:20 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-floralwhite\:30, html.dark .sf-c-floralwhite\:30 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-floralwhite\:40, html.dark .sf-c-floralwhite\:40 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-floralwhite\:50, html.dark .sf-c-floralwhite\:50 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-floralwhite\:60, html.dark .sf-c-floralwhite\:60 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-floralwhite\:70, html.dark .sf-c-floralwhite\:70 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-floralwhite\:80, html.dark .sf-c-floralwhite\:80 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-floralwhite\:90, html.dark .sf-c-floralwhite\:90 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-floralwhite\:100, html.dark .sf-c-floralwhite\:100 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } - -html[data-theme='dark'] .sf-c-floralwhite\:st, html.dark .sf-c-floralwhite\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-floralwhite\:0\:st, html.dark .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } -html[data-theme='dark'] .sf-c-floralwhite\:10\:st, html.dark .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-floralwhite\:20\:st, html.dark .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-floralwhite\:30\:st, html.dark .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-floralwhite\:40\:st, html.dark .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-floralwhite\:50\:st, html.dark .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-floralwhite\:60\:st, html.dark .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-floralwhite\:70\:st, html.dark .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-floralwhite\:80\:st, html.dark .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-floralwhite\:90\:st, html.dark .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-floralwhite\:100\:st, html.dark .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-floralwhite\:st, html.dark .sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:0\:st, html.dark .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:10\:st, html.dark .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:20\:st, html.dark .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:30\:st, html.dark .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:40\:st, html.dark .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:50\:st, html.dark .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:60\:st, html.dark .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:70\:st, html.dark .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:80\:st, html.dark .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:90\:st, html.dark .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:100\:st, html.dark .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-floralwhite, html.auto .sf-c-floralwhite { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 3%) } - html[data-theme='auto'] .sf-c-floralwhite\:0, html.auto .sf-c-floralwhite\:0 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } - html[data-theme='auto'] .sf-c-floralwhite\:10, html.auto .sf-c-floralwhite\:10 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-floralwhite\:20, html.auto .sf-c-floralwhite\:20 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-floralwhite\:30, html.auto .sf-c-floralwhite\:30 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-floralwhite\:40, html.auto .sf-c-floralwhite\:40 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-floralwhite\:50, html.auto .sf-c-floralwhite\:50 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-floralwhite\:60, html.auto .sf-c-floralwhite\:60 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-floralwhite\:70, html.auto .sf-c-floralwhite\:70 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-floralwhite\:80, html.auto .sf-c-floralwhite\:80 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-floralwhite\:90, html.auto .sf-c-floralwhite\:90 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-floralwhite\:100, html.auto .sf-c-floralwhite\:100 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } - - html[data-theme='auto'] .sf-c-floralwhite\:st, html.auto .sf-c-floralwhite\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-floralwhite\:0\:st, html.auto .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } - html[data-theme='auto'] .sf-c-floralwhite\:10\:st, html.auto .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-floralwhite\:20\:st, html.auto .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-floralwhite\:30\:st, html.auto .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-floralwhite\:40\:st, html.auto .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-floralwhite\:50\:st, html.auto .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-floralwhite\:60\:st, html.auto .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-floralwhite\:70\:st, html.auto .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-floralwhite\:80\:st, html.auto .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-floralwhite\:90\:st, html.auto .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-floralwhite\:100\:st, html.auto .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-floralwhite\:st, html.auto .sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:0\:st, html.auto .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:10\:st, html.auto .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:20\:st, html.auto .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:30\:st, html.auto .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:40\:st, html.auto .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:50\:st, html.auto .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:60\:st, html.auto .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:70\:st, html.auto .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:80\:st, html.auto .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:90\:st, html.auto .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:100\:st, html.auto .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/forestgreen.css b/src/colors/10/forestgreen.css deleted file mode 100644 index 3dc38b5..0000000 --- a/src/colors/10/forestgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-forestgreen { - --sf-c-forestgreen: 120 61% 34%; - --sf-c-forestgreen-0: 120 61% 0%; - --sf-c-forestgreen-10: 120 61% 10%; - --sf-c-forestgreen-20: 120 61% 20%; - --sf-c-forestgreen-30: 120 61% 30%; - --sf-c-forestgreen-40: 120 61% 40%; - --sf-c-forestgreen-50: 120 61% 50%; - --sf-c-forestgreen-60: 120 61% 60%; - --sf-c-forestgreen-70: 120 61% 70%; - --sf-c-forestgreen-80: 120 61% 80%; - --sf-c-forestgreen-90: 120 61% 90%; - --sf-c-forestgreen-100: 120 61% 100%; -} - -.sf-c-forestgreen, .sf-c-forestgreen\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 34%) } -.sf-c-forestgreen\:0, .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -.sf-c-forestgreen\:10, .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -.sf-c-forestgreen\:20, .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -.sf-c-forestgreen\:30, .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -.sf-c-forestgreen\:40, .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -.sf-c-forestgreen\:50, .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -.sf-c-forestgreen\:60, .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -.sf-c-forestgreen\:70, .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -.sf-c-forestgreen\:80, .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -.sf-c-forestgreen\:90, .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -.sf-c-forestgreen\:100, .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - -.sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } -.sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } -.sf-c-txt-forestgreen\:0, .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } -.sf-c-txt-forestgreen\:10, .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } -.sf-c-txt-forestgreen\:20, .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } -.sf-c-txt-forestgreen\:30, .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } -.sf-c-txt-forestgreen\:40, .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } -.sf-c-txt-forestgreen\:50, .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-forestgreen\:60, .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } -.sf-c-txt-forestgreen\:70, .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } -.sf-c-txt-forestgreen\:80, .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } -.sf-c-txt-forestgreen\:90, .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } -.sf-c-txt-forestgreen\:100, .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-forestgreen, html.dark .sf-c-forestgreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 66%) } -html[data-theme='dark'] .sf-c-forestgreen\:0, html.dark .sf-c-forestgreen\:0 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-forestgreen\:10, html.dark .sf-c-forestgreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-forestgreen\:20, html.dark .sf-c-forestgreen\:20 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-forestgreen\:30, html.dark .sf-c-forestgreen\:30 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-forestgreen\:40, html.dark .sf-c-forestgreen\:40 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-forestgreen\:50, html.dark .sf-c-forestgreen\:50 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-forestgreen\:60, html.dark .sf-c-forestgreen\:60 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-forestgreen\:70, html.dark .sf-c-forestgreen\:70 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-forestgreen\:80, html.dark .sf-c-forestgreen\:80 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-forestgreen\:90, html.dark .sf-c-forestgreen\:90 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-forestgreen\:100, html.dark .sf-c-forestgreen\:100 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-forestgreen\:st, html.dark .sf-c-forestgreen\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 34%) } -html[data-theme='dark'] .sf-c-forestgreen\:0\:st, html.dark .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-forestgreen\:10\:st, html.dark .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-forestgreen\:20\:st, html.dark .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-forestgreen\:30\:st, html.dark .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-forestgreen\:40\:st, html.dark .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-forestgreen\:50\:st, html.dark .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-forestgreen\:60\:st, html.dark .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-forestgreen\:70\:st, html.dark .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-forestgreen\:80\:st, html.dark .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-forestgreen\:90\:st, html.dark .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-forestgreen\:100\:st, html.dark .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-forestgreen\:st, html.dark .sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:0\:st, html.dark .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:10\:st, html.dark .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:20\:st, html.dark .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:30\:st, html.dark .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:40\:st, html.dark .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:50\:st, html.dark .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:60\:st, html.dark .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:70\:st, html.dark .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:80\:st, html.dark .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:90\:st, html.dark .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:100\:st, html.dark .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-forestgreen, html.auto .sf-c-forestgreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 66%) } - html[data-theme='auto'] .sf-c-forestgreen\:0, html.auto .sf-c-forestgreen\:0 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-forestgreen\:10, html.auto .sf-c-forestgreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-forestgreen\:20, html.auto .sf-c-forestgreen\:20 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-forestgreen\:30, html.auto .sf-c-forestgreen\:30 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-forestgreen\:40, html.auto .sf-c-forestgreen\:40 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-forestgreen\:50, html.auto .sf-c-forestgreen\:50 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-forestgreen\:60, html.auto .sf-c-forestgreen\:60 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-forestgreen\:70, html.auto .sf-c-forestgreen\:70 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-forestgreen\:80, html.auto .sf-c-forestgreen\:80 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-forestgreen\:90, html.auto .sf-c-forestgreen\:90 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-forestgreen\:100, html.auto .sf-c-forestgreen\:100 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-forestgreen\:st, html.auto .sf-c-forestgreen\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 34%) } - html[data-theme='auto'] .sf-c-forestgreen\:0\:st, html.auto .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-forestgreen\:10\:st, html.auto .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-forestgreen\:20\:st, html.auto .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-forestgreen\:30\:st, html.auto .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-forestgreen\:40\:st, html.auto .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-forestgreen\:50\:st, html.auto .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-forestgreen\:60\:st, html.auto .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-forestgreen\:70\:st, html.auto .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-forestgreen\:80\:st, html.auto .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-forestgreen\:90\:st, html.auto .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-forestgreen\:100\:st, html.auto .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-forestgreen\:st, html.auto .sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:0\:st, html.auto .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:10\:st, html.auto .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:20\:st, html.auto .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:30\:st, html.auto .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:40\:st, html.auto .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:50\:st, html.auto .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:60\:st, html.auto .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:70\:st, html.auto .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:80\:st, html.auto .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:90\:st, html.auto .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:100\:st, html.auto .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/fuchsia.css b/src/colors/10/fuchsia.css deleted file mode 100644 index c69e576..0000000 --- a/src/colors/10/fuchsia.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-fuchsia { - --sf-c-fuchsia: 300 100% 50%; - --sf-c-fuchsia-0: 300 100% 0%; - --sf-c-fuchsia-10: 300 100% 10%; - --sf-c-fuchsia-20: 300 100% 20%; - --sf-c-fuchsia-30: 300 100% 30%; - --sf-c-fuchsia-40: 300 100% 40%; - --sf-c-fuchsia-50: 300 100% 50%; - --sf-c-fuchsia-60: 300 100% 60%; - --sf-c-fuchsia-70: 300 100% 70%; - --sf-c-fuchsia-80: 300 100% 80%; - --sf-c-fuchsia-90: 300 100% 90%; - --sf-c-fuchsia-100: 300 100% 100%; -} - -.sf-c-fuchsia, .sf-c-fuchsia\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-fuchsia\:0, .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -.sf-c-fuchsia\:10, .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -.sf-c-fuchsia\:20, .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -.sf-c-fuchsia\:30, .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -.sf-c-fuchsia\:40, .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -.sf-c-fuchsia\:50, .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-fuchsia\:60, .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -.sf-c-fuchsia\:70, .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -.sf-c-fuchsia\:80, .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -.sf-c-fuchsia\:90, .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -.sf-c-fuchsia\:100, .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:0, .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-fuchsia\:10, .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-fuchsia\:20, .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-fuchsia\:30, .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-fuchsia\:40, .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-fuchsia\:50, .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:60, .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-fuchsia\:70, .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-fuchsia\:80, .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-fuchsia\:90, .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-fuchsia\:100, .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-fuchsia, html.dark .sf-c-fuchsia { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:0, html.dark .sf-c-fuchsia\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-fuchsia\:10, html.dark .sf-c-fuchsia\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-fuchsia\:20, html.dark .sf-c-fuchsia\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-fuchsia\:30, html.dark .sf-c-fuchsia\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-fuchsia\:40, html.dark .sf-c-fuchsia\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-fuchsia\:50, html.dark .sf-c-fuchsia\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:60, html.dark .sf-c-fuchsia\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-fuchsia\:70, html.dark .sf-c-fuchsia\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-fuchsia\:80, html.dark .sf-c-fuchsia\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-fuchsia\:90, html.dark .sf-c-fuchsia\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-fuchsia\:100, html.dark .sf-c-fuchsia\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-fuchsia\:st, html.dark .sf-c-fuchsia\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:0\:st, html.dark .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-fuchsia\:10\:st, html.dark .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-fuchsia\:20\:st, html.dark .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-fuchsia\:30\:st, html.dark .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-fuchsia\:40\:st, html.dark .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-fuchsia\:50\:st, html.dark .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:60\:st, html.dark .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-fuchsia\:70\:st, html.dark .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-fuchsia\:80\:st, html.dark .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-fuchsia\:90\:st, html.dark .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-fuchsia\:100\:st, html.dark .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-fuchsia\:st, html.dark .sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:st, html.dark .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:st, html.dark .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:st, html.dark .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:st, html.dark .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:st, html.dark .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:st, html.dark .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:st, html.dark .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:st, html.dark .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:st, html.dark .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:st, html.dark .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:st, html.dark .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-fuchsia, html.auto .sf-c-fuchsia { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:0, html.auto .sf-c-fuchsia\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-fuchsia\:10, html.auto .sf-c-fuchsia\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-fuchsia\:20, html.auto .sf-c-fuchsia\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-fuchsia\:30, html.auto .sf-c-fuchsia\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-fuchsia\:40, html.auto .sf-c-fuchsia\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-fuchsia\:50, html.auto .sf-c-fuchsia\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:60, html.auto .sf-c-fuchsia\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-fuchsia\:70, html.auto .sf-c-fuchsia\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-fuchsia\:80, html.auto .sf-c-fuchsia\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-fuchsia\:90, html.auto .sf-c-fuchsia\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-fuchsia\:100, html.auto .sf-c-fuchsia\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-fuchsia\:st, html.auto .sf-c-fuchsia\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:0\:st, html.auto .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-fuchsia\:10\:st, html.auto .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-fuchsia\:20\:st, html.auto .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-fuchsia\:30\:st, html.auto .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-fuchsia\:40\:st, html.auto .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-fuchsia\:50\:st, html.auto .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:60\:st, html.auto .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-fuchsia\:70\:st, html.auto .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-fuchsia\:80\:st, html.auto .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-fuchsia\:90\:st, html.auto .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-fuchsia\:100\:st, html.auto .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-fuchsia\:st, html.auto .sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:st, html.auto .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:st, html.auto .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:st, html.auto .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:st, html.auto .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:st, html.auto .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:st, html.auto .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:st, html.auto .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:st, html.auto .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:st, html.auto .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:st, html.auto .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:st, html.auto .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/gainsboro.css b/src/colors/10/gainsboro.css deleted file mode 100644 index 2409892..0000000 --- a/src/colors/10/gainsboro.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-gainsboro { - --sf-c-gainsboro: 0 0% 86%; - --sf-c-gainsboro-0: 0 0% 0%; - --sf-c-gainsboro-10: 0 0% 10%; - --sf-c-gainsboro-20: 0 0% 20%; - --sf-c-gainsboro-30: 0 0% 30%; - --sf-c-gainsboro-40: 0 0% 40%; - --sf-c-gainsboro-50: 0 0% 50%; - --sf-c-gainsboro-60: 0 0% 60%; - --sf-c-gainsboro-70: 0 0% 70%; - --sf-c-gainsboro-80: 0 0% 80%; - --sf-c-gainsboro-90: 0 0% 90%; - --sf-c-gainsboro-100: 0 0% 100%; -} - -.sf-c-gainsboro, .sf-c-gainsboro\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 86%) } -.sf-c-gainsboro\:0, .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-gainsboro\:10, .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-gainsboro\:20, .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-gainsboro\:30, .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-gainsboro\:40, .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-gainsboro\:50, .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-gainsboro\:60, .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-gainsboro\:70, .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-gainsboro\:80, .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-gainsboro\:90, .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-gainsboro\:100, .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-gainsboro { color: hsl(0, 0%, 10%) } -.sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } -.sf-c-txt-gainsboro\:0, .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-gainsboro\:10, .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-gainsboro\:20, .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-gainsboro\:30, .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-gainsboro\:40, .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-gainsboro\:50, .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gainsboro\:60, .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-gainsboro\:70, .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-gainsboro\:80, .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-gainsboro\:90, .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-gainsboro\:100, .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-gainsboro, html.dark .sf-c-gainsboro { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 14%) } -html[data-theme='dark'] .sf-c-gainsboro\:0, html.dark .sf-c-gainsboro\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-gainsboro\:10, html.dark .sf-c-gainsboro\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gainsboro\:20, html.dark .sf-c-gainsboro\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gainsboro\:30, html.dark .sf-c-gainsboro\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gainsboro\:40, html.dark .sf-c-gainsboro\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gainsboro\:50, html.dark .sf-c-gainsboro\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gainsboro\:60, html.dark .sf-c-gainsboro\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gainsboro\:70, html.dark .sf-c-gainsboro\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gainsboro\:80, html.dark .sf-c-gainsboro\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gainsboro\:90, html.dark .sf-c-gainsboro\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gainsboro\:100, html.dark .sf-c-gainsboro\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-gainsboro\:st, html.dark .sf-c-gainsboro\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-gainsboro\:0\:st, html.dark .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-gainsboro\:10\:st, html.dark .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gainsboro\:20\:st, html.dark .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gainsboro\:30\:st, html.dark .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gainsboro\:40\:st, html.dark .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gainsboro\:50\:st, html.dark .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gainsboro\:60\:st, html.dark .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gainsboro\:70\:st, html.dark .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gainsboro\:80\:st, html.dark .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gainsboro\:90\:st, html.dark .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gainsboro\:100\:st, html.dark .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gainsboro\:st, html.dark .sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:0\:st, html.dark .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:10\:st, html.dark .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:20\:st, html.dark .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:30\:st, html.dark .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:40\:st, html.dark .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:50\:st, html.dark .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:60\:st, html.dark .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:70\:st, html.dark .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:80\:st, html.dark .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:90\:st, html.dark .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:100\:st, html.dark .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gainsboro, html.auto .sf-c-gainsboro { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 14%) } - html[data-theme='auto'] .sf-c-gainsboro\:0, html.auto .sf-c-gainsboro\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-gainsboro\:10, html.auto .sf-c-gainsboro\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gainsboro\:20, html.auto .sf-c-gainsboro\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gainsboro\:30, html.auto .sf-c-gainsboro\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gainsboro\:40, html.auto .sf-c-gainsboro\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gainsboro\:50, html.auto .sf-c-gainsboro\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gainsboro\:60, html.auto .sf-c-gainsboro\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gainsboro\:70, html.auto .sf-c-gainsboro\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gainsboro\:80, html.auto .sf-c-gainsboro\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gainsboro\:90, html.auto .sf-c-gainsboro\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gainsboro\:100, html.auto .sf-c-gainsboro\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-gainsboro\:st, html.auto .sf-c-gainsboro\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-gainsboro\:0\:st, html.auto .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-gainsboro\:10\:st, html.auto .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gainsboro\:20\:st, html.auto .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gainsboro\:30\:st, html.auto .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gainsboro\:40\:st, html.auto .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gainsboro\:50\:st, html.auto .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gainsboro\:60\:st, html.auto .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gainsboro\:70\:st, html.auto .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gainsboro\:80\:st, html.auto .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gainsboro\:90\:st, html.auto .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gainsboro\:100\:st, html.auto .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gainsboro\:st, html.auto .sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:0\:st, html.auto .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:10\:st, html.auto .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:20\:st, html.auto .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:30\:st, html.auto .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:40\:st, html.auto .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:50\:st, html.auto .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:60\:st, html.auto .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:70\:st, html.auto .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:80\:st, html.auto .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:90\:st, html.auto .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:100\:st, html.auto .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/ghostwhite.css b/src/colors/10/ghostwhite.css deleted file mode 100644 index e115783..0000000 --- a/src/colors/10/ghostwhite.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-ghostwhite { - --sf-c-ghostwhite: 240 100% 99%; - --sf-c-ghostwhite-0: 240 100% 0%; - --sf-c-ghostwhite-10: 240 100% 10%; - --sf-c-ghostwhite-20: 240 100% 20%; - --sf-c-ghostwhite-30: 240 100% 30%; - --sf-c-ghostwhite-40: 240 100% 40%; - --sf-c-ghostwhite-50: 240 100% 50%; - --sf-c-ghostwhite-60: 240 100% 60%; - --sf-c-ghostwhite-70: 240 100% 70%; - --sf-c-ghostwhite-80: 240 100% 80%; - --sf-c-ghostwhite-90: 240 100% 90%; - --sf-c-ghostwhite-100: 240 100% 100%; -} - -.sf-c-ghostwhite, .sf-c-ghostwhite\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 99%) } -.sf-c-ghostwhite\:0, .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -.sf-c-ghostwhite\:10, .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -.sf-c-ghostwhite\:20, .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -.sf-c-ghostwhite\:30, .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -.sf-c-ghostwhite\:40, .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-ghostwhite\:50, .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-ghostwhite\:60, .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -.sf-c-ghostwhite\:70, .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -.sf-c-ghostwhite\:80, .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -.sf-c-ghostwhite\:90, .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -.sf-c-ghostwhite\:100, .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-ghostwhite { color: hsl(240, 100%, 10%) } -.sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } -.sf-c-txt-ghostwhite\:0, .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-ghostwhite\:10, .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-ghostwhite\:20, .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-ghostwhite\:30, .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-ghostwhite\:40, .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-ghostwhite\:50, .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-ghostwhite\:60, .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-ghostwhite\:70, .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-ghostwhite\:80, .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-ghostwhite\:90, .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-ghostwhite\:100, .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-ghostwhite, html.dark .sf-c-ghostwhite { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 1%) } -html[data-theme='dark'] .sf-c-ghostwhite\:0, html.dark .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-ghostwhite\:10, html.dark .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-ghostwhite\:20, html.dark .sf-c-ghostwhite\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-ghostwhite\:30, html.dark .sf-c-ghostwhite\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-ghostwhite\:40, html.dark .sf-c-ghostwhite\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-ghostwhite\:50, html.dark .sf-c-ghostwhite\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-ghostwhite\:60, html.dark .sf-c-ghostwhite\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-ghostwhite\:70, html.dark .sf-c-ghostwhite\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-ghostwhite\:80, html.dark .sf-c-ghostwhite\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-ghostwhite\:90, html.dark .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-ghostwhite\:100, html.dark .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-ghostwhite\:st, html.dark .sf-c-ghostwhite\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-ghostwhite\:0\:st, html.dark .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-ghostwhite\:10\:st, html.dark .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-ghostwhite\:20\:st, html.dark .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-ghostwhite\:30\:st, html.dark .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-ghostwhite\:40\:st, html.dark .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-ghostwhite\:50\:st, html.dark .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-ghostwhite\:60\:st, html.dark .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-ghostwhite\:70\:st, html.dark .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-ghostwhite\:80\:st, html.dark .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-ghostwhite\:90\:st, html.dark .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-ghostwhite\:100\:st, html.dark .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-ghostwhite\:st, html.dark .sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:st, html.dark .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:st, html.dark .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:st, html.dark .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:st, html.dark .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:st, html.dark .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:st, html.dark .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:st, html.dark .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:st, html.dark .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:st, html.dark .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:st, html.dark .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:st, html.dark .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-ghostwhite, html.auto .sf-c-ghostwhite { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 1%) } - html[data-theme='auto'] .sf-c-ghostwhite\:0, html.auto .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-ghostwhite\:10, html.auto .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-ghostwhite\:20, html.auto .sf-c-ghostwhite\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-ghostwhite\:30, html.auto .sf-c-ghostwhite\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-ghostwhite\:40, html.auto .sf-c-ghostwhite\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-ghostwhite\:50, html.auto .sf-c-ghostwhite\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-ghostwhite\:60, html.auto .sf-c-ghostwhite\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-ghostwhite\:70, html.auto .sf-c-ghostwhite\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-ghostwhite\:80, html.auto .sf-c-ghostwhite\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-ghostwhite\:90, html.auto .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-ghostwhite\:100, html.auto .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-ghostwhite\:st, html.auto .sf-c-ghostwhite\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-ghostwhite\:0\:st, html.auto .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-ghostwhite\:10\:st, html.auto .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-ghostwhite\:20\:st, html.auto .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-ghostwhite\:30\:st, html.auto .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-ghostwhite\:40\:st, html.auto .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-ghostwhite\:50\:st, html.auto .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-ghostwhite\:60\:st, html.auto .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-ghostwhite\:70\:st, html.auto .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-ghostwhite\:80\:st, html.auto .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-ghostwhite\:90\:st, html.auto .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-ghostwhite\:100\:st, html.auto .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-ghostwhite\:st, html.auto .sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:st, html.auto .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:st, html.auto .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:st, html.auto .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:st, html.auto .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:st, html.auto .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:st, html.auto .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:st, html.auto .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:st, html.auto .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:st, html.auto .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:st, html.auto .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:st, html.auto .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/gold.css b/src/colors/10/gold.css deleted file mode 100644 index fe17db2..0000000 --- a/src/colors/10/gold.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-gold { - --sf-c-gold: 51 100% 50%; - --sf-c-gold-0: 51 100% 0%; - --sf-c-gold-10: 51 100% 10%; - --sf-c-gold-20: 51 100% 20%; - --sf-c-gold-30: 51 100% 30%; - --sf-c-gold-40: 51 100% 40%; - --sf-c-gold-50: 51 100% 50%; - --sf-c-gold-60: 51 100% 60%; - --sf-c-gold-70: 51 100% 70%; - --sf-c-gold-80: 51 100% 80%; - --sf-c-gold-90: 51 100% 90%; - --sf-c-gold-100: 51 100% 100%; -} - -.sf-c-gold, .sf-c-gold\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -.sf-c-gold\:0, .sf-c-gold\:0\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } -.sf-c-gold\:10, .sf-c-gold\:10\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } -.sf-c-gold\:20, .sf-c-gold\:20\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } -.sf-c-gold\:30, .sf-c-gold\:30\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 30%) } -.sf-c-gold\:40, .sf-c-gold\:40\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 40%) } -.sf-c-gold\:50, .sf-c-gold\:50\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -.sf-c-gold\:60, .sf-c-gold\:60\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 60%) } -.sf-c-gold\:70, .sf-c-gold\:70\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 70%) } -.sf-c-gold\:80, .sf-c-gold\:80\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 80%) } -.sf-c-gold\:90, .sf-c-gold\:90\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } -.sf-c-gold\:100, .sf-c-gold\:100\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } - -.sf-c-txt-gold { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:0, .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } -.sf-c-txt-gold\:10, .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } -.sf-c-txt-gold\:20, .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } -.sf-c-txt-gold\:30, .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } -.sf-c-txt-gold\:40, .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } -.sf-c-txt-gold\:50, .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:60, .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } -.sf-c-txt-gold\:70, .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } -.sf-c-txt-gold\:80, .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } -.sf-c-txt-gold\:90, .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } -.sf-c-txt-gold\:100, .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } - -html[data-theme='dark'] .sf-c-gold, html.dark .sf-c-gold { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:0, html.dark .sf-c-gold\:0 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } -html[data-theme='dark'] .sf-c-gold\:10, html.dark .sf-c-gold\:10 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-gold\:20, html.dark .sf-c-gold\:20 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-gold\:30, html.dark .sf-c-gold\:30 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-gold\:40, html.dark .sf-c-gold\:40 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-gold\:50, html.dark .sf-c-gold\:50 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:60, html.dark .sf-c-gold\:60 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-gold\:70, html.dark .sf-c-gold\:70 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-gold\:80, html.dark .sf-c-gold\:80 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-gold\:90, html.dark .sf-c-gold\:90 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-gold\:100, html.dark .sf-c-gold\:100 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } - -html[data-theme='dark'] .sf-c-gold\:st, html.dark .sf-c-gold\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:0\:st, html.dark .sf-c-gold\:0\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } -html[data-theme='dark'] .sf-c-gold\:10\:st, html.dark .sf-c-gold\:10\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-gold\:20\:st, html.dark .sf-c-gold\:20\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-gold\:30\:st, html.dark .sf-c-gold\:30\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-gold\:40\:st, html.dark .sf-c-gold\:40\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-gold\:50\:st, html.dark .sf-c-gold\:50\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:60\:st, html.dark .sf-c-gold\:60\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-gold\:70\:st, html.dark .sf-c-gold\:70\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-gold\:80\:st, html.dark .sf-c-gold\:80\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-gold\:90\:st, html.dark .sf-c-gold\:90\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-gold\:100\:st, html.dark .sf-c-gold\:100\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gold\:st, html.dark .sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:0\:st, html.dark .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-gold\:10\:st, html.dark .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-gold\:20\:st, html.dark .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-gold\:30\:st, html.dark .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-gold\:40\:st, html.dark .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-gold\:50\:st, html.dark .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:60\:st, html.dark .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-gold\:70\:st, html.dark .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-gold\:80\:st, html.dark .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-gold\:90\:st, html.dark .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-gold\:100\:st, html.dark .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gold, html.auto .sf-c-gold { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:0, html.auto .sf-c-gold\:0 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } - html[data-theme='auto'] .sf-c-gold\:10, html.auto .sf-c-gold\:10 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-gold\:20, html.auto .sf-c-gold\:20 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-gold\:30, html.auto .sf-c-gold\:30 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-gold\:40, html.auto .sf-c-gold\:40 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-gold\:50, html.auto .sf-c-gold\:50 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:60, html.auto .sf-c-gold\:60 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-gold\:70, html.auto .sf-c-gold\:70 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-gold\:80, html.auto .sf-c-gold\:80 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-gold\:90, html.auto .sf-c-gold\:90 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-gold\:100, html.auto .sf-c-gold\:100 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } - - html[data-theme='auto'] .sf-c-gold\:st, html.auto .sf-c-gold\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:0\:st, html.auto .sf-c-gold\:0\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } - html[data-theme='auto'] .sf-c-gold\:10\:st, html.auto .sf-c-gold\:10\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-gold\:20\:st, html.auto .sf-c-gold\:20\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-gold\:30\:st, html.auto .sf-c-gold\:30\:st { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-gold\:40\:st, html.auto .sf-c-gold\:40\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-gold\:50\:st, html.auto .sf-c-gold\:50\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:60\:st, html.auto .sf-c-gold\:60\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-gold\:70\:st, html.auto .sf-c-gold\:70\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-gold\:80\:st, html.auto .sf-c-gold\:80\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-gold\:90\:st, html.auto .sf-c-gold\:90\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-gold\:100\:st, html.auto .sf-c-gold\:100\:st { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gold\:st, html.auto .sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:0\:st, html.auto .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-gold\:10\:st, html.auto .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-gold\:20\:st, html.auto .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-gold\:30\:st, html.auto .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-gold\:40\:st, html.auto .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-gold\:50\:st, html.auto .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:60\:st, html.auto .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-gold\:70\:st, html.auto .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-gold\:80\:st, html.auto .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-gold\:90\:st, html.auto .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-gold\:100\:st, html.auto .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/goldenrod.css b/src/colors/10/goldenrod.css deleted file mode 100644 index 3c233b6..0000000 --- a/src/colors/10/goldenrod.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-goldenrod { - --sf-c-goldenrod: 43 74% 49%; - --sf-c-goldenrod-0: 43 74% 0%; - --sf-c-goldenrod-10: 43 74% 10%; - --sf-c-goldenrod-20: 43 74% 20%; - --sf-c-goldenrod-30: 43 74% 30%; - --sf-c-goldenrod-40: 43 74% 40%; - --sf-c-goldenrod-50: 43 74% 50%; - --sf-c-goldenrod-60: 43 74% 60%; - --sf-c-goldenrod-70: 43 74% 70%; - --sf-c-goldenrod-80: 43 74% 80%; - --sf-c-goldenrod-90: 43 74% 90%; - --sf-c-goldenrod-100: 43 74% 100%; -} - -.sf-c-goldenrod, .sf-c-goldenrod\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 49%) } -.sf-c-goldenrod\:0, .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } -.sf-c-goldenrod\:10, .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } -.sf-c-goldenrod\:20, .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } -.sf-c-goldenrod\:30, .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 30%) } -.sf-c-goldenrod\:40, .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 40%) } -.sf-c-goldenrod\:50, .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 50%) } -.sf-c-goldenrod\:60, .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 60%) } -.sf-c-goldenrod\:70, .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 70%) } -.sf-c-goldenrod\:80, .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 80%) } -.sf-c-goldenrod\:90, .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } -.sf-c-goldenrod\:100, .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } - -.sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } -.sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } -.sf-c-txt-goldenrod\:0, .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } -.sf-c-txt-goldenrod\:10, .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } -.sf-c-txt-goldenrod\:20, .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } -.sf-c-txt-goldenrod\:30, .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } -.sf-c-txt-goldenrod\:40, .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } -.sf-c-txt-goldenrod\:50, .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } -.sf-c-txt-goldenrod\:60, .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } -.sf-c-txt-goldenrod\:70, .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } -.sf-c-txt-goldenrod\:80, .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } -.sf-c-txt-goldenrod\:90, .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } -.sf-c-txt-goldenrod\:100, .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } - -html[data-theme='dark'] .sf-c-goldenrod, html.dark .sf-c-goldenrod { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 51%) } -html[data-theme='dark'] .sf-c-goldenrod\:0, html.dark .sf-c-goldenrod\:0 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } -html[data-theme='dark'] .sf-c-goldenrod\:10, html.dark .sf-c-goldenrod\:10 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-goldenrod\:20, html.dark .sf-c-goldenrod\:20 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-goldenrod\:30, html.dark .sf-c-goldenrod\:30 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-goldenrod\:40, html.dark .sf-c-goldenrod\:40 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-goldenrod\:50, html.dark .sf-c-goldenrod\:50 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-goldenrod\:60, html.dark .sf-c-goldenrod\:60 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-goldenrod\:70, html.dark .sf-c-goldenrod\:70 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-goldenrod\:80, html.dark .sf-c-goldenrod\:80 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-goldenrod\:90, html.dark .sf-c-goldenrod\:90 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-goldenrod\:100, html.dark .sf-c-goldenrod\:100 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } - -html[data-theme='dark'] .sf-c-goldenrod\:st, html.dark .sf-c-goldenrod\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 49%) } -html[data-theme='dark'] .sf-c-goldenrod\:0\:st, html.dark .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } -html[data-theme='dark'] .sf-c-goldenrod\:10\:st, html.dark .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-goldenrod\:20\:st, html.dark .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-goldenrod\:30\:st, html.dark .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-goldenrod\:40\:st, html.dark .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-goldenrod\:50\:st, html.dark .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-goldenrod\:60\:st, html.dark .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-goldenrod\:70\:st, html.dark .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-goldenrod\:80\:st, html.dark .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-goldenrod\:90\:st, html.dark .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-goldenrod\:100\:st, html.dark .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } - -html[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } - -html[data-theme='dark'] .sf-c-txt-goldenrod\:st, html.dark .sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:0\:st, html.dark .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:10\:st, html.dark .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:20\:st, html.dark .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:30\:st, html.dark .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:40\:st, html.dark .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:50\:st, html.dark .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:60\:st, html.dark .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:70\:st, html.dark .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:80\:st, html.dark .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:90\:st, html.dark .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:100\:st, html.dark .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-goldenrod, html.auto .sf-c-goldenrod { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 51%) } - html[data-theme='auto'] .sf-c-goldenrod\:0, html.auto .sf-c-goldenrod\:0 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } - html[data-theme='auto'] .sf-c-goldenrod\:10, html.auto .sf-c-goldenrod\:10 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-goldenrod\:20, html.auto .sf-c-goldenrod\:20 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-goldenrod\:30, html.auto .sf-c-goldenrod\:30 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-goldenrod\:40, html.auto .sf-c-goldenrod\:40 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-goldenrod\:50, html.auto .sf-c-goldenrod\:50 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-goldenrod\:60, html.auto .sf-c-goldenrod\:60 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-goldenrod\:70, html.auto .sf-c-goldenrod\:70 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-goldenrod\:80, html.auto .sf-c-goldenrod\:80 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-goldenrod\:90, html.auto .sf-c-goldenrod\:90 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-goldenrod\:100, html.auto .sf-c-goldenrod\:100 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } - - html[data-theme='auto'] .sf-c-goldenrod\:st, html.auto .sf-c-goldenrod\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 49%) } - html[data-theme='auto'] .sf-c-goldenrod\:0\:st, html.auto .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } - html[data-theme='auto'] .sf-c-goldenrod\:10\:st, html.auto .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-goldenrod\:20\:st, html.auto .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-goldenrod\:30\:st, html.auto .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-goldenrod\:40\:st, html.auto .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-goldenrod\:50\:st, html.auto .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-goldenrod\:60\:st, html.auto .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-goldenrod\:70\:st, html.auto .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-goldenrod\:80\:st, html.auto .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-goldenrod\:90\:st, html.auto .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-goldenrod\:100\:st, html.auto .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } - - html[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } - - html[data-theme='auto'] .sf-c-txt-goldenrod\:st, html.auto .sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:0\:st, html.auto .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:10\:st, html.auto .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:20\:st, html.auto .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:30\:st, html.auto .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:40\:st, html.auto .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:50\:st, html.auto .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:60\:st, html.auto .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:70\:st, html.auto .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:80\:st, html.auto .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:90\:st, html.auto .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:100\:st, html.auto .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/gray.css b/src/colors/10/gray.css deleted file mode 100644 index e288b2f..0000000 --- a/src/colors/10/gray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-gray { - --sf-c-gray: 0 0% 50%; - --sf-c-gray-0: 0 0% 0%; - --sf-c-gray-10: 0 0% 10%; - --sf-c-gray-20: 0 0% 20%; - --sf-c-gray-30: 0 0% 30%; - --sf-c-gray-40: 0 0% 40%; - --sf-c-gray-50: 0 0% 50%; - --sf-c-gray-60: 0 0% 60%; - --sf-c-gray-70: 0 0% 70%; - --sf-c-gray-80: 0 0% 80%; - --sf-c-gray-90: 0 0% 90%; - --sf-c-gray-100: 0 0% 100%; -} - -.sf-c-gray, .sf-c-gray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-gray\:0, .sf-c-gray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-gray\:10, .sf-c-gray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-gray\:20, .sf-c-gray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-gray\:30, .sf-c-gray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-gray\:40, .sf-c-gray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-gray\:50, .sf-c-gray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-gray\:60, .sf-c-gray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-gray\:70, .sf-c-gray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-gray\:80, .sf-c-gray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-gray\:90, .sf-c-gray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-gray\:100, .sf-c-gray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-gray { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:0, .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-gray\:10, .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-gray\:20, .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-gray\:30, .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-gray\:40, .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-gray\:50, .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:60, .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-gray\:70, .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-gray\:80, .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-gray\:90, .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-gray\:100, .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-gray, html.dark .sf-c-gray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:0, html.dark .sf-c-gray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-gray\:10, html.dark .sf-c-gray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gray\:20, html.dark .sf-c-gray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gray\:30, html.dark .sf-c-gray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gray\:40, html.dark .sf-c-gray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gray\:50, html.dark .sf-c-gray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:60, html.dark .sf-c-gray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gray\:70, html.dark .sf-c-gray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gray\:80, html.dark .sf-c-gray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gray\:90, html.dark .sf-c-gray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gray\:100, html.dark .sf-c-gray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-gray\:st, html.dark .sf-c-gray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:0\:st, html.dark .sf-c-gray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-gray\:10\:st, html.dark .sf-c-gray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gray\:20\:st, html.dark .sf-c-gray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gray\:30\:st, html.dark .sf-c-gray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gray\:40\:st, html.dark .sf-c-gray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gray\:50\:st, html.dark .sf-c-gray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:60\:st, html.dark .sf-c-gray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gray\:70\:st, html.dark .sf-c-gray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gray\:80\:st, html.dark .sf-c-gray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gray\:90\:st, html.dark .sf-c-gray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gray\:100\:st, html.dark .sf-c-gray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gray\:st, html.dark .sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:0\:st, html.dark .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-gray\:10\:st, html.dark .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gray\:20\:st, html.dark .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gray\:30\:st, html.dark .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gray\:40\:st, html.dark .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gray\:50\:st, html.dark .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:60\:st, html.dark .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gray\:70\:st, html.dark .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gray\:80\:st, html.dark .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gray\:90\:st, html.dark .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gray\:100\:st, html.dark .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gray, html.auto .sf-c-gray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:0, html.auto .sf-c-gray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-gray\:10, html.auto .sf-c-gray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gray\:20, html.auto .sf-c-gray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gray\:30, html.auto .sf-c-gray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gray\:40, html.auto .sf-c-gray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gray\:50, html.auto .sf-c-gray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:60, html.auto .sf-c-gray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gray\:70, html.auto .sf-c-gray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gray\:80, html.auto .sf-c-gray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gray\:90, html.auto .sf-c-gray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gray\:100, html.auto .sf-c-gray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-gray\:st, html.auto .sf-c-gray\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:0\:st, html.auto .sf-c-gray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-gray\:10\:st, html.auto .sf-c-gray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gray\:20\:st, html.auto .sf-c-gray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gray\:30\:st, html.auto .sf-c-gray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gray\:40\:st, html.auto .sf-c-gray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gray\:50\:st, html.auto .sf-c-gray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:60\:st, html.auto .sf-c-gray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gray\:70\:st, html.auto .sf-c-gray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gray\:80\:st, html.auto .sf-c-gray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gray\:90\:st, html.auto .sf-c-gray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gray\:100\:st, html.auto .sf-c-gray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gray\:st, html.auto .sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:0\:st, html.auto .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-gray\:10\:st, html.auto .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gray\:20\:st, html.auto .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gray\:30\:st, html.auto .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gray\:40\:st, html.auto .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gray\:50\:st, html.auto .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:60\:st, html.auto .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gray\:70\:st, html.auto .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gray\:80\:st, html.auto .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gray\:90\:st, html.auto .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gray\:100\:st, html.auto .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/green.css b/src/colors/10/green.css deleted file mode 100644 index 4921da9..0000000 --- a/src/colors/10/green.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-green { - --sf-c-green: 120 100% 25%; - --sf-c-green-0: 120 100% 0%; - --sf-c-green-10: 120 100% 10%; - --sf-c-green-20: 120 100% 20%; - --sf-c-green-30: 120 100% 30%; - --sf-c-green-40: 120 100% 40%; - --sf-c-green-50: 120 100% 50%; - --sf-c-green-60: 120 100% 60%; - --sf-c-green-70: 120 100% 70%; - --sf-c-green-80: 120 100% 80%; - --sf-c-green-90: 120 100% 90%; - --sf-c-green-100: 120 100% 100%; -} - -.sf-c-green, .sf-c-green\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 25%) } -.sf-c-green\:0, .sf-c-green\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -.sf-c-green\:10, .sf-c-green\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -.sf-c-green\:20, .sf-c-green\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -.sf-c-green\:30, .sf-c-green\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -.sf-c-green\:40, .sf-c-green\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -.sf-c-green\:50, .sf-c-green\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -.sf-c-green\:60, .sf-c-green\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -.sf-c-green\:70, .sf-c-green\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -.sf-c-green\:80, .sf-c-green\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -.sf-c-green\:90, .sf-c-green\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -.sf-c-green\:100, .sf-c-green\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-green { color: hsl(120, 100%, 25%) } -.sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-green\:0, .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-green\:10, .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-green\:20, .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-green\:30, .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-green\:40, .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-green\:50, .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-green\:60, .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-green\:70, .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-green\:80, .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-green\:90, .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-green\:100, .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-green, html.dark .sf-c-green { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-green\:0, html.dark .sf-c-green\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-green\:10, html.dark .sf-c-green\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-green\:20, html.dark .sf-c-green\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-green\:30, html.dark .sf-c-green\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-green\:40, html.dark .sf-c-green\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-green\:50, html.dark .sf-c-green\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-green\:60, html.dark .sf-c-green\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-green\:70, html.dark .sf-c-green\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-green\:80, html.dark .sf-c-green\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-green\:90, html.dark .sf-c-green\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-green\:100, html.dark .sf-c-green\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-green\:st, html.dark .sf-c-green\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-green\:0\:st, html.dark .sf-c-green\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-green\:10\:st, html.dark .sf-c-green\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-green\:20\:st, html.dark .sf-c-green\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-green\:30\:st, html.dark .sf-c-green\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-green\:40\:st, html.dark .sf-c-green\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-green\:50\:st, html.dark .sf-c-green\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-green\:60\:st, html.dark .sf-c-green\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-green\:70\:st, html.dark .sf-c-green\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-green\:80\:st, html.dark .sf-c-green\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-green\:90\:st, html.dark .sf-c-green\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-green\:100\:st, html.dark .sf-c-green\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-green\:st, html.dark .sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-green\:0\:st, html.dark .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-green\:10\:st, html.dark .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-green\:20\:st, html.dark .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-green\:30\:st, html.dark .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-green\:40\:st, html.dark .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-green\:50\:st, html.dark .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-green\:60\:st, html.dark .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-green\:70\:st, html.dark .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-green\:80\:st, html.dark .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-green\:90\:st, html.dark .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-green\:100\:st, html.dark .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-green, html.auto .sf-c-green { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-green\:0, html.auto .sf-c-green\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-green\:10, html.auto .sf-c-green\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-green\:20, html.auto .sf-c-green\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-green\:30, html.auto .sf-c-green\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-green\:40, html.auto .sf-c-green\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-green\:50, html.auto .sf-c-green\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-green\:60, html.auto .sf-c-green\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-green\:70, html.auto .sf-c-green\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-green\:80, html.auto .sf-c-green\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-green\:90, html.auto .sf-c-green\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-green\:100, html.auto .sf-c-green\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-green\:st, html.auto .sf-c-green\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-green\:0\:st, html.auto .sf-c-green\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-green\:10\:st, html.auto .sf-c-green\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-green\:20\:st, html.auto .sf-c-green\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-green\:30\:st, html.auto .sf-c-green\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-green\:40\:st, html.auto .sf-c-green\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-green\:50\:st, html.auto .sf-c-green\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-green\:60\:st, html.auto .sf-c-green\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-green\:70\:st, html.auto .sf-c-green\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-green\:80\:st, html.auto .sf-c-green\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-green\:90\:st, html.auto .sf-c-green\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-green\:100\:st, html.auto .sf-c-green\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-green\:st, html.auto .sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-green\:0\:st, html.auto .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-green\:10\:st, html.auto .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-green\:20\:st, html.auto .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-green\:30\:st, html.auto .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-green\:40\:st, html.auto .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-green\:50\:st, html.auto .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-green\:60\:st, html.auto .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-green\:70\:st, html.auto .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-green\:80\:st, html.auto .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-green\:90\:st, html.auto .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-green\:100\:st, html.auto .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/greenyellow.css b/src/colors/10/greenyellow.css deleted file mode 100644 index 230960c..0000000 --- a/src/colors/10/greenyellow.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-greenyellow { - --sf-c-greenyellow: 84 100% 59%; - --sf-c-greenyellow-0: 84 100% 0%; - --sf-c-greenyellow-10: 84 100% 10%; - --sf-c-greenyellow-20: 84 100% 20%; - --sf-c-greenyellow-30: 84 100% 30%; - --sf-c-greenyellow-40: 84 100% 40%; - --sf-c-greenyellow-50: 84 100% 50%; - --sf-c-greenyellow-60: 84 100% 60%; - --sf-c-greenyellow-70: 84 100% 70%; - --sf-c-greenyellow-80: 84 100% 80%; - --sf-c-greenyellow-90: 84 100% 90%; - --sf-c-greenyellow-100: 84 100% 100%; -} - -.sf-c-greenyellow, .sf-c-greenyellow\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 59%) } -.sf-c-greenyellow\:0, .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } -.sf-c-greenyellow\:10, .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } -.sf-c-greenyellow\:20, .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } -.sf-c-greenyellow\:30, .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 30%) } -.sf-c-greenyellow\:40, .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 40%) } -.sf-c-greenyellow\:50, .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 50%) } -.sf-c-greenyellow\:60, .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 60%) } -.sf-c-greenyellow\:70, .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 70%) } -.sf-c-greenyellow\:80, .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 80%) } -.sf-c-greenyellow\:90, .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } -.sf-c-greenyellow\:100, .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } - -.sf-c-txt-greenyellow { color: hsl(84, 100%, 10%) } -.sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } -.sf-c-txt-greenyellow\:0, .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } -.sf-c-txt-greenyellow\:10, .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } -.sf-c-txt-greenyellow\:20, .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } -.sf-c-txt-greenyellow\:30, .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } -.sf-c-txt-greenyellow\:40, .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } -.sf-c-txt-greenyellow\:50, .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } -.sf-c-txt-greenyellow\:60, .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } -.sf-c-txt-greenyellow\:70, .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } -.sf-c-txt-greenyellow\:80, .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } -.sf-c-txt-greenyellow\:90, .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } -.sf-c-txt-greenyellow\:100, .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } - -html[data-theme='dark'] .sf-c-greenyellow, html.dark .sf-c-greenyellow { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 41%) } -html[data-theme='dark'] .sf-c-greenyellow\:0, html.dark .sf-c-greenyellow\:0 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } -html[data-theme='dark'] .sf-c-greenyellow\:10, html.dark .sf-c-greenyellow\:10 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-greenyellow\:20, html.dark .sf-c-greenyellow\:20 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-greenyellow\:30, html.dark .sf-c-greenyellow\:30 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-greenyellow\:40, html.dark .sf-c-greenyellow\:40 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-greenyellow\:50, html.dark .sf-c-greenyellow\:50 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-greenyellow\:60, html.dark .sf-c-greenyellow\:60 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-greenyellow\:70, html.dark .sf-c-greenyellow\:70 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-greenyellow\:80, html.dark .sf-c-greenyellow\:80 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-greenyellow\:90, html.dark .sf-c-greenyellow\:90 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-greenyellow\:100, html.dark .sf-c-greenyellow\:100 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } - -html[data-theme='dark'] .sf-c-greenyellow\:st, html.dark .sf-c-greenyellow\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-greenyellow\:0\:st, html.dark .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } -html[data-theme='dark'] .sf-c-greenyellow\:10\:st, html.dark .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-greenyellow\:20\:st, html.dark .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-greenyellow\:30\:st, html.dark .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-greenyellow\:40\:st, html.dark .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-greenyellow\:50\:st, html.dark .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-greenyellow\:60\:st, html.dark .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-greenyellow\:70\:st, html.dark .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-greenyellow\:80\:st, html.dark .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-greenyellow\:90\:st, html.dark .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-greenyellow\:100\:st, html.dark .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-greenyellow\:st, html.dark .sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:0\:st, html.dark .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:10\:st, html.dark .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:20\:st, html.dark .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:30\:st, html.dark .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:40\:st, html.dark .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:50\:st, html.dark .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:60\:st, html.dark .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:70\:st, html.dark .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:80\:st, html.dark .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:90\:st, html.dark .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:100\:st, html.dark .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-greenyellow, html.auto .sf-c-greenyellow { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 41%) } - html[data-theme='auto'] .sf-c-greenyellow\:0, html.auto .sf-c-greenyellow\:0 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } - html[data-theme='auto'] .sf-c-greenyellow\:10, html.auto .sf-c-greenyellow\:10 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-greenyellow\:20, html.auto .sf-c-greenyellow\:20 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-greenyellow\:30, html.auto .sf-c-greenyellow\:30 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-greenyellow\:40, html.auto .sf-c-greenyellow\:40 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-greenyellow\:50, html.auto .sf-c-greenyellow\:50 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-greenyellow\:60, html.auto .sf-c-greenyellow\:60 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-greenyellow\:70, html.auto .sf-c-greenyellow\:70 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-greenyellow\:80, html.auto .sf-c-greenyellow\:80 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-greenyellow\:90, html.auto .sf-c-greenyellow\:90 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-greenyellow\:100, html.auto .sf-c-greenyellow\:100 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } - - html[data-theme='auto'] .sf-c-greenyellow\:st, html.auto .sf-c-greenyellow\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-greenyellow\:0\:st, html.auto .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } - html[data-theme='auto'] .sf-c-greenyellow\:10\:st, html.auto .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-greenyellow\:20\:st, html.auto .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-greenyellow\:30\:st, html.auto .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-greenyellow\:40\:st, html.auto .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-greenyellow\:50\:st, html.auto .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-greenyellow\:60\:st, html.auto .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-greenyellow\:70\:st, html.auto .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-greenyellow\:80\:st, html.auto .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-greenyellow\:90\:st, html.auto .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-greenyellow\:100\:st, html.auto .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-greenyellow\:st, html.auto .sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:0\:st, html.auto .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:10\:st, html.auto .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:20\:st, html.auto .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:30\:st, html.auto .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:40\:st, html.auto .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:50\:st, html.auto .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:60\:st, html.auto .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:70\:st, html.auto .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:80\:st, html.auto .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:90\:st, html.auto .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:100\:st, html.auto .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/grey.css b/src/colors/10/grey.css deleted file mode 100644 index 96c024d..0000000 --- a/src/colors/10/grey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-grey { - --sf-c-grey: 0 0% 50%; - --sf-c-grey-0: 0 0% 0%; - --sf-c-grey-10: 0 0% 10%; - --sf-c-grey-20: 0 0% 20%; - --sf-c-grey-30: 0 0% 30%; - --sf-c-grey-40: 0 0% 40%; - --sf-c-grey-50: 0 0% 50%; - --sf-c-grey-60: 0 0% 60%; - --sf-c-grey-70: 0 0% 70%; - --sf-c-grey-80: 0 0% 80%; - --sf-c-grey-90: 0 0% 90%; - --sf-c-grey-100: 0 0% 100%; -} - -.sf-c-grey, .sf-c-grey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-grey\:0, .sf-c-grey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-grey\:10, .sf-c-grey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-grey\:20, .sf-c-grey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-grey\:30, .sf-c-grey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-grey\:40, .sf-c-grey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-grey\:50, .sf-c-grey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-grey\:60, .sf-c-grey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-grey\:70, .sf-c-grey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-grey\:80, .sf-c-grey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-grey\:90, .sf-c-grey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-grey\:100, .sf-c-grey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-grey { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:0, .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-grey\:10, .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-grey\:20, .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-grey\:30, .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-grey\:40, .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-grey\:50, .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:60, .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-grey\:70, .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-grey\:80, .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-grey\:90, .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-grey\:100, .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-grey, html.dark .sf-c-grey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:0, html.dark .sf-c-grey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-grey\:10, html.dark .sf-c-grey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-grey\:20, html.dark .sf-c-grey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-grey\:30, html.dark .sf-c-grey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-grey\:40, html.dark .sf-c-grey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-grey\:50, html.dark .sf-c-grey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:60, html.dark .sf-c-grey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-grey\:70, html.dark .sf-c-grey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-grey\:80, html.dark .sf-c-grey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-grey\:90, html.dark .sf-c-grey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-grey\:100, html.dark .sf-c-grey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-grey\:st, html.dark .sf-c-grey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:0\:st, html.dark .sf-c-grey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-grey\:10\:st, html.dark .sf-c-grey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-grey\:20\:st, html.dark .sf-c-grey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-grey\:30\:st, html.dark .sf-c-grey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-grey\:40\:st, html.dark .sf-c-grey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-grey\:50\:st, html.dark .sf-c-grey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:60\:st, html.dark .sf-c-grey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-grey\:70\:st, html.dark .sf-c-grey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-grey\:80\:st, html.dark .sf-c-grey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-grey\:90\:st, html.dark .sf-c-grey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-grey\:100\:st, html.dark .sf-c-grey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-grey\:st, html.dark .sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:0\:st, html.dark .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-grey\:10\:st, html.dark .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-grey\:20\:st, html.dark .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-grey\:30\:st, html.dark .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-grey\:40\:st, html.dark .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-grey\:50\:st, html.dark .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:60\:st, html.dark .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-grey\:70\:st, html.dark .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-grey\:80\:st, html.dark .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-grey\:90\:st, html.dark .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-grey\:100\:st, html.dark .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-grey, html.auto .sf-c-grey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:0, html.auto .sf-c-grey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-grey\:10, html.auto .sf-c-grey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-grey\:20, html.auto .sf-c-grey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-grey\:30, html.auto .sf-c-grey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-grey\:40, html.auto .sf-c-grey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-grey\:50, html.auto .sf-c-grey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:60, html.auto .sf-c-grey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-grey\:70, html.auto .sf-c-grey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-grey\:80, html.auto .sf-c-grey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-grey\:90, html.auto .sf-c-grey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-grey\:100, html.auto .sf-c-grey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-grey\:st, html.auto .sf-c-grey\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:0\:st, html.auto .sf-c-grey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-grey\:10\:st, html.auto .sf-c-grey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-grey\:20\:st, html.auto .sf-c-grey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-grey\:30\:st, html.auto .sf-c-grey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-grey\:40\:st, html.auto .sf-c-grey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-grey\:50\:st, html.auto .sf-c-grey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:60\:st, html.auto .sf-c-grey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-grey\:70\:st, html.auto .sf-c-grey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-grey\:80\:st, html.auto .sf-c-grey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-grey\:90\:st, html.auto .sf-c-grey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-grey\:100\:st, html.auto .sf-c-grey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-grey\:st, html.auto .sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:0\:st, html.auto .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-grey\:10\:st, html.auto .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-grey\:20\:st, html.auto .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-grey\:30\:st, html.auto .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-grey\:40\:st, html.auto .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-grey\:50\:st, html.auto .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:60\:st, html.auto .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-grey\:70\:st, html.auto .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-grey\:80\:st, html.auto .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-grey\:90\:st, html.auto .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-grey\:100\:st, html.auto .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/honeydew.css b/src/colors/10/honeydew.css deleted file mode 100644 index a085e0a..0000000 --- a/src/colors/10/honeydew.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-honeydew { - --sf-c-honeydew: 120 100% 97%; - --sf-c-honeydew-0: 120 100% 0%; - --sf-c-honeydew-10: 120 100% 10%; - --sf-c-honeydew-20: 120 100% 20%; - --sf-c-honeydew-30: 120 100% 30%; - --sf-c-honeydew-40: 120 100% 40%; - --sf-c-honeydew-50: 120 100% 50%; - --sf-c-honeydew-60: 120 100% 60%; - --sf-c-honeydew-70: 120 100% 70%; - --sf-c-honeydew-80: 120 100% 80%; - --sf-c-honeydew-90: 120 100% 90%; - --sf-c-honeydew-100: 120 100% 100%; -} - -.sf-c-honeydew, .sf-c-honeydew\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 97%) } -.sf-c-honeydew\:0, .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -.sf-c-honeydew\:10, .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -.sf-c-honeydew\:20, .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -.sf-c-honeydew\:30, .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -.sf-c-honeydew\:40, .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -.sf-c-honeydew\:50, .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -.sf-c-honeydew\:60, .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -.sf-c-honeydew\:70, .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -.sf-c-honeydew\:80, .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -.sf-c-honeydew\:90, .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -.sf-c-honeydew\:100, .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-honeydew { color: hsl(120, 100%, 10%) } -.sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } -.sf-c-txt-honeydew\:0, .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-honeydew\:10, .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-honeydew\:20, .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-honeydew\:30, .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-honeydew\:40, .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-honeydew\:50, .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-honeydew\:60, .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-honeydew\:70, .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-honeydew\:80, .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-honeydew\:90, .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-honeydew\:100, .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-honeydew, html.dark .sf-c-honeydew { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 3%) } -html[data-theme='dark'] .sf-c-honeydew\:0, html.dark .sf-c-honeydew\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-honeydew\:10, html.dark .sf-c-honeydew\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-honeydew\:20, html.dark .sf-c-honeydew\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-honeydew\:30, html.dark .sf-c-honeydew\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-honeydew\:40, html.dark .sf-c-honeydew\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-honeydew\:50, html.dark .sf-c-honeydew\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-honeydew\:60, html.dark .sf-c-honeydew\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-honeydew\:70, html.dark .sf-c-honeydew\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-honeydew\:80, html.dark .sf-c-honeydew\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-honeydew\:90, html.dark .sf-c-honeydew\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-honeydew\:100, html.dark .sf-c-honeydew\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-honeydew\:st, html.dark .sf-c-honeydew\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-honeydew\:0\:st, html.dark .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-honeydew\:10\:st, html.dark .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-honeydew\:20\:st, html.dark .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-honeydew\:30\:st, html.dark .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-honeydew\:40\:st, html.dark .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-honeydew\:50\:st, html.dark .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-honeydew\:60\:st, html.dark .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-honeydew\:70\:st, html.dark .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-honeydew\:80\:st, html.dark .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-honeydew\:90\:st, html.dark .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-honeydew\:100\:st, html.dark .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-honeydew\:st, html.dark .sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:0\:st, html.dark .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:10\:st, html.dark .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:20\:st, html.dark .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:30\:st, html.dark .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:40\:st, html.dark .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:50\:st, html.dark .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:60\:st, html.dark .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:70\:st, html.dark .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:80\:st, html.dark .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:90\:st, html.dark .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:100\:st, html.dark .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-honeydew, html.auto .sf-c-honeydew { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 3%) } - html[data-theme='auto'] .sf-c-honeydew\:0, html.auto .sf-c-honeydew\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-honeydew\:10, html.auto .sf-c-honeydew\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-honeydew\:20, html.auto .sf-c-honeydew\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-honeydew\:30, html.auto .sf-c-honeydew\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-honeydew\:40, html.auto .sf-c-honeydew\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-honeydew\:50, html.auto .sf-c-honeydew\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-honeydew\:60, html.auto .sf-c-honeydew\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-honeydew\:70, html.auto .sf-c-honeydew\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-honeydew\:80, html.auto .sf-c-honeydew\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-honeydew\:90, html.auto .sf-c-honeydew\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-honeydew\:100, html.auto .sf-c-honeydew\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-honeydew\:st, html.auto .sf-c-honeydew\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-honeydew\:0\:st, html.auto .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-honeydew\:10\:st, html.auto .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-honeydew\:20\:st, html.auto .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-honeydew\:30\:st, html.auto .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-honeydew\:40\:st, html.auto .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-honeydew\:50\:st, html.auto .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-honeydew\:60\:st, html.auto .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-honeydew\:70\:st, html.auto .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-honeydew\:80\:st, html.auto .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-honeydew\:90\:st, html.auto .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-honeydew\:100\:st, html.auto .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-honeydew\:st, html.auto .sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:0\:st, html.auto .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:10\:st, html.auto .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:20\:st, html.auto .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:30\:st, html.auto .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:40\:st, html.auto .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:50\:st, html.auto .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:60\:st, html.auto .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:70\:st, html.auto .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:80\:st, html.auto .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:90\:st, html.auto .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:100\:st, html.auto .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/hotpink.css b/src/colors/10/hotpink.css deleted file mode 100644 index 6de58a5..0000000 --- a/src/colors/10/hotpink.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-hotpink { - --sf-c-hotpink: 330 100% 71%; - --sf-c-hotpink-0: 330 100% 0%; - --sf-c-hotpink-10: 330 100% 10%; - --sf-c-hotpink-20: 330 100% 20%; - --sf-c-hotpink-30: 330 100% 30%; - --sf-c-hotpink-40: 330 100% 40%; - --sf-c-hotpink-50: 330 100% 50%; - --sf-c-hotpink-60: 330 100% 60%; - --sf-c-hotpink-70: 330 100% 70%; - --sf-c-hotpink-80: 330 100% 80%; - --sf-c-hotpink-90: 330 100% 90%; - --sf-c-hotpink-100: 330 100% 100%; -} - -.sf-c-hotpink, .sf-c-hotpink\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 71%) } -.sf-c-hotpink\:0, .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } -.sf-c-hotpink\:10, .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } -.sf-c-hotpink\:20, .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } -.sf-c-hotpink\:30, .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 30%) } -.sf-c-hotpink\:40, .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 40%) } -.sf-c-hotpink\:50, .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 50%) } -.sf-c-hotpink\:60, .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 60%) } -.sf-c-hotpink\:70, .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 70%) } -.sf-c-hotpink\:80, .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 80%) } -.sf-c-hotpink\:90, .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } -.sf-c-hotpink\:100, .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } - -.sf-c-txt-hotpink { color: hsl(330, 100%, 10%) } -.sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } -.sf-c-txt-hotpink\:0, .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } -.sf-c-txt-hotpink\:10, .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } -.sf-c-txt-hotpink\:20, .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } -.sf-c-txt-hotpink\:30, .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } -.sf-c-txt-hotpink\:40, .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } -.sf-c-txt-hotpink\:50, .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } -.sf-c-txt-hotpink\:60, .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } -.sf-c-txt-hotpink\:70, .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } -.sf-c-txt-hotpink\:80, .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } -.sf-c-txt-hotpink\:90, .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } -.sf-c-txt-hotpink\:100, .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } - -html[data-theme='dark'] .sf-c-hotpink, html.dark .sf-c-hotpink { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 29%) } -html[data-theme='dark'] .sf-c-hotpink\:0, html.dark .sf-c-hotpink\:0 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } -html[data-theme='dark'] .sf-c-hotpink\:10, html.dark .sf-c-hotpink\:10 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-hotpink\:20, html.dark .sf-c-hotpink\:20 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-hotpink\:30, html.dark .sf-c-hotpink\:30 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-hotpink\:40, html.dark .sf-c-hotpink\:40 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-hotpink\:50, html.dark .sf-c-hotpink\:50 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-hotpink\:60, html.dark .sf-c-hotpink\:60 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-hotpink\:70, html.dark .sf-c-hotpink\:70 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-hotpink\:80, html.dark .sf-c-hotpink\:80 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-hotpink\:90, html.dark .sf-c-hotpink\:90 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-hotpink\:100, html.dark .sf-c-hotpink\:100 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } - -html[data-theme='dark'] .sf-c-hotpink\:st, html.dark .sf-c-hotpink\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-hotpink\:0\:st, html.dark .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } -html[data-theme='dark'] .sf-c-hotpink\:10\:st, html.dark .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-hotpink\:20\:st, html.dark .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-hotpink\:30\:st, html.dark .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-hotpink\:40\:st, html.dark .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-hotpink\:50\:st, html.dark .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-hotpink\:60\:st, html.dark .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-hotpink\:70\:st, html.dark .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-hotpink\:80\:st, html.dark .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-hotpink\:90\:st, html.dark .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-hotpink\:100\:st, html.dark .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-hotpink\:st, html.dark .sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:0\:st, html.dark .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:10\:st, html.dark .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:20\:st, html.dark .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:30\:st, html.dark .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:40\:st, html.dark .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:50\:st, html.dark .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:60\:st, html.dark .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:70\:st, html.dark .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:80\:st, html.dark .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:90\:st, html.dark .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:100\:st, html.dark .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-hotpink, html.auto .sf-c-hotpink { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 29%) } - html[data-theme='auto'] .sf-c-hotpink\:0, html.auto .sf-c-hotpink\:0 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } - html[data-theme='auto'] .sf-c-hotpink\:10, html.auto .sf-c-hotpink\:10 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-hotpink\:20, html.auto .sf-c-hotpink\:20 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-hotpink\:30, html.auto .sf-c-hotpink\:30 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-hotpink\:40, html.auto .sf-c-hotpink\:40 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-hotpink\:50, html.auto .sf-c-hotpink\:50 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-hotpink\:60, html.auto .sf-c-hotpink\:60 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-hotpink\:70, html.auto .sf-c-hotpink\:70 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-hotpink\:80, html.auto .sf-c-hotpink\:80 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-hotpink\:90, html.auto .sf-c-hotpink\:90 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-hotpink\:100, html.auto .sf-c-hotpink\:100 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } - - html[data-theme='auto'] .sf-c-hotpink\:st, html.auto .sf-c-hotpink\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-hotpink\:0\:st, html.auto .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } - html[data-theme='auto'] .sf-c-hotpink\:10\:st, html.auto .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-hotpink\:20\:st, html.auto .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-hotpink\:30\:st, html.auto .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-hotpink\:40\:st, html.auto .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-hotpink\:50\:st, html.auto .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-hotpink\:60\:st, html.auto .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-hotpink\:70\:st, html.auto .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-hotpink\:80\:st, html.auto .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-hotpink\:90\:st, html.auto .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-hotpink\:100\:st, html.auto .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-hotpink\:st, html.auto .sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:0\:st, html.auto .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:10\:st, html.auto .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:20\:st, html.auto .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:30\:st, html.auto .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:40\:st, html.auto .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:50\:st, html.auto .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:60\:st, html.auto .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:70\:st, html.auto .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:80\:st, html.auto .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:90\:st, html.auto .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:100\:st, html.auto .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/indianred.css b/src/colors/10/indianred.css deleted file mode 100644 index 82bb5a1..0000000 --- a/src/colors/10/indianred.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-indianred { - --sf-c-indianred: 0 53% 58%; - --sf-c-indianred-0: 0 53% 0%; - --sf-c-indianred-10: 0 53% 10%; - --sf-c-indianred-20: 0 53% 20%; - --sf-c-indianred-30: 0 53% 30%; - --sf-c-indianred-40: 0 53% 40%; - --sf-c-indianred-50: 0 53% 50%; - --sf-c-indianred-60: 0 53% 60%; - --sf-c-indianred-70: 0 53% 70%; - --sf-c-indianred-80: 0 53% 80%; - --sf-c-indianred-90: 0 53% 90%; - --sf-c-indianred-100: 0 53% 100%; -} - -.sf-c-indianred, .sf-c-indianred\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 58%) } -.sf-c-indianred\:0, .sf-c-indianred\:0\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } -.sf-c-indianred\:10, .sf-c-indianred\:10\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } -.sf-c-indianred\:20, .sf-c-indianred\:20\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } -.sf-c-indianred\:30, .sf-c-indianred\:30\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 30%) } -.sf-c-indianred\:40, .sf-c-indianred\:40\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 40%) } -.sf-c-indianred\:50, .sf-c-indianred\:50\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 50%) } -.sf-c-indianred\:60, .sf-c-indianred\:60\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 60%) } -.sf-c-indianred\:70, .sf-c-indianred\:70\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 70%) } -.sf-c-indianred\:80, .sf-c-indianred\:80\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 80%) } -.sf-c-indianred\:90, .sf-c-indianred\:90\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } -.sf-c-indianred\:100, .sf-c-indianred\:100\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } - -.sf-c-txt-indianred { color: hsl(0, 53%, 10%) } -.sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } -.sf-c-txt-indianred\:0, .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } -.sf-c-txt-indianred\:10, .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } -.sf-c-txt-indianred\:20, .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } -.sf-c-txt-indianred\:30, .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } -.sf-c-txt-indianred\:40, .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } -.sf-c-txt-indianred\:50, .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } -.sf-c-txt-indianred\:60, .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } -.sf-c-txt-indianred\:70, .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } -.sf-c-txt-indianred\:80, .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } -.sf-c-txt-indianred\:90, .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } -.sf-c-txt-indianred\:100, .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } - -html[data-theme='dark'] .sf-c-indianred, html.dark .sf-c-indianred { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 42%) } -html[data-theme='dark'] .sf-c-indianred\:0, html.dark .sf-c-indianred\:0 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } -html[data-theme='dark'] .sf-c-indianred\:10, html.dark .sf-c-indianred\:10 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-indianred\:20, html.dark .sf-c-indianred\:20 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-indianred\:30, html.dark .sf-c-indianred\:30 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-indianred\:40, html.dark .sf-c-indianred\:40 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-indianred\:50, html.dark .sf-c-indianred\:50 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-indianred\:60, html.dark .sf-c-indianred\:60 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-indianred\:70, html.dark .sf-c-indianred\:70 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-indianred\:80, html.dark .sf-c-indianred\:80 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-indianred\:90, html.dark .sf-c-indianred\:90 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-indianred\:100, html.dark .sf-c-indianred\:100 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } - -html[data-theme='dark'] .sf-c-indianred\:st, html.dark .sf-c-indianred\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-indianred\:0\:st, html.dark .sf-c-indianred\:0\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } -html[data-theme='dark'] .sf-c-indianred\:10\:st, html.dark .sf-c-indianred\:10\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-indianred\:20\:st, html.dark .sf-c-indianred\:20\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-indianred\:30\:st, html.dark .sf-c-indianred\:30\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-indianred\:40\:st, html.dark .sf-c-indianred\:40\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-indianred\:50\:st, html.dark .sf-c-indianred\:50\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-indianred\:60\:st, html.dark .sf-c-indianred\:60\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-indianred\:70\:st, html.dark .sf-c-indianred\:70\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-indianred\:80\:st, html.dark .sf-c-indianred\:80\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-indianred\:90\:st, html.dark .sf-c-indianred\:90\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-indianred\:100\:st, html.dark .sf-c-indianred\:100\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-indianred\:st, html.dark .sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-indianred\:0\:st, html.dark .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-indianred\:10\:st, html.dark .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-indianred\:20\:st, html.dark .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-indianred\:30\:st, html.dark .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-indianred\:40\:st, html.dark .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-indianred\:50\:st, html.dark .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-indianred\:60\:st, html.dark .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-indianred\:70\:st, html.dark .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-indianred\:80\:st, html.dark .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-indianred\:90\:st, html.dark .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-indianred\:100\:st, html.dark .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-indianred, html.auto .sf-c-indianred { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 42%) } - html[data-theme='auto'] .sf-c-indianred\:0, html.auto .sf-c-indianred\:0 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } - html[data-theme='auto'] .sf-c-indianred\:10, html.auto .sf-c-indianred\:10 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-indianred\:20, html.auto .sf-c-indianred\:20 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-indianred\:30, html.auto .sf-c-indianred\:30 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-indianred\:40, html.auto .sf-c-indianred\:40 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-indianred\:50, html.auto .sf-c-indianred\:50 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-indianred\:60, html.auto .sf-c-indianred\:60 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-indianred\:70, html.auto .sf-c-indianred\:70 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-indianred\:80, html.auto .sf-c-indianred\:80 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-indianred\:90, html.auto .sf-c-indianred\:90 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-indianred\:100, html.auto .sf-c-indianred\:100 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } - - html[data-theme='auto'] .sf-c-indianred\:st, html.auto .sf-c-indianred\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-indianred\:0\:st, html.auto .sf-c-indianred\:0\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } - html[data-theme='auto'] .sf-c-indianred\:10\:st, html.auto .sf-c-indianred\:10\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-indianred\:20\:st, html.auto .sf-c-indianred\:20\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-indianred\:30\:st, html.auto .sf-c-indianred\:30\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-indianred\:40\:st, html.auto .sf-c-indianred\:40\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-indianred\:50\:st, html.auto .sf-c-indianred\:50\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-indianred\:60\:st, html.auto .sf-c-indianred\:60\:st { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-indianred\:70\:st, html.auto .sf-c-indianred\:70\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-indianred\:80\:st, html.auto .sf-c-indianred\:80\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-indianred\:90\:st, html.auto .sf-c-indianred\:90\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-indianred\:100\:st, html.auto .sf-c-indianred\:100\:st { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-indianred\:st, html.auto .sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-indianred\:0\:st, html.auto .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-indianred\:10\:st, html.auto .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-indianred\:20\:st, html.auto .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-indianred\:30\:st, html.auto .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-indianred\:40\:st, html.auto .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-indianred\:50\:st, html.auto .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-indianred\:60\:st, html.auto .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-indianred\:70\:st, html.auto .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-indianred\:80\:st, html.auto .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-indianred\:90\:st, html.auto .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-indianred\:100\:st, html.auto .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/indigo.css b/src/colors/10/indigo.css deleted file mode 100644 index 73a67cf..0000000 --- a/src/colors/10/indigo.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-indigo { - --sf-c-indigo: 275 100% 25%; - --sf-c-indigo-0: 275 100% 0%; - --sf-c-indigo-10: 275 100% 10%; - --sf-c-indigo-20: 275 100% 20%; - --sf-c-indigo-30: 275 100% 30%; - --sf-c-indigo-40: 275 100% 40%; - --sf-c-indigo-50: 275 100% 50%; - --sf-c-indigo-60: 275 100% 60%; - --sf-c-indigo-70: 275 100% 70%; - --sf-c-indigo-80: 275 100% 80%; - --sf-c-indigo-90: 275 100% 90%; - --sf-c-indigo-100: 275 100% 100%; -} - -.sf-c-indigo, .sf-c-indigo\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 25%) } -.sf-c-indigo\:0, .sf-c-indigo\:0\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } -.sf-c-indigo\:10, .sf-c-indigo\:10\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } -.sf-c-indigo\:20, .sf-c-indigo\:20\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } -.sf-c-indigo\:30, .sf-c-indigo\:30\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 30%) } -.sf-c-indigo\:40, .sf-c-indigo\:40\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 40%) } -.sf-c-indigo\:50, .sf-c-indigo\:50\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 50%) } -.sf-c-indigo\:60, .sf-c-indigo\:60\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 60%) } -.sf-c-indigo\:70, .sf-c-indigo\:70\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 70%) } -.sf-c-indigo\:80, .sf-c-indigo\:80\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 80%) } -.sf-c-indigo\:90, .sf-c-indigo\:90\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } -.sf-c-indigo\:100, .sf-c-indigo\:100\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } - -.sf-c-txt-indigo { color: hsl(275, 100%, 25%) } -.sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } -.sf-c-txt-indigo\:0, .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } -.sf-c-txt-indigo\:10, .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } -.sf-c-txt-indigo\:20, .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } -.sf-c-txt-indigo\:30, .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } -.sf-c-txt-indigo\:40, .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } -.sf-c-txt-indigo\:50, .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } -.sf-c-txt-indigo\:60, .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } -.sf-c-txt-indigo\:70, .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } -.sf-c-txt-indigo\:80, .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } -.sf-c-txt-indigo\:90, .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } -.sf-c-txt-indigo\:100, .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } - -html[data-theme='dark'] .sf-c-indigo, html.dark .sf-c-indigo { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-indigo\:0, html.dark .sf-c-indigo\:0 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } -html[data-theme='dark'] .sf-c-indigo\:10, html.dark .sf-c-indigo\:10 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-indigo\:20, html.dark .sf-c-indigo\:20 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-indigo\:30, html.dark .sf-c-indigo\:30 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-indigo\:40, html.dark .sf-c-indigo\:40 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-indigo\:50, html.dark .sf-c-indigo\:50 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-indigo\:60, html.dark .sf-c-indigo\:60 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-indigo\:70, html.dark .sf-c-indigo\:70 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-indigo\:80, html.dark .sf-c-indigo\:80 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-indigo\:90, html.dark .sf-c-indigo\:90 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-indigo\:100, html.dark .sf-c-indigo\:100 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } - -html[data-theme='dark'] .sf-c-indigo\:st, html.dark .sf-c-indigo\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-indigo\:0\:st, html.dark .sf-c-indigo\:0\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } -html[data-theme='dark'] .sf-c-indigo\:10\:st, html.dark .sf-c-indigo\:10\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-indigo\:20\:st, html.dark .sf-c-indigo\:20\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-indigo\:30\:st, html.dark .sf-c-indigo\:30\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-indigo\:40\:st, html.dark .sf-c-indigo\:40\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-indigo\:50\:st, html.dark .sf-c-indigo\:50\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-indigo\:60\:st, html.dark .sf-c-indigo\:60\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-indigo\:70\:st, html.dark .sf-c-indigo\:70\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-indigo\:80\:st, html.dark .sf-c-indigo\:80\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-indigo\:90\:st, html.dark .sf-c-indigo\:90\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-indigo\:100\:st, html.dark .sf-c-indigo\:100\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-indigo\:st, html.dark .sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-indigo\:0\:st, html.dark .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-indigo\:10\:st, html.dark .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-indigo\:20\:st, html.dark .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-indigo\:30\:st, html.dark .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-indigo\:40\:st, html.dark .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-indigo\:50\:st, html.dark .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-indigo\:60\:st, html.dark .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-indigo\:70\:st, html.dark .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-indigo\:80\:st, html.dark .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-indigo\:90\:st, html.dark .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-indigo\:100\:st, html.dark .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-indigo, html.auto .sf-c-indigo { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-indigo\:0, html.auto .sf-c-indigo\:0 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } - html[data-theme='auto'] .sf-c-indigo\:10, html.auto .sf-c-indigo\:10 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-indigo\:20, html.auto .sf-c-indigo\:20 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-indigo\:30, html.auto .sf-c-indigo\:30 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-indigo\:40, html.auto .sf-c-indigo\:40 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-indigo\:50, html.auto .sf-c-indigo\:50 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-indigo\:60, html.auto .sf-c-indigo\:60 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-indigo\:70, html.auto .sf-c-indigo\:70 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-indigo\:80, html.auto .sf-c-indigo\:80 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-indigo\:90, html.auto .sf-c-indigo\:90 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-indigo\:100, html.auto .sf-c-indigo\:100 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } - - html[data-theme='auto'] .sf-c-indigo\:st, html.auto .sf-c-indigo\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-indigo\:0\:st, html.auto .sf-c-indigo\:0\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } - html[data-theme='auto'] .sf-c-indigo\:10\:st, html.auto .sf-c-indigo\:10\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-indigo\:20\:st, html.auto .sf-c-indigo\:20\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-indigo\:30\:st, html.auto .sf-c-indigo\:30\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-indigo\:40\:st, html.auto .sf-c-indigo\:40\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-indigo\:50\:st, html.auto .sf-c-indigo\:50\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-indigo\:60\:st, html.auto .sf-c-indigo\:60\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-indigo\:70\:st, html.auto .sf-c-indigo\:70\:st { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-indigo\:80\:st, html.auto .sf-c-indigo\:80\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-indigo\:90\:st, html.auto .sf-c-indigo\:90\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-indigo\:100\:st, html.auto .sf-c-indigo\:100\:st { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-indigo\:st, html.auto .sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-indigo\:0\:st, html.auto .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-indigo\:10\:st, html.auto .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-indigo\:20\:st, html.auto .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-indigo\:30\:st, html.auto .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-indigo\:40\:st, html.auto .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-indigo\:50\:st, html.auto .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-indigo\:60\:st, html.auto .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-indigo\:70\:st, html.auto .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-indigo\:80\:st, html.auto .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-indigo\:90\:st, html.auto .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-indigo\:100\:st, html.auto .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/ivory.css b/src/colors/10/ivory.css deleted file mode 100644 index 776fb8c..0000000 --- a/src/colors/10/ivory.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-ivory { - --sf-c-ivory: 60 100% 97%; - --sf-c-ivory-0: 60 100% 0%; - --sf-c-ivory-10: 60 100% 10%; - --sf-c-ivory-20: 60 100% 20%; - --sf-c-ivory-30: 60 100% 30%; - --sf-c-ivory-40: 60 100% 40%; - --sf-c-ivory-50: 60 100% 50%; - --sf-c-ivory-60: 60 100% 60%; - --sf-c-ivory-70: 60 100% 70%; - --sf-c-ivory-80: 60 100% 80%; - --sf-c-ivory-90: 60 100% 90%; - --sf-c-ivory-100: 60 100% 100%; -} - -.sf-c-ivory, .sf-c-ivory\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 97%) } -.sf-c-ivory\:0, .sf-c-ivory\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -.sf-c-ivory\:10, .sf-c-ivory\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -.sf-c-ivory\:20, .sf-c-ivory\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -.sf-c-ivory\:30, .sf-c-ivory\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -.sf-c-ivory\:40, .sf-c-ivory\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -.sf-c-ivory\:50, .sf-c-ivory\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -.sf-c-ivory\:60, .sf-c-ivory\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -.sf-c-ivory\:70, .sf-c-ivory\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -.sf-c-ivory\:80, .sf-c-ivory\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -.sf-c-ivory\:90, .sf-c-ivory\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -.sf-c-ivory\:100, .sf-c-ivory\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-ivory { color: hsl(60, 100%, 10%) } -.sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } -.sf-c-txt-ivory\:0, .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-ivory\:10, .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-ivory\:20, .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-ivory\:30, .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-ivory\:40, .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-ivory\:50, .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-ivory\:60, .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-ivory\:70, .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-ivory\:80, .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-ivory\:90, .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-ivory\:100, .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-ivory, html.dark .sf-c-ivory { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 3%) } -html[data-theme='dark'] .sf-c-ivory\:0, html.dark .sf-c-ivory\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-ivory\:10, html.dark .sf-c-ivory\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-ivory\:20, html.dark .sf-c-ivory\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-ivory\:30, html.dark .sf-c-ivory\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-ivory\:40, html.dark .sf-c-ivory\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-ivory\:50, html.dark .sf-c-ivory\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-ivory\:60, html.dark .sf-c-ivory\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-ivory\:70, html.dark .sf-c-ivory\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-ivory\:80, html.dark .sf-c-ivory\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-ivory\:90, html.dark .sf-c-ivory\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-ivory\:100, html.dark .sf-c-ivory\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-ivory\:st, html.dark .sf-c-ivory\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-ivory\:0\:st, html.dark .sf-c-ivory\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-ivory\:10\:st, html.dark .sf-c-ivory\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-ivory\:20\:st, html.dark .sf-c-ivory\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-ivory\:30\:st, html.dark .sf-c-ivory\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-ivory\:40\:st, html.dark .sf-c-ivory\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-ivory\:50\:st, html.dark .sf-c-ivory\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-ivory\:60\:st, html.dark .sf-c-ivory\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-ivory\:70\:st, html.dark .sf-c-ivory\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-ivory\:80\:st, html.dark .sf-c-ivory\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-ivory\:90\:st, html.dark .sf-c-ivory\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-ivory\:100\:st, html.dark .sf-c-ivory\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-ivory\:st, html.dark .sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-ivory\:0\:st, html.dark .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-ivory\:10\:st, html.dark .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ivory\:20\:st, html.dark .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ivory\:30\:st, html.dark .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ivory\:40\:st, html.dark .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ivory\:50\:st, html.dark .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ivory\:60\:st, html.dark .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ivory\:70\:st, html.dark .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ivory\:80\:st, html.dark .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ivory\:90\:st, html.dark .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ivory\:100\:st, html.dark .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-ivory, html.auto .sf-c-ivory { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 3%) } - html[data-theme='auto'] .sf-c-ivory\:0, html.auto .sf-c-ivory\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-ivory\:10, html.auto .sf-c-ivory\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-ivory\:20, html.auto .sf-c-ivory\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-ivory\:30, html.auto .sf-c-ivory\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-ivory\:40, html.auto .sf-c-ivory\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-ivory\:50, html.auto .sf-c-ivory\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-ivory\:60, html.auto .sf-c-ivory\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-ivory\:70, html.auto .sf-c-ivory\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-ivory\:80, html.auto .sf-c-ivory\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-ivory\:90, html.auto .sf-c-ivory\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-ivory\:100, html.auto .sf-c-ivory\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-ivory\:st, html.auto .sf-c-ivory\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-ivory\:0\:st, html.auto .sf-c-ivory\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-ivory\:10\:st, html.auto .sf-c-ivory\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-ivory\:20\:st, html.auto .sf-c-ivory\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-ivory\:30\:st, html.auto .sf-c-ivory\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-ivory\:40\:st, html.auto .sf-c-ivory\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-ivory\:50\:st, html.auto .sf-c-ivory\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-ivory\:60\:st, html.auto .sf-c-ivory\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-ivory\:70\:st, html.auto .sf-c-ivory\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-ivory\:80\:st, html.auto .sf-c-ivory\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-ivory\:90\:st, html.auto .sf-c-ivory\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-ivory\:100\:st, html.auto .sf-c-ivory\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-ivory\:st, html.auto .sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-ivory\:0\:st, html.auto .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-ivory\:10\:st, html.auto .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ivory\:20\:st, html.auto .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ivory\:30\:st, html.auto .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ivory\:40\:st, html.auto .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ivory\:50\:st, html.auto .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ivory\:60\:st, html.auto .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ivory\:70\:st, html.auto .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ivory\:80\:st, html.auto .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ivory\:90\:st, html.auto .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ivory\:100\:st, html.auto .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/khaki.css b/src/colors/10/khaki.css deleted file mode 100644 index 8014c91..0000000 --- a/src/colors/10/khaki.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-khaki { - --sf-c-khaki: 54 77% 75%; - --sf-c-khaki-0: 54 77% 0%; - --sf-c-khaki-10: 54 77% 10%; - --sf-c-khaki-20: 54 77% 20%; - --sf-c-khaki-30: 54 77% 30%; - --sf-c-khaki-40: 54 77% 40%; - --sf-c-khaki-50: 54 77% 50%; - --sf-c-khaki-60: 54 77% 60%; - --sf-c-khaki-70: 54 77% 70%; - --sf-c-khaki-80: 54 77% 80%; - --sf-c-khaki-90: 54 77% 90%; - --sf-c-khaki-100: 54 77% 100%; -} - -.sf-c-khaki, .sf-c-khaki\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 75%) } -.sf-c-khaki\:0, .sf-c-khaki\:0\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } -.sf-c-khaki\:10, .sf-c-khaki\:10\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } -.sf-c-khaki\:20, .sf-c-khaki\:20\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } -.sf-c-khaki\:30, .sf-c-khaki\:30\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 30%) } -.sf-c-khaki\:40, .sf-c-khaki\:40\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 40%) } -.sf-c-khaki\:50, .sf-c-khaki\:50\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 50%) } -.sf-c-khaki\:60, .sf-c-khaki\:60\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 60%) } -.sf-c-khaki\:70, .sf-c-khaki\:70\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 70%) } -.sf-c-khaki\:80, .sf-c-khaki\:80\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80%) } -.sf-c-khaki\:90, .sf-c-khaki\:90\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } -.sf-c-khaki\:100, .sf-c-khaki\:100\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } - -.sf-c-txt-khaki { color: hsl(54, 77%, 10%) } -.sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } -.sf-c-txt-khaki\:0, .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } -.sf-c-txt-khaki\:10, .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } -.sf-c-txt-khaki\:20, .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } -.sf-c-txt-khaki\:30, .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } -.sf-c-txt-khaki\:40, .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } -.sf-c-txt-khaki\:50, .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } -.sf-c-txt-khaki\:60, .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } -.sf-c-txt-khaki\:70, .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } -.sf-c-txt-khaki\:80, .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } -.sf-c-txt-khaki\:90, .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } -.sf-c-txt-khaki\:100, .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } - -html[data-theme='dark'] .sf-c-khaki, html.dark .sf-c-khaki { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-khaki\:0, html.dark .sf-c-khaki\:0 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } -html[data-theme='dark'] .sf-c-khaki\:10, html.dark .sf-c-khaki\:10 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-khaki\:20, html.dark .sf-c-khaki\:20 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-khaki\:30, html.dark .sf-c-khaki\:30 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-khaki\:40, html.dark .sf-c-khaki\:40 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-khaki\:50, html.dark .sf-c-khaki\:50 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-khaki\:60, html.dark .sf-c-khaki\:60 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-khaki\:70, html.dark .sf-c-khaki\:70 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-khaki\:80, html.dark .sf-c-khaki\:80 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-khaki\:90, html.dark .sf-c-khaki\:90 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-khaki\:100, html.dark .sf-c-khaki\:100 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } - -html[data-theme='dark'] .sf-c-khaki\:st, html.dark .sf-c-khaki\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-khaki\:0\:st, html.dark .sf-c-khaki\:0\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } -html[data-theme='dark'] .sf-c-khaki\:10\:st, html.dark .sf-c-khaki\:10\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-khaki\:20\:st, html.dark .sf-c-khaki\:20\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-khaki\:30\:st, html.dark .sf-c-khaki\:30\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-khaki\:40\:st, html.dark .sf-c-khaki\:40\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-khaki\:50\:st, html.dark .sf-c-khaki\:50\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-khaki\:60\:st, html.dark .sf-c-khaki\:60\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-khaki\:70\:st, html.dark .sf-c-khaki\:70\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-khaki\:80\:st, html.dark .sf-c-khaki\:80\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-khaki\:90\:st, html.dark .sf-c-khaki\:90\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-khaki\:100\:st, html.dark .sf-c-khaki\:100\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } - -html[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } -html[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } - -html[data-theme='dark'] .sf-c-txt-khaki\:st, html.dark .sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:0\:st, html.dark .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } -html[data-theme='dark'] .sf-c-txt-khaki\:10\:st, html.dark .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-khaki\:20\:st, html.dark .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-khaki\:30\:st, html.dark .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-khaki\:40\:st, html.dark .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-khaki\:50\:st, html.dark .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-khaki\:60\:st, html.dark .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-khaki\:70\:st, html.dark .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-khaki\:80\:st, html.dark .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-khaki\:90\:st, html.dark .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-khaki\:100\:st, html.dark .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-khaki, html.auto .sf-c-khaki { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-khaki\:0, html.auto .sf-c-khaki\:0 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } - html[data-theme='auto'] .sf-c-khaki\:10, html.auto .sf-c-khaki\:10 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-khaki\:20, html.auto .sf-c-khaki\:20 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-khaki\:30, html.auto .sf-c-khaki\:30 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-khaki\:40, html.auto .sf-c-khaki\:40 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-khaki\:50, html.auto .sf-c-khaki\:50 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-khaki\:60, html.auto .sf-c-khaki\:60 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-khaki\:70, html.auto .sf-c-khaki\:70 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-khaki\:80, html.auto .sf-c-khaki\:80 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-khaki\:90, html.auto .sf-c-khaki\:90 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-khaki\:100, html.auto .sf-c-khaki\:100 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } - - html[data-theme='auto'] .sf-c-khaki\:st, html.auto .sf-c-khaki\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-khaki\:0\:st, html.auto .sf-c-khaki\:0\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } - html[data-theme='auto'] .sf-c-khaki\:10\:st, html.auto .sf-c-khaki\:10\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-khaki\:20\:st, html.auto .sf-c-khaki\:20\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-khaki\:30\:st, html.auto .sf-c-khaki\:30\:st { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-khaki\:40\:st, html.auto .sf-c-khaki\:40\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-khaki\:50\:st, html.auto .sf-c-khaki\:50\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-khaki\:60\:st, html.auto .sf-c-khaki\:60\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-khaki\:70\:st, html.auto .sf-c-khaki\:70\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-khaki\:80\:st, html.auto .sf-c-khaki\:80\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-khaki\:90\:st, html.auto .sf-c-khaki\:90\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-khaki\:100\:st, html.auto .sf-c-khaki\:100\:st { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } - - html[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } - html[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } - - html[data-theme='auto'] .sf-c-txt-khaki\:st, html.auto .sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:0\:st, html.auto .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } - html[data-theme='auto'] .sf-c-txt-khaki\:10\:st, html.auto .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-khaki\:20\:st, html.auto .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-khaki\:30\:st, html.auto .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-khaki\:40\:st, html.auto .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-khaki\:50\:st, html.auto .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-khaki\:60\:st, html.auto .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-khaki\:70\:st, html.auto .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-khaki\:80\:st, html.auto .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-khaki\:90\:st, html.auto .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-khaki\:100\:st, html.auto .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lavender.css b/src/colors/10/lavender.css deleted file mode 100644 index 220139b..0000000 --- a/src/colors/10/lavender.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lavender { - --sf-c-lavender: 240 67% 94%; - --sf-c-lavender-0: 240 67% 0%; - --sf-c-lavender-10: 240 67% 10%; - --sf-c-lavender-20: 240 67% 20%; - --sf-c-lavender-30: 240 67% 30%; - --sf-c-lavender-40: 240 67% 40%; - --sf-c-lavender-50: 240 67% 50%; - --sf-c-lavender-60: 240 67% 60%; - --sf-c-lavender-70: 240 67% 70%; - --sf-c-lavender-80: 240 67% 80%; - --sf-c-lavender-90: 240 67% 90%; - --sf-c-lavender-100: 240 67% 100%; -} - -.sf-c-lavender, .sf-c-lavender\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 94%) } -.sf-c-lavender\:0, .sf-c-lavender\:0\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } -.sf-c-lavender\:10, .sf-c-lavender\:10\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } -.sf-c-lavender\:20, .sf-c-lavender\:20\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } -.sf-c-lavender\:30, .sf-c-lavender\:30\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 30%) } -.sf-c-lavender\:40, .sf-c-lavender\:40\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 40%) } -.sf-c-lavender\:50, .sf-c-lavender\:50\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 50%) } -.sf-c-lavender\:60, .sf-c-lavender\:60\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 60%) } -.sf-c-lavender\:70, .sf-c-lavender\:70\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 70%) } -.sf-c-lavender\:80, .sf-c-lavender\:80\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 80%) } -.sf-c-lavender\:90, .sf-c-lavender\:90\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } -.sf-c-lavender\:100, .sf-c-lavender\:100\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } - -.sf-c-txt-lavender { color: hsl(240, 67%, 10%) } -.sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } -.sf-c-txt-lavender\:0, .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } -.sf-c-txt-lavender\:10, .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } -.sf-c-txt-lavender\:20, .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } -.sf-c-txt-lavender\:30, .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } -.sf-c-txt-lavender\:40, .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } -.sf-c-txt-lavender\:50, .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } -.sf-c-txt-lavender\:60, .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } -.sf-c-txt-lavender\:70, .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } -.sf-c-txt-lavender\:80, .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } -.sf-c-txt-lavender\:90, .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } -.sf-c-txt-lavender\:100, .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } - -html[data-theme='dark'] .sf-c-lavender, html.dark .sf-c-lavender { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 6%) } -html[data-theme='dark'] .sf-c-lavender\:0, html.dark .sf-c-lavender\:0 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } -html[data-theme='dark'] .sf-c-lavender\:10, html.dark .sf-c-lavender\:10 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-lavender\:20, html.dark .sf-c-lavender\:20 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-lavender\:30, html.dark .sf-c-lavender\:30 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-lavender\:40, html.dark .sf-c-lavender\:40 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-lavender\:50, html.dark .sf-c-lavender\:50 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-lavender\:60, html.dark .sf-c-lavender\:60 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-lavender\:70, html.dark .sf-c-lavender\:70 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-lavender\:80, html.dark .sf-c-lavender\:80 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-lavender\:90, html.dark .sf-c-lavender\:90 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-lavender\:100, html.dark .sf-c-lavender\:100 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } - -html[data-theme='dark'] .sf-c-lavender\:st, html.dark .sf-c-lavender\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-lavender\:0\:st, html.dark .sf-c-lavender\:0\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } -html[data-theme='dark'] .sf-c-lavender\:10\:st, html.dark .sf-c-lavender\:10\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-lavender\:20\:st, html.dark .sf-c-lavender\:20\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-lavender\:30\:st, html.dark .sf-c-lavender\:30\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-lavender\:40\:st, html.dark .sf-c-lavender\:40\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-lavender\:50\:st, html.dark .sf-c-lavender\:50\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-lavender\:60\:st, html.dark .sf-c-lavender\:60\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-lavender\:70\:st, html.dark .sf-c-lavender\:70\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-lavender\:80\:st, html.dark .sf-c-lavender\:80\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-lavender\:90\:st, html.dark .sf-c-lavender\:90\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-lavender\:100\:st, html.dark .sf-c-lavender\:100\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lavender\:st, html.dark .sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-lavender\:0\:st, html.dark .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-lavender\:10\:st, html.dark .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavender\:20\:st, html.dark .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavender\:30\:st, html.dark .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavender\:40\:st, html.dark .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavender\:50\:st, html.dark .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavender\:60\:st, html.dark .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavender\:70\:st, html.dark .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavender\:80\:st, html.dark .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavender\:90\:st, html.dark .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavender\:100\:st, html.dark .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lavender, html.auto .sf-c-lavender { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 6%) } - html[data-theme='auto'] .sf-c-lavender\:0, html.auto .sf-c-lavender\:0 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } - html[data-theme='auto'] .sf-c-lavender\:10, html.auto .sf-c-lavender\:10 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-lavender\:20, html.auto .sf-c-lavender\:20 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-lavender\:30, html.auto .sf-c-lavender\:30 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-lavender\:40, html.auto .sf-c-lavender\:40 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-lavender\:50, html.auto .sf-c-lavender\:50 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-lavender\:60, html.auto .sf-c-lavender\:60 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-lavender\:70, html.auto .sf-c-lavender\:70 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-lavender\:80, html.auto .sf-c-lavender\:80 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-lavender\:90, html.auto .sf-c-lavender\:90 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-lavender\:100, html.auto .sf-c-lavender\:100 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } - - html[data-theme='auto'] .sf-c-lavender\:st, html.auto .sf-c-lavender\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-lavender\:0\:st, html.auto .sf-c-lavender\:0\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } - html[data-theme='auto'] .sf-c-lavender\:10\:st, html.auto .sf-c-lavender\:10\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-lavender\:20\:st, html.auto .sf-c-lavender\:20\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-lavender\:30\:st, html.auto .sf-c-lavender\:30\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-lavender\:40\:st, html.auto .sf-c-lavender\:40\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-lavender\:50\:st, html.auto .sf-c-lavender\:50\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-lavender\:60\:st, html.auto .sf-c-lavender\:60\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-lavender\:70\:st, html.auto .sf-c-lavender\:70\:st { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-lavender\:80\:st, html.auto .sf-c-lavender\:80\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-lavender\:90\:st, html.auto .sf-c-lavender\:90\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-lavender\:100\:st, html.auto .sf-c-lavender\:100\:st { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lavender\:st, html.auto .sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-lavender\:0\:st, html.auto .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-lavender\:10\:st, html.auto .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavender\:20\:st, html.auto .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavender\:30\:st, html.auto .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavender\:40\:st, html.auto .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavender\:50\:st, html.auto .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavender\:60\:st, html.auto .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavender\:70\:st, html.auto .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavender\:80\:st, html.auto .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavender\:90\:st, html.auto .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavender\:100\:st, html.auto .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lavenderblush.css b/src/colors/10/lavenderblush.css deleted file mode 100644 index 61cdbef..0000000 --- a/src/colors/10/lavenderblush.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lavenderblush { - --sf-c-lavenderblush: 340 100% 97%; - --sf-c-lavenderblush-0: 340 100% 0%; - --sf-c-lavenderblush-10: 340 100% 10%; - --sf-c-lavenderblush-20: 340 100% 20%; - --sf-c-lavenderblush-30: 340 100% 30%; - --sf-c-lavenderblush-40: 340 100% 40%; - --sf-c-lavenderblush-50: 340 100% 50%; - --sf-c-lavenderblush-60: 340 100% 60%; - --sf-c-lavenderblush-70: 340 100% 70%; - --sf-c-lavenderblush-80: 340 100% 80%; - --sf-c-lavenderblush-90: 340 100% 90%; - --sf-c-lavenderblush-100: 340 100% 100%; -} - -.sf-c-lavenderblush, .sf-c-lavenderblush\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 97%) } -.sf-c-lavenderblush\:0, .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } -.sf-c-lavenderblush\:10, .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } -.sf-c-lavenderblush\:20, .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } -.sf-c-lavenderblush\:30, .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 30%) } -.sf-c-lavenderblush\:40, .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 40%) } -.sf-c-lavenderblush\:50, .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 50%) } -.sf-c-lavenderblush\:60, .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 60%) } -.sf-c-lavenderblush\:70, .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 70%) } -.sf-c-lavenderblush\:80, .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 80%) } -.sf-c-lavenderblush\:90, .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } -.sf-c-lavenderblush\:100, .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } - -.sf-c-txt-lavenderblush { color: hsl(340, 100%, 10%) } -.sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } -.sf-c-txt-lavenderblush\:0, .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } -.sf-c-txt-lavenderblush\:10, .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } -.sf-c-txt-lavenderblush\:20, .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } -.sf-c-txt-lavenderblush\:30, .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } -.sf-c-txt-lavenderblush\:40, .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } -.sf-c-txt-lavenderblush\:50, .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } -.sf-c-txt-lavenderblush\:60, .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } -.sf-c-txt-lavenderblush\:70, .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } -.sf-c-txt-lavenderblush\:80, .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } -.sf-c-txt-lavenderblush\:90, .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } -.sf-c-txt-lavenderblush\:100, .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lavenderblush, html.dark .sf-c-lavenderblush { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 3%) } -html[data-theme='dark'] .sf-c-lavenderblush\:0, html.dark .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } -html[data-theme='dark'] .sf-c-lavenderblush\:10, html.dark .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-lavenderblush\:20, html.dark .sf-c-lavenderblush\:20 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-lavenderblush\:30, html.dark .sf-c-lavenderblush\:30 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-lavenderblush\:40, html.dark .sf-c-lavenderblush\:40 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-lavenderblush\:50, html.dark .sf-c-lavenderblush\:50 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-lavenderblush\:60, html.dark .sf-c-lavenderblush\:60 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-lavenderblush\:70, html.dark .sf-c-lavenderblush\:70 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-lavenderblush\:80, html.dark .sf-c-lavenderblush\:80 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-lavenderblush\:90, html.dark .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-lavenderblush\:100, html.dark .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lavenderblush\:st, html.dark .sf-c-lavenderblush\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-lavenderblush\:0\:st, html.dark .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } -html[data-theme='dark'] .sf-c-lavenderblush\:10\:st, html.dark .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-lavenderblush\:20\:st, html.dark .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-lavenderblush\:30\:st, html.dark .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-lavenderblush\:40\:st, html.dark .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-lavenderblush\:50\:st, html.dark .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-lavenderblush\:60\:st, html.dark .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-lavenderblush\:70\:st, html.dark .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-lavenderblush\:80\:st, html.dark .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-lavenderblush\:90\:st, html.dark .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-lavenderblush\:100\:st, html.dark .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lavenderblush\:st, html.dark .sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:st, html.dark .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:st, html.dark .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:st, html.dark .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:st, html.dark .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:st, html.dark .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:st, html.dark .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:st, html.dark .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:st, html.dark .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:st, html.dark .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:st, html.dark .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:st, html.dark .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lavenderblush, html.auto .sf-c-lavenderblush { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 3%) } - html[data-theme='auto'] .sf-c-lavenderblush\:0, html.auto .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } - html[data-theme='auto'] .sf-c-lavenderblush\:10, html.auto .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-lavenderblush\:20, html.auto .sf-c-lavenderblush\:20 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-lavenderblush\:30, html.auto .sf-c-lavenderblush\:30 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-lavenderblush\:40, html.auto .sf-c-lavenderblush\:40 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-lavenderblush\:50, html.auto .sf-c-lavenderblush\:50 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-lavenderblush\:60, html.auto .sf-c-lavenderblush\:60 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-lavenderblush\:70, html.auto .sf-c-lavenderblush\:70 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-lavenderblush\:80, html.auto .sf-c-lavenderblush\:80 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-lavenderblush\:90, html.auto .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-lavenderblush\:100, html.auto .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lavenderblush\:st, html.auto .sf-c-lavenderblush\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-lavenderblush\:0\:st, html.auto .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } - html[data-theme='auto'] .sf-c-lavenderblush\:10\:st, html.auto .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-lavenderblush\:20\:st, html.auto .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-lavenderblush\:30\:st, html.auto .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-lavenderblush\:40\:st, html.auto .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-lavenderblush\:50\:st, html.auto .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-lavenderblush\:60\:st, html.auto .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-lavenderblush\:70\:st, html.auto .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-lavenderblush\:80\:st, html.auto .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-lavenderblush\:90\:st, html.auto .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-lavenderblush\:100\:st, html.auto .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lavenderblush\:st, html.auto .sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:st, html.auto .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:st, html.auto .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:st, html.auto .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:st, html.auto .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:st, html.auto .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:st, html.auto .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:st, html.auto .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:st, html.auto .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:st, html.auto .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:st, html.auto .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:st, html.auto .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lawngreen.css b/src/colors/10/lawngreen.css deleted file mode 100644 index 0150131..0000000 --- a/src/colors/10/lawngreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lawngreen { - --sf-c-lawngreen: 90 100% 49%; - --sf-c-lawngreen-0: 90 100% 0%; - --sf-c-lawngreen-10: 90 100% 10%; - --sf-c-lawngreen-20: 90 100% 20%; - --sf-c-lawngreen-30: 90 100% 30%; - --sf-c-lawngreen-40: 90 100% 40%; - --sf-c-lawngreen-50: 90 100% 50%; - --sf-c-lawngreen-60: 90 100% 60%; - --sf-c-lawngreen-70: 90 100% 70%; - --sf-c-lawngreen-80: 90 100% 80%; - --sf-c-lawngreen-90: 90 100% 90%; - --sf-c-lawngreen-100: 90 100% 100%; -} - -.sf-c-lawngreen, .sf-c-lawngreen\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 49%) } -.sf-c-lawngreen\:0, .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -.sf-c-lawngreen\:10, .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -.sf-c-lawngreen\:20, .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -.sf-c-lawngreen\:30, .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -.sf-c-lawngreen\:40, .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -.sf-c-lawngreen\:50, .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -.sf-c-lawngreen\:60, .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -.sf-c-lawngreen\:70, .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -.sf-c-lawngreen\:80, .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -.sf-c-lawngreen\:90, .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -.sf-c-lawngreen\:100, .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - -.sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } -.sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } -.sf-c-txt-lawngreen\:0, .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } -.sf-c-txt-lawngreen\:10, .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } -.sf-c-txt-lawngreen\:20, .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } -.sf-c-txt-lawngreen\:30, .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } -.sf-c-txt-lawngreen\:40, .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } -.sf-c-txt-lawngreen\:50, .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-lawngreen\:60, .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } -.sf-c-txt-lawngreen\:70, .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } -.sf-c-txt-lawngreen\:80, .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } -.sf-c-txt-lawngreen\:90, .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } -.sf-c-txt-lawngreen\:100, .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lawngreen, html.dark .sf-c-lawngreen { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 51%) } -html[data-theme='dark'] .sf-c-lawngreen\:0, html.dark .sf-c-lawngreen\:0 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-lawngreen\:10, html.dark .sf-c-lawngreen\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-lawngreen\:20, html.dark .sf-c-lawngreen\:20 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-lawngreen\:30, html.dark .sf-c-lawngreen\:30 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-lawngreen\:40, html.dark .sf-c-lawngreen\:40 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-lawngreen\:50, html.dark .sf-c-lawngreen\:50 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-lawngreen\:60, html.dark .sf-c-lawngreen\:60 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-lawngreen\:70, html.dark .sf-c-lawngreen\:70 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-lawngreen\:80, html.dark .sf-c-lawngreen\:80 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-lawngreen\:90, html.dark .sf-c-lawngreen\:90 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-lawngreen\:100, html.dark .sf-c-lawngreen\:100 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lawngreen\:st, html.dark .sf-c-lawngreen\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 49%) } -html[data-theme='dark'] .sf-c-lawngreen\:0\:st, html.dark .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-lawngreen\:10\:st, html.dark .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-lawngreen\:20\:st, html.dark .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-lawngreen\:30\:st, html.dark .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-lawngreen\:40\:st, html.dark .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-lawngreen\:50\:st, html.dark .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-lawngreen\:60\:st, html.dark .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-lawngreen\:70\:st, html.dark .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-lawngreen\:80\:st, html.dark .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-lawngreen\:90\:st, html.dark .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-lawngreen\:100\:st, html.dark .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lawngreen\:st, html.dark .sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:0\:st, html.dark .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:10\:st, html.dark .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:20\:st, html.dark .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:30\:st, html.dark .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:40\:st, html.dark .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:50\:st, html.dark .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:60\:st, html.dark .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:70\:st, html.dark .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:80\:st, html.dark .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:90\:st, html.dark .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:100\:st, html.dark .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lawngreen, html.auto .sf-c-lawngreen { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 51%) } - html[data-theme='auto'] .sf-c-lawngreen\:0, html.auto .sf-c-lawngreen\:0 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-lawngreen\:10, html.auto .sf-c-lawngreen\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-lawngreen\:20, html.auto .sf-c-lawngreen\:20 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-lawngreen\:30, html.auto .sf-c-lawngreen\:30 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-lawngreen\:40, html.auto .sf-c-lawngreen\:40 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-lawngreen\:50, html.auto .sf-c-lawngreen\:50 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-lawngreen\:60, html.auto .sf-c-lawngreen\:60 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-lawngreen\:70, html.auto .sf-c-lawngreen\:70 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-lawngreen\:80, html.auto .sf-c-lawngreen\:80 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-lawngreen\:90, html.auto .sf-c-lawngreen\:90 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-lawngreen\:100, html.auto .sf-c-lawngreen\:100 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lawngreen\:st, html.auto .sf-c-lawngreen\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 49%) } - html[data-theme='auto'] .sf-c-lawngreen\:0\:st, html.auto .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-lawngreen\:10\:st, html.auto .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-lawngreen\:20\:st, html.auto .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-lawngreen\:30\:st, html.auto .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-lawngreen\:40\:st, html.auto .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-lawngreen\:50\:st, html.auto .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-lawngreen\:60\:st, html.auto .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-lawngreen\:70\:st, html.auto .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-lawngreen\:80\:st, html.auto .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-lawngreen\:90\:st, html.auto .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-lawngreen\:100\:st, html.auto .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lawngreen\:st, html.auto .sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:0\:st, html.auto .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:10\:st, html.auto .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:20\:st, html.auto .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:30\:st, html.auto .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:40\:st, html.auto .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:50\:st, html.auto .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:60\:st, html.auto .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:70\:st, html.auto .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:80\:st, html.auto .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:90\:st, html.auto .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:100\:st, html.auto .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lemonchiffon.css b/src/colors/10/lemonchiffon.css deleted file mode 100644 index 67a1ddc..0000000 --- a/src/colors/10/lemonchiffon.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lemonchiffon { - --sf-c-lemonchiffon: 54 100% 90%; - --sf-c-lemonchiffon-0: 54 100% 0%; - --sf-c-lemonchiffon-10: 54 100% 10%; - --sf-c-lemonchiffon-20: 54 100% 20%; - --sf-c-lemonchiffon-30: 54 100% 30%; - --sf-c-lemonchiffon-40: 54 100% 40%; - --sf-c-lemonchiffon-50: 54 100% 50%; - --sf-c-lemonchiffon-60: 54 100% 60%; - --sf-c-lemonchiffon-70: 54 100% 70%; - --sf-c-lemonchiffon-80: 54 100% 80%; - --sf-c-lemonchiffon-90: 54 100% 90%; - --sf-c-lemonchiffon-100: 54 100% 100%; -} - -.sf-c-lemonchiffon, .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } -.sf-c-lemonchiffon\:0, .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } -.sf-c-lemonchiffon\:10, .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } -.sf-c-lemonchiffon\:20, .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } -.sf-c-lemonchiffon\:30, .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 30%) } -.sf-c-lemonchiffon\:40, .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 40%) } -.sf-c-lemonchiffon\:50, .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 50%) } -.sf-c-lemonchiffon\:60, .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 60%) } -.sf-c-lemonchiffon\:70, .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 70%) } -.sf-c-lemonchiffon\:80, .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 80%) } -.sf-c-lemonchiffon\:90, .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } -.sf-c-lemonchiffon\:100, .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } - -.sf-c-txt-lemonchiffon { color: hsl(54, 100%, 10%) } -.sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } -.sf-c-txt-lemonchiffon\:0, .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } -.sf-c-txt-lemonchiffon\:10, .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } -.sf-c-txt-lemonchiffon\:20, .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } -.sf-c-txt-lemonchiffon\:30, .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } -.sf-c-txt-lemonchiffon\:40, .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } -.sf-c-txt-lemonchiffon\:50, .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } -.sf-c-txt-lemonchiffon\:60, .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } -.sf-c-txt-lemonchiffon\:70, .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } -.sf-c-txt-lemonchiffon\:80, .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } -.sf-c-txt-lemonchiffon\:90, .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } -.sf-c-txt-lemonchiffon\:100, .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lemonchiffon, html.dark .sf-c-lemonchiffon { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:0, html.dark .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:10, html.dark .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:20, html.dark .sf-c-lemonchiffon\:20 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:30, html.dark .sf-c-lemonchiffon\:30 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:40, html.dark .sf-c-lemonchiffon\:40 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:50, html.dark .sf-c-lemonchiffon\:50 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:60, html.dark .sf-c-lemonchiffon\:60 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:70, html.dark .sf-c-lemonchiffon\:70 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:80, html.dark .sf-c-lemonchiffon\:80 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:90, html.dark .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:100, html.dark .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lemonchiffon\:st, html.dark .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:0\:st, html.dark .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:10\:st, html.dark .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:20\:st, html.dark .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:30\:st, html.dark .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:40\:st, html.dark .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:50\:st, html.dark .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:60\:st, html.dark .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:70\:st, html.dark .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:80\:st, html.dark .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:90\:st, html.dark .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:100\:st, html.dark .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:st, html.dark .sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:st, html.dark .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:st, html.dark .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:st, html.dark .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:st, html.dark .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:st, html.dark .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:st, html.dark .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:st, html.dark .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:st, html.dark .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:st, html.dark .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:st, html.dark .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:st, html.dark .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lemonchiffon, html.auto .sf-c-lemonchiffon { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:0, html.auto .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:10, html.auto .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:20, html.auto .sf-c-lemonchiffon\:20 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:30, html.auto .sf-c-lemonchiffon\:30 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:40, html.auto .sf-c-lemonchiffon\:40 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:50, html.auto .sf-c-lemonchiffon\:50 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:60, html.auto .sf-c-lemonchiffon\:60 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:70, html.auto .sf-c-lemonchiffon\:70 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:80, html.auto .sf-c-lemonchiffon\:80 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:90, html.auto .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:100, html.auto .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lemonchiffon\:st, html.auto .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:0\:st, html.auto .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:10\:st, html.auto .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:20\:st, html.auto .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:30\:st, html.auto .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:40\:st, html.auto .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:50\:st, html.auto .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:60\:st, html.auto .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:70\:st, html.auto .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:80\:st, html.auto .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:90\:st, html.auto .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:100\:st, html.auto .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:st, html.auto .sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:st, html.auto .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:st, html.auto .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:st, html.auto .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:st, html.auto .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:st, html.auto .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:st, html.auto .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:st, html.auto .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:st, html.auto .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:st, html.auto .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:st, html.auto .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:st, html.auto .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightblue.css b/src/colors/10/lightblue.css deleted file mode 100644 index 9cb83cb..0000000 --- a/src/colors/10/lightblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightblue { - --sf-c-lightblue: 195 53% 79%; - --sf-c-lightblue-0: 195 53% 0%; - --sf-c-lightblue-10: 195 53% 10%; - --sf-c-lightblue-20: 195 53% 20%; - --sf-c-lightblue-30: 195 53% 30%; - --sf-c-lightblue-40: 195 53% 40%; - --sf-c-lightblue-50: 195 53% 50%; - --sf-c-lightblue-60: 195 53% 60%; - --sf-c-lightblue-70: 195 53% 70%; - --sf-c-lightblue-80: 195 53% 80%; - --sf-c-lightblue-90: 195 53% 90%; - --sf-c-lightblue-100: 195 53% 100%; -} - -.sf-c-lightblue, .sf-c-lightblue\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 79%) } -.sf-c-lightblue\:0, .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } -.sf-c-lightblue\:10, .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } -.sf-c-lightblue\:20, .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } -.sf-c-lightblue\:30, .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 30%) } -.sf-c-lightblue\:40, .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 40%) } -.sf-c-lightblue\:50, .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 50%) } -.sf-c-lightblue\:60, .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 60%) } -.sf-c-lightblue\:70, .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 70%) } -.sf-c-lightblue\:80, .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 80%) } -.sf-c-lightblue\:90, .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } -.sf-c-lightblue\:100, .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } - -.sf-c-txt-lightblue { color: hsl(195, 53%, 10%) } -.sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } -.sf-c-txt-lightblue\:0, .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } -.sf-c-txt-lightblue\:10, .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } -.sf-c-txt-lightblue\:20, .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } -.sf-c-txt-lightblue\:30, .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } -.sf-c-txt-lightblue\:40, .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } -.sf-c-txt-lightblue\:50, .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } -.sf-c-txt-lightblue\:60, .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } -.sf-c-txt-lightblue\:70, .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } -.sf-c-txt-lightblue\:80, .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } -.sf-c-txt-lightblue\:90, .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } -.sf-c-txt-lightblue\:100, .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } - -html[data-theme='dark'] .sf-c-lightblue, html.dark .sf-c-lightblue { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 21%) } -html[data-theme='dark'] .sf-c-lightblue\:0, html.dark .sf-c-lightblue\:0 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } -html[data-theme='dark'] .sf-c-lightblue\:10, html.dark .sf-c-lightblue\:10 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-lightblue\:20, html.dark .sf-c-lightblue\:20 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-lightblue\:30, html.dark .sf-c-lightblue\:30 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-lightblue\:40, html.dark .sf-c-lightblue\:40 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-lightblue\:50, html.dark .sf-c-lightblue\:50 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-lightblue\:60, html.dark .sf-c-lightblue\:60 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-lightblue\:70, html.dark .sf-c-lightblue\:70 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-lightblue\:80, html.dark .sf-c-lightblue\:80 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-lightblue\:90, html.dark .sf-c-lightblue\:90 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-lightblue\:100, html.dark .sf-c-lightblue\:100 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } - -html[data-theme='dark'] .sf-c-lightblue\:st, html.dark .sf-c-lightblue\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-lightblue\:0\:st, html.dark .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } -html[data-theme='dark'] .sf-c-lightblue\:10\:st, html.dark .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-lightblue\:20\:st, html.dark .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-lightblue\:30\:st, html.dark .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-lightblue\:40\:st, html.dark .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-lightblue\:50\:st, html.dark .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-lightblue\:60\:st, html.dark .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-lightblue\:70\:st, html.dark .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-lightblue\:80\:st, html.dark .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-lightblue\:90\:st, html.dark .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-lightblue\:100\:st, html.dark .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightblue\:st, html.dark .sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:0\:st, html.dark .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:10\:st, html.dark .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:20\:st, html.dark .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:30\:st, html.dark .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:40\:st, html.dark .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:50\:st, html.dark .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:60\:st, html.dark .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:70\:st, html.dark .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:80\:st, html.dark .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:90\:st, html.dark .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:100\:st, html.dark .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightblue, html.auto .sf-c-lightblue { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 21%) } - html[data-theme='auto'] .sf-c-lightblue\:0, html.auto .sf-c-lightblue\:0 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } - html[data-theme='auto'] .sf-c-lightblue\:10, html.auto .sf-c-lightblue\:10 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-lightblue\:20, html.auto .sf-c-lightblue\:20 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-lightblue\:30, html.auto .sf-c-lightblue\:30 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-lightblue\:40, html.auto .sf-c-lightblue\:40 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-lightblue\:50, html.auto .sf-c-lightblue\:50 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-lightblue\:60, html.auto .sf-c-lightblue\:60 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-lightblue\:70, html.auto .sf-c-lightblue\:70 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-lightblue\:80, html.auto .sf-c-lightblue\:80 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-lightblue\:90, html.auto .sf-c-lightblue\:90 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-lightblue\:100, html.auto .sf-c-lightblue\:100 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } - - html[data-theme='auto'] .sf-c-lightblue\:st, html.auto .sf-c-lightblue\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-lightblue\:0\:st, html.auto .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } - html[data-theme='auto'] .sf-c-lightblue\:10\:st, html.auto .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-lightblue\:20\:st, html.auto .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-lightblue\:30\:st, html.auto .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-lightblue\:40\:st, html.auto .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-lightblue\:50\:st, html.auto .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-lightblue\:60\:st, html.auto .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-lightblue\:70\:st, html.auto .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-lightblue\:80\:st, html.auto .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-lightblue\:90\:st, html.auto .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-lightblue\:100\:st, html.auto .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightblue\:st, html.auto .sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:0\:st, html.auto .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:10\:st, html.auto .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:20\:st, html.auto .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:30\:st, html.auto .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:40\:st, html.auto .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:50\:st, html.auto .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:60\:st, html.auto .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:70\:st, html.auto .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:80\:st, html.auto .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:90\:st, html.auto .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:100\:st, html.auto .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightcoral.css b/src/colors/10/lightcoral.css deleted file mode 100644 index 5b814ad..0000000 --- a/src/colors/10/lightcoral.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightcoral { - --sf-c-lightcoral: 0 79% 72%; - --sf-c-lightcoral-0: 0 79% 0%; - --sf-c-lightcoral-10: 0 79% 10%; - --sf-c-lightcoral-20: 0 79% 20%; - --sf-c-lightcoral-30: 0 79% 30%; - --sf-c-lightcoral-40: 0 79% 40%; - --sf-c-lightcoral-50: 0 79% 50%; - --sf-c-lightcoral-60: 0 79% 60%; - --sf-c-lightcoral-70: 0 79% 70%; - --sf-c-lightcoral-80: 0 79% 80%; - --sf-c-lightcoral-90: 0 79% 90%; - --sf-c-lightcoral-100: 0 79% 100%; -} - -.sf-c-lightcoral, .sf-c-lightcoral\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 72%) } -.sf-c-lightcoral\:0, .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } -.sf-c-lightcoral\:10, .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } -.sf-c-lightcoral\:20, .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } -.sf-c-lightcoral\:30, .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 30%) } -.sf-c-lightcoral\:40, .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 40%) } -.sf-c-lightcoral\:50, .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 50%) } -.sf-c-lightcoral\:60, .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 60%) } -.sf-c-lightcoral\:70, .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 70%) } -.sf-c-lightcoral\:80, .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 80%) } -.sf-c-lightcoral\:90, .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } -.sf-c-lightcoral\:100, .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } - -.sf-c-txt-lightcoral { color: hsl(0, 79%, 10%) } -.sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } -.sf-c-txt-lightcoral\:0, .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } -.sf-c-txt-lightcoral\:10, .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } -.sf-c-txt-lightcoral\:20, .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } -.sf-c-txt-lightcoral\:30, .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } -.sf-c-txt-lightcoral\:40, .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } -.sf-c-txt-lightcoral\:50, .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } -.sf-c-txt-lightcoral\:60, .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } -.sf-c-txt-lightcoral\:70, .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } -.sf-c-txt-lightcoral\:80, .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } -.sf-c-txt-lightcoral\:90, .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } -.sf-c-txt-lightcoral\:100, .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } - -html[data-theme='dark'] .sf-c-lightcoral, html.dark .sf-c-lightcoral { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 28%) } -html[data-theme='dark'] .sf-c-lightcoral\:0, html.dark .sf-c-lightcoral\:0 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } -html[data-theme='dark'] .sf-c-lightcoral\:10, html.dark .sf-c-lightcoral\:10 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-lightcoral\:20, html.dark .sf-c-lightcoral\:20 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-lightcoral\:30, html.dark .sf-c-lightcoral\:30 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-lightcoral\:40, html.dark .sf-c-lightcoral\:40 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-lightcoral\:50, html.dark .sf-c-lightcoral\:50 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-lightcoral\:60, html.dark .sf-c-lightcoral\:60 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-lightcoral\:70, html.dark .sf-c-lightcoral\:70 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-lightcoral\:80, html.dark .sf-c-lightcoral\:80 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-lightcoral\:90, html.dark .sf-c-lightcoral\:90 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-lightcoral\:100, html.dark .sf-c-lightcoral\:100 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } - -html[data-theme='dark'] .sf-c-lightcoral\:st, html.dark .sf-c-lightcoral\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-lightcoral\:0\:st, html.dark .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } -html[data-theme='dark'] .sf-c-lightcoral\:10\:st, html.dark .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-lightcoral\:20\:st, html.dark .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-lightcoral\:30\:st, html.dark .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-lightcoral\:40\:st, html.dark .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-lightcoral\:50\:st, html.dark .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-lightcoral\:60\:st, html.dark .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-lightcoral\:70\:st, html.dark .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-lightcoral\:80\:st, html.dark .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-lightcoral\:90\:st, html.dark .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-lightcoral\:100\:st, html.dark .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightcoral\:st, html.dark .sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:0\:st, html.dark .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:10\:st, html.dark .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:20\:st, html.dark .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:30\:st, html.dark .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:40\:st, html.dark .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:50\:st, html.dark .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:60\:st, html.dark .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:70\:st, html.dark .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:80\:st, html.dark .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:90\:st, html.dark .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:100\:st, html.dark .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightcoral, html.auto .sf-c-lightcoral { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 28%) } - html[data-theme='auto'] .sf-c-lightcoral\:0, html.auto .sf-c-lightcoral\:0 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } - html[data-theme='auto'] .sf-c-lightcoral\:10, html.auto .sf-c-lightcoral\:10 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-lightcoral\:20, html.auto .sf-c-lightcoral\:20 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-lightcoral\:30, html.auto .sf-c-lightcoral\:30 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-lightcoral\:40, html.auto .sf-c-lightcoral\:40 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-lightcoral\:50, html.auto .sf-c-lightcoral\:50 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-lightcoral\:60, html.auto .sf-c-lightcoral\:60 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-lightcoral\:70, html.auto .sf-c-lightcoral\:70 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-lightcoral\:80, html.auto .sf-c-lightcoral\:80 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-lightcoral\:90, html.auto .sf-c-lightcoral\:90 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-lightcoral\:100, html.auto .sf-c-lightcoral\:100 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } - - html[data-theme='auto'] .sf-c-lightcoral\:st, html.auto .sf-c-lightcoral\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-lightcoral\:0\:st, html.auto .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } - html[data-theme='auto'] .sf-c-lightcoral\:10\:st, html.auto .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-lightcoral\:20\:st, html.auto .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-lightcoral\:30\:st, html.auto .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-lightcoral\:40\:st, html.auto .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-lightcoral\:50\:st, html.auto .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-lightcoral\:60\:st, html.auto .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-lightcoral\:70\:st, html.auto .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-lightcoral\:80\:st, html.auto .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-lightcoral\:90\:st, html.auto .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-lightcoral\:100\:st, html.auto .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightcoral\:st, html.auto .sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:0\:st, html.auto .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:10\:st, html.auto .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:20\:st, html.auto .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:30\:st, html.auto .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:40\:st, html.auto .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:50\:st, html.auto .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:60\:st, html.auto .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:70\:st, html.auto .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:80\:st, html.auto .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:90\:st, html.auto .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:100\:st, html.auto .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightcyan.css b/src/colors/10/lightcyan.css deleted file mode 100644 index d8c2ae6..0000000 --- a/src/colors/10/lightcyan.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightcyan { - --sf-c-lightcyan: 180 100% 94%; - --sf-c-lightcyan-0: 180 100% 0%; - --sf-c-lightcyan-10: 180 100% 10%; - --sf-c-lightcyan-20: 180 100% 20%; - --sf-c-lightcyan-30: 180 100% 30%; - --sf-c-lightcyan-40: 180 100% 40%; - --sf-c-lightcyan-50: 180 100% 50%; - --sf-c-lightcyan-60: 180 100% 60%; - --sf-c-lightcyan-70: 180 100% 70%; - --sf-c-lightcyan-80: 180 100% 80%; - --sf-c-lightcyan-90: 180 100% 90%; - --sf-c-lightcyan-100: 180 100% 100%; -} - -.sf-c-lightcyan, .sf-c-lightcyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 94%) } -.sf-c-lightcyan\:0, .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-lightcyan\:10, .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-lightcyan\:20, .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-lightcyan\:30, .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-lightcyan\:40, .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-lightcyan\:50, .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-lightcyan\:60, .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-lightcyan\:70, .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-lightcyan\:80, .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-lightcyan\:90, .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-lightcyan\:100, .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-lightcyan { color: hsl(180, 100%, 10%) } -.sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } -.sf-c-txt-lightcyan\:0, .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-lightcyan\:10, .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-lightcyan\:20, .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-lightcyan\:30, .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-lightcyan\:40, .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-lightcyan\:50, .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-lightcyan\:60, .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-lightcyan\:70, .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-lightcyan\:80, .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-lightcyan\:90, .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-lightcyan\:100, .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightcyan, html.dark .sf-c-lightcyan { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 6%) } -html[data-theme='dark'] .sf-c-lightcyan\:0, html.dark .sf-c-lightcyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightcyan\:10, html.dark .sf-c-lightcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightcyan\:20, html.dark .sf-c-lightcyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightcyan\:30, html.dark .sf-c-lightcyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightcyan\:40, html.dark .sf-c-lightcyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightcyan\:50, html.dark .sf-c-lightcyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightcyan\:60, html.dark .sf-c-lightcyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightcyan\:70, html.dark .sf-c-lightcyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightcyan\:80, html.dark .sf-c-lightcyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightcyan\:90, html.dark .sf-c-lightcyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightcyan\:100, html.dark .sf-c-lightcyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightcyan\:st, html.dark .sf-c-lightcyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-lightcyan\:0\:st, html.dark .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightcyan\:10\:st, html.dark .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightcyan\:20\:st, html.dark .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightcyan\:30\:st, html.dark .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightcyan\:40\:st, html.dark .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightcyan\:50\:st, html.dark .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightcyan\:60\:st, html.dark .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightcyan\:70\:st, html.dark .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightcyan\:80\:st, html.dark .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightcyan\:90\:st, html.dark .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightcyan\:100\:st, html.dark .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightcyan\:st, html.dark .sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:0\:st, html.dark .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:10\:st, html.dark .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:20\:st, html.dark .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:30\:st, html.dark .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:40\:st, html.dark .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:50\:st, html.dark .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:60\:st, html.dark .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:70\:st, html.dark .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:80\:st, html.dark .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:90\:st, html.dark .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:100\:st, html.dark .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightcyan, html.auto .sf-c-lightcyan { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 6%) } - html[data-theme='auto'] .sf-c-lightcyan\:0, html.auto .sf-c-lightcyan\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightcyan\:10, html.auto .sf-c-lightcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightcyan\:20, html.auto .sf-c-lightcyan\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightcyan\:30, html.auto .sf-c-lightcyan\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightcyan\:40, html.auto .sf-c-lightcyan\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightcyan\:50, html.auto .sf-c-lightcyan\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightcyan\:60, html.auto .sf-c-lightcyan\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightcyan\:70, html.auto .sf-c-lightcyan\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightcyan\:80, html.auto .sf-c-lightcyan\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightcyan\:90, html.auto .sf-c-lightcyan\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightcyan\:100, html.auto .sf-c-lightcyan\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightcyan\:st, html.auto .sf-c-lightcyan\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-lightcyan\:0\:st, html.auto .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightcyan\:10\:st, html.auto .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightcyan\:20\:st, html.auto .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightcyan\:30\:st, html.auto .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightcyan\:40\:st, html.auto .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightcyan\:50\:st, html.auto .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightcyan\:60\:st, html.auto .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightcyan\:70\:st, html.auto .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightcyan\:80\:st, html.auto .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightcyan\:90\:st, html.auto .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightcyan\:100\:st, html.auto .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightcyan\:st, html.auto .sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:0\:st, html.auto .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:10\:st, html.auto .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:20\:st, html.auto .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:30\:st, html.auto .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:40\:st, html.auto .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:50\:st, html.auto .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:60\:st, html.auto .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:70\:st, html.auto .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:80\:st, html.auto .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:90\:st, html.auto .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:100\:st, html.auto .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightgoldenrodyellow.css b/src/colors/10/lightgoldenrodyellow.css deleted file mode 100644 index 4bb2e0a..0000000 --- a/src/colors/10/lightgoldenrodyellow.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightgoldenrodyellow { - --sf-c-lightgoldenrodyellow: 60 80% 90%; - --sf-c-lightgoldenrodyellow-0: 60 80% 0%; - --sf-c-lightgoldenrodyellow-10: 60 80% 10%; - --sf-c-lightgoldenrodyellow-20: 60 80% 20%; - --sf-c-lightgoldenrodyellow-30: 60 80% 30%; - --sf-c-lightgoldenrodyellow-40: 60 80% 40%; - --sf-c-lightgoldenrodyellow-50: 60 80% 50%; - --sf-c-lightgoldenrodyellow-60: 60 80% 60%; - --sf-c-lightgoldenrodyellow-70: 60 80% 70%; - --sf-c-lightgoldenrodyellow-80: 60 80% 80%; - --sf-c-lightgoldenrodyellow-90: 60 80% 90%; - --sf-c-lightgoldenrodyellow-100: 60 80% 100%; -} - -.sf-c-lightgoldenrodyellow, .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } -.sf-c-lightgoldenrodyellow\:0, .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } -.sf-c-lightgoldenrodyellow\:10, .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } -.sf-c-lightgoldenrodyellow\:20, .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } -.sf-c-lightgoldenrodyellow\:30, .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 30%) } -.sf-c-lightgoldenrodyellow\:40, .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 40%) } -.sf-c-lightgoldenrodyellow\:50, .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 50%) } -.sf-c-lightgoldenrodyellow\:60, .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 60%) } -.sf-c-lightgoldenrodyellow\:70, .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 70%) } -.sf-c-lightgoldenrodyellow\:80, .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 80%) } -.sf-c-lightgoldenrodyellow\:90, .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } -.sf-c-lightgoldenrodyellow\:100, .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } - -.sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 10%) } -.sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } -.sf-c-txt-lightgoldenrodyellow\:0, .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } -.sf-c-txt-lightgoldenrodyellow\:10, .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } -.sf-c-txt-lightgoldenrodyellow\:20, .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } -.sf-c-txt-lightgoldenrodyellow\:30, .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } -.sf-c-txt-lightgoldenrodyellow\:40, .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } -.sf-c-txt-lightgoldenrodyellow\:50, .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } -.sf-c-txt-lightgoldenrodyellow\:60, .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } -.sf-c-txt-lightgoldenrodyellow\:70, .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } -.sf-c-txt-lightgoldenrodyellow\:80, .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } -.sf-c-txt-lightgoldenrodyellow\:90, .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } -.sf-c-txt-lightgoldenrodyellow\:100, .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } - -html[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.dark .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10, html.dark .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:20, html.dark .sf-c-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:30, html.dark .sf-c-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:40, html.dark .sf-c-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:50, html.dark .sf-c-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:60, html.dark .sf-c-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:70, html.dark .sf-c-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80, html.dark .sf-c-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90, html.dark .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100, html.dark .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } - -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:st, html.dark .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0\:st, html.dark .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10\:st, html.dark .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:20\:st, html.dark .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:30\:st, html.dark .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:40\:st, html.dark .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:50\:st, html.dark .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:60\:st, html.dark .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:70\:st, html.dark .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80\:st, html.dark .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:st, html.dark .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:st, html.dark .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.auto .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:10, html.auto .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:20, html.auto .sf-c-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:30, html.auto .sf-c-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:40, html.auto .sf-c-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:50, html.auto .sf-c-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:60, html.auto .sf-c-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:70, html.auto .sf-c-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:80, html.auto .sf-c-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90, html.auto .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100, html.auto .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } - - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:st, html.auto .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0\:st, html.auto .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:10\:st, html.auto .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:20\:st, html.auto .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:30\:st, html.auto .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:40\:st, html.auto .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:50\:st, html.auto .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:60\:st, html.auto .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:70\:st, html.auto .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:80\:st, html.auto .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90\:st, html.auto .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:st, html.auto .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightgray.css b/src/colors/10/lightgray.css deleted file mode 100644 index 9bc44fc..0000000 --- a/src/colors/10/lightgray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightgray { - --sf-c-lightgray: 0 0% 83%; - --sf-c-lightgray-0: 0 0% 0%; - --sf-c-lightgray-10: 0 0% 10%; - --sf-c-lightgray-20: 0 0% 20%; - --sf-c-lightgray-30: 0 0% 30%; - --sf-c-lightgray-40: 0 0% 40%; - --sf-c-lightgray-50: 0 0% 50%; - --sf-c-lightgray-60: 0 0% 60%; - --sf-c-lightgray-70: 0 0% 70%; - --sf-c-lightgray-80: 0 0% 80%; - --sf-c-lightgray-90: 0 0% 90%; - --sf-c-lightgray-100: 0 0% 100%; -} - -.sf-c-lightgray, .sf-c-lightgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } -.sf-c-lightgray\:0, .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-lightgray\:10, .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-lightgray\:20, .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-lightgray\:30, .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-lightgray\:40, .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-lightgray\:50, .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-lightgray\:60, .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-lightgray\:70, .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-lightgray\:80, .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-lightgray\:90, .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-lightgray\:100, .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-lightgray { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } -.sf-c-txt-lightgray\:0, .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-lightgray\:10, .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgray\:20, .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-lightgray\:30, .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-lightgray\:40, .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-lightgray\:50, .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-lightgray\:60, .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-lightgray\:70, .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-lightgray\:80, .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-lightgray\:90, .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-lightgray\:100, .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-lightgray, html.dark .sf-c-lightgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } -html[data-theme='dark'] .sf-c-lightgray\:0, html.dark .sf-c-lightgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-lightgray\:10, html.dark .sf-c-lightgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgray\:20, html.dark .sf-c-lightgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgray\:30, html.dark .sf-c-lightgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgray\:40, html.dark .sf-c-lightgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgray\:50, html.dark .sf-c-lightgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgray\:60, html.dark .sf-c-lightgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgray\:70, html.dark .sf-c-lightgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgray\:80, html.dark .sf-c-lightgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgray\:90, html.dark .sf-c-lightgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgray\:100, html.dark .sf-c-lightgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-lightgray\:st, html.dark .sf-c-lightgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-lightgray\:0\:st, html.dark .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-lightgray\:10\:st, html.dark .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgray\:20\:st, html.dark .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgray\:30\:st, html.dark .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgray\:40\:st, html.dark .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgray\:50\:st, html.dark .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgray\:60\:st, html.dark .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgray\:70\:st, html.dark .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgray\:80\:st, html.dark .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgray\:90\:st, html.dark .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgray\:100\:st, html.dark .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgray\:st, html.dark .sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:0\:st, html.dark .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:10\:st, html.dark .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:20\:st, html.dark .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:30\:st, html.dark .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:40\:st, html.dark .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:50\:st, html.dark .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:60\:st, html.dark .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:70\:st, html.dark .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:80\:st, html.dark .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:90\:st, html.dark .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:100\:st, html.dark .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgray, html.auto .sf-c-lightgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } - html[data-theme='auto'] .sf-c-lightgray\:0, html.auto .sf-c-lightgray\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-lightgray\:10, html.auto .sf-c-lightgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgray\:20, html.auto .sf-c-lightgray\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgray\:30, html.auto .sf-c-lightgray\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgray\:40, html.auto .sf-c-lightgray\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgray\:50, html.auto .sf-c-lightgray\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgray\:60, html.auto .sf-c-lightgray\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgray\:70, html.auto .sf-c-lightgray\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgray\:80, html.auto .sf-c-lightgray\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgray\:90, html.auto .sf-c-lightgray\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgray\:100, html.auto .sf-c-lightgray\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-lightgray\:st, html.auto .sf-c-lightgray\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-lightgray\:0\:st, html.auto .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-lightgray\:10\:st, html.auto .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgray\:20\:st, html.auto .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgray\:30\:st, html.auto .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgray\:40\:st, html.auto .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgray\:50\:st, html.auto .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgray\:60\:st, html.auto .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgray\:70\:st, html.auto .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgray\:80\:st, html.auto .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgray\:90\:st, html.auto .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgray\:100\:st, html.auto .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgray\:st, html.auto .sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:0\:st, html.auto .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:10\:st, html.auto .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:20\:st, html.auto .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:30\:st, html.auto .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:40\:st, html.auto .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:50\:st, html.auto .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:60\:st, html.auto .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:70\:st, html.auto .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:80\:st, html.auto .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:90\:st, html.auto .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:100\:st, html.auto .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightgreen.css b/src/colors/10/lightgreen.css deleted file mode 100644 index 3ee35dc..0000000 --- a/src/colors/10/lightgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightgreen { - --sf-c-lightgreen: 120 73% 75%; - --sf-c-lightgreen-0: 120 73% 0%; - --sf-c-lightgreen-10: 120 73% 10%; - --sf-c-lightgreen-20: 120 73% 20%; - --sf-c-lightgreen-30: 120 73% 30%; - --sf-c-lightgreen-40: 120 73% 40%; - --sf-c-lightgreen-50: 120 73% 50%; - --sf-c-lightgreen-60: 120 73% 60%; - --sf-c-lightgreen-70: 120 73% 70%; - --sf-c-lightgreen-80: 120 73% 80%; - --sf-c-lightgreen-90: 120 73% 90%; - --sf-c-lightgreen-100: 120 73% 100%; -} - -.sf-c-lightgreen, .sf-c-lightgreen\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 75%) } -.sf-c-lightgreen\:0, .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } -.sf-c-lightgreen\:10, .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } -.sf-c-lightgreen\:20, .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } -.sf-c-lightgreen\:30, .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 30%) } -.sf-c-lightgreen\:40, .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 40%) } -.sf-c-lightgreen\:50, .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 50%) } -.sf-c-lightgreen\:60, .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 60%) } -.sf-c-lightgreen\:70, .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 70%) } -.sf-c-lightgreen\:80, .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 80%) } -.sf-c-lightgreen\:90, .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } -.sf-c-lightgreen\:100, .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } - -.sf-c-txt-lightgreen { color: hsl(120, 73%, 10%) } -.sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } -.sf-c-txt-lightgreen\:0, .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } -.sf-c-txt-lightgreen\:10, .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } -.sf-c-txt-lightgreen\:20, .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } -.sf-c-txt-lightgreen\:30, .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } -.sf-c-txt-lightgreen\:40, .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } -.sf-c-txt-lightgreen\:50, .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } -.sf-c-txt-lightgreen\:60, .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } -.sf-c-txt-lightgreen\:70, .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } -.sf-c-txt-lightgreen\:80, .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } -.sf-c-txt-lightgreen\:90, .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } -.sf-c-txt-lightgreen\:100, .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } - -html[data-theme='dark'] .sf-c-lightgreen, html.dark .sf-c-lightgreen { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-lightgreen\:0, html.dark .sf-c-lightgreen\:0 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } -html[data-theme='dark'] .sf-c-lightgreen\:10, html.dark .sf-c-lightgreen\:10 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-lightgreen\:20, html.dark .sf-c-lightgreen\:20 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-lightgreen\:30, html.dark .sf-c-lightgreen\:30 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-lightgreen\:40, html.dark .sf-c-lightgreen\:40 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-lightgreen\:50, html.dark .sf-c-lightgreen\:50 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-lightgreen\:60, html.dark .sf-c-lightgreen\:60 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-lightgreen\:70, html.dark .sf-c-lightgreen\:70 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-lightgreen\:80, html.dark .sf-c-lightgreen\:80 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-lightgreen\:90, html.dark .sf-c-lightgreen\:90 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-lightgreen\:100, html.dark .sf-c-lightgreen\:100 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } - -html[data-theme='dark'] .sf-c-lightgreen\:st, html.dark .sf-c-lightgreen\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-lightgreen\:0\:st, html.dark .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } -html[data-theme='dark'] .sf-c-lightgreen\:10\:st, html.dark .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-lightgreen\:20\:st, html.dark .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-lightgreen\:30\:st, html.dark .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-lightgreen\:40\:st, html.dark .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-lightgreen\:50\:st, html.dark .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-lightgreen\:60\:st, html.dark .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-lightgreen\:70\:st, html.dark .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-lightgreen\:80\:st, html.dark .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-lightgreen\:90\:st, html.dark .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-lightgreen\:100\:st, html.dark .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgreen\:st, html.dark .sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:0\:st, html.dark .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:10\:st, html.dark .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:20\:st, html.dark .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:30\:st, html.dark .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:40\:st, html.dark .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:50\:st, html.dark .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:60\:st, html.dark .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:70\:st, html.dark .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:80\:st, html.dark .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:90\:st, html.dark .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:100\:st, html.dark .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgreen, html.auto .sf-c-lightgreen { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-lightgreen\:0, html.auto .sf-c-lightgreen\:0 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } - html[data-theme='auto'] .sf-c-lightgreen\:10, html.auto .sf-c-lightgreen\:10 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-lightgreen\:20, html.auto .sf-c-lightgreen\:20 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-lightgreen\:30, html.auto .sf-c-lightgreen\:30 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-lightgreen\:40, html.auto .sf-c-lightgreen\:40 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-lightgreen\:50, html.auto .sf-c-lightgreen\:50 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-lightgreen\:60, html.auto .sf-c-lightgreen\:60 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-lightgreen\:70, html.auto .sf-c-lightgreen\:70 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-lightgreen\:80, html.auto .sf-c-lightgreen\:80 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-lightgreen\:90, html.auto .sf-c-lightgreen\:90 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-lightgreen\:100, html.auto .sf-c-lightgreen\:100 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } - - html[data-theme='auto'] .sf-c-lightgreen\:st, html.auto .sf-c-lightgreen\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-lightgreen\:0\:st, html.auto .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } - html[data-theme='auto'] .sf-c-lightgreen\:10\:st, html.auto .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-lightgreen\:20\:st, html.auto .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-lightgreen\:30\:st, html.auto .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-lightgreen\:40\:st, html.auto .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-lightgreen\:50\:st, html.auto .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-lightgreen\:60\:st, html.auto .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-lightgreen\:70\:st, html.auto .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-lightgreen\:80\:st, html.auto .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-lightgreen\:90\:st, html.auto .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-lightgreen\:100\:st, html.auto .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgreen\:st, html.auto .sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:0\:st, html.auto .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:10\:st, html.auto .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:20\:st, html.auto .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:30\:st, html.auto .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:40\:st, html.auto .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:50\:st, html.auto .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:60\:st, html.auto .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:70\:st, html.auto .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:80\:st, html.auto .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:90\:st, html.auto .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:100\:st, html.auto .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightgrey.css b/src/colors/10/lightgrey.css deleted file mode 100644 index c99cdc5..0000000 --- a/src/colors/10/lightgrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightgrey { - --sf-c-lightgrey: 0 0% 83%; - --sf-c-lightgrey-0: 0 0% 0%; - --sf-c-lightgrey-10: 0 0% 10%; - --sf-c-lightgrey-20: 0 0% 20%; - --sf-c-lightgrey-30: 0 0% 30%; - --sf-c-lightgrey-40: 0 0% 40%; - --sf-c-lightgrey-50: 0 0% 50%; - --sf-c-lightgrey-60: 0 0% 60%; - --sf-c-lightgrey-70: 0 0% 70%; - --sf-c-lightgrey-80: 0 0% 80%; - --sf-c-lightgrey-90: 0 0% 90%; - --sf-c-lightgrey-100: 0 0% 100%; -} - -.sf-c-lightgrey, .sf-c-lightgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } -.sf-c-lightgrey\:0, .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-lightgrey\:10, .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-lightgrey\:20, .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-lightgrey\:30, .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-lightgrey\:40, .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-lightgrey\:50, .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-lightgrey\:60, .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-lightgrey\:70, .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-lightgrey\:80, .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-lightgrey\:90, .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-lightgrey\:100, .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-lightgrey { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } -.sf-c-txt-lightgrey\:0, .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-lightgrey\:10, .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgrey\:20, .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-lightgrey\:30, .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-lightgrey\:40, .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-lightgrey\:50, .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-lightgrey\:60, .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-lightgrey\:70, .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-lightgrey\:80, .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-lightgrey\:90, .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-lightgrey\:100, .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-lightgrey, html.dark .sf-c-lightgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } -html[data-theme='dark'] .sf-c-lightgrey\:0, html.dark .sf-c-lightgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-lightgrey\:10, html.dark .sf-c-lightgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgrey\:20, html.dark .sf-c-lightgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgrey\:30, html.dark .sf-c-lightgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgrey\:40, html.dark .sf-c-lightgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgrey\:50, html.dark .sf-c-lightgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgrey\:60, html.dark .sf-c-lightgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgrey\:70, html.dark .sf-c-lightgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgrey\:80, html.dark .sf-c-lightgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgrey\:90, html.dark .sf-c-lightgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgrey\:100, html.dark .sf-c-lightgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-lightgrey\:st, html.dark .sf-c-lightgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-lightgrey\:0\:st, html.dark .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-lightgrey\:10\:st, html.dark .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgrey\:20\:st, html.dark .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgrey\:30\:st, html.dark .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgrey\:40\:st, html.dark .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgrey\:50\:st, html.dark .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgrey\:60\:st, html.dark .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgrey\:70\:st, html.dark .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgrey\:80\:st, html.dark .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgrey\:90\:st, html.dark .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgrey\:100\:st, html.dark .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgrey\:st, html.dark .sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:0\:st, html.dark .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:10\:st, html.dark .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:20\:st, html.dark .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:30\:st, html.dark .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:40\:st, html.dark .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:50\:st, html.dark .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:60\:st, html.dark .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:70\:st, html.dark .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:80\:st, html.dark .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:90\:st, html.dark .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:100\:st, html.dark .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgrey, html.auto .sf-c-lightgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } - html[data-theme='auto'] .sf-c-lightgrey\:0, html.auto .sf-c-lightgrey\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-lightgrey\:10, html.auto .sf-c-lightgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgrey\:20, html.auto .sf-c-lightgrey\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgrey\:30, html.auto .sf-c-lightgrey\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgrey\:40, html.auto .sf-c-lightgrey\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgrey\:50, html.auto .sf-c-lightgrey\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgrey\:60, html.auto .sf-c-lightgrey\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgrey\:70, html.auto .sf-c-lightgrey\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgrey\:80, html.auto .sf-c-lightgrey\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgrey\:90, html.auto .sf-c-lightgrey\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgrey\:100, html.auto .sf-c-lightgrey\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-lightgrey\:st, html.auto .sf-c-lightgrey\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-lightgrey\:0\:st, html.auto .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-lightgrey\:10\:st, html.auto .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgrey\:20\:st, html.auto .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgrey\:30\:st, html.auto .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgrey\:40\:st, html.auto .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgrey\:50\:st, html.auto .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgrey\:60\:st, html.auto .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgrey\:70\:st, html.auto .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgrey\:80\:st, html.auto .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgrey\:90\:st, html.auto .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgrey\:100\:st, html.auto .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgrey\:st, html.auto .sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:0\:st, html.auto .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:10\:st, html.auto .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:20\:st, html.auto .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:30\:st, html.auto .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:40\:st, html.auto .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:50\:st, html.auto .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:60\:st, html.auto .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:70\:st, html.auto .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:80\:st, html.auto .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:90\:st, html.auto .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:100\:st, html.auto .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightpink.css b/src/colors/10/lightpink.css deleted file mode 100644 index 23a1806..0000000 --- a/src/colors/10/lightpink.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightpink { - --sf-c-lightpink: 351 100% 86%; - --sf-c-lightpink-0: 351 100% 0%; - --sf-c-lightpink-10: 351 100% 10%; - --sf-c-lightpink-20: 351 100% 20%; - --sf-c-lightpink-30: 351 100% 30%; - --sf-c-lightpink-40: 351 100% 40%; - --sf-c-lightpink-50: 351 100% 50%; - --sf-c-lightpink-60: 351 100% 60%; - --sf-c-lightpink-70: 351 100% 70%; - --sf-c-lightpink-80: 351 100% 80%; - --sf-c-lightpink-90: 351 100% 90%; - --sf-c-lightpink-100: 351 100% 100%; -} - -.sf-c-lightpink, .sf-c-lightpink\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 86%) } -.sf-c-lightpink\:0, .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } -.sf-c-lightpink\:10, .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } -.sf-c-lightpink\:20, .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } -.sf-c-lightpink\:30, .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 30%) } -.sf-c-lightpink\:40, .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 40%) } -.sf-c-lightpink\:50, .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 50%) } -.sf-c-lightpink\:60, .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 60%) } -.sf-c-lightpink\:70, .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 70%) } -.sf-c-lightpink\:80, .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 80%) } -.sf-c-lightpink\:90, .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } -.sf-c-lightpink\:100, .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } - -.sf-c-txt-lightpink { color: hsl(351, 100%, 10%) } -.sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } -.sf-c-txt-lightpink\:0, .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } -.sf-c-txt-lightpink\:10, .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } -.sf-c-txt-lightpink\:20, .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } -.sf-c-txt-lightpink\:30, .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } -.sf-c-txt-lightpink\:40, .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } -.sf-c-txt-lightpink\:50, .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } -.sf-c-txt-lightpink\:60, .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } -.sf-c-txt-lightpink\:70, .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } -.sf-c-txt-lightpink\:80, .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } -.sf-c-txt-lightpink\:90, .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } -.sf-c-txt-lightpink\:100, .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightpink, html.dark .sf-c-lightpink { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 14%) } -html[data-theme='dark'] .sf-c-lightpink\:0, html.dark .sf-c-lightpink\:0 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightpink\:10, html.dark .sf-c-lightpink\:10 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightpink\:20, html.dark .sf-c-lightpink\:20 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightpink\:30, html.dark .sf-c-lightpink\:30 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightpink\:40, html.dark .sf-c-lightpink\:40 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightpink\:50, html.dark .sf-c-lightpink\:50 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightpink\:60, html.dark .sf-c-lightpink\:60 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightpink\:70, html.dark .sf-c-lightpink\:70 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightpink\:80, html.dark .sf-c-lightpink\:80 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightpink\:90, html.dark .sf-c-lightpink\:90 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightpink\:100, html.dark .sf-c-lightpink\:100 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightpink\:st, html.dark .sf-c-lightpink\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-lightpink\:0\:st, html.dark .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightpink\:10\:st, html.dark .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightpink\:20\:st, html.dark .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightpink\:30\:st, html.dark .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightpink\:40\:st, html.dark .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightpink\:50\:st, html.dark .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightpink\:60\:st, html.dark .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightpink\:70\:st, html.dark .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightpink\:80\:st, html.dark .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightpink\:90\:st, html.dark .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightpink\:100\:st, html.dark .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightpink\:st, html.dark .sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:0\:st, html.dark .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:10\:st, html.dark .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:20\:st, html.dark .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:30\:st, html.dark .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:40\:st, html.dark .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:50\:st, html.dark .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:60\:st, html.dark .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:70\:st, html.dark .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:80\:st, html.dark .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:90\:st, html.dark .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:100\:st, html.dark .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightpink, html.auto .sf-c-lightpink { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 14%) } - html[data-theme='auto'] .sf-c-lightpink\:0, html.auto .sf-c-lightpink\:0 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightpink\:10, html.auto .sf-c-lightpink\:10 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightpink\:20, html.auto .sf-c-lightpink\:20 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightpink\:30, html.auto .sf-c-lightpink\:30 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightpink\:40, html.auto .sf-c-lightpink\:40 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightpink\:50, html.auto .sf-c-lightpink\:50 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightpink\:60, html.auto .sf-c-lightpink\:60 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightpink\:70, html.auto .sf-c-lightpink\:70 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightpink\:80, html.auto .sf-c-lightpink\:80 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightpink\:90, html.auto .sf-c-lightpink\:90 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightpink\:100, html.auto .sf-c-lightpink\:100 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightpink\:st, html.auto .sf-c-lightpink\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-lightpink\:0\:st, html.auto .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightpink\:10\:st, html.auto .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightpink\:20\:st, html.auto .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightpink\:30\:st, html.auto .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightpink\:40\:st, html.auto .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightpink\:50\:st, html.auto .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightpink\:60\:st, html.auto .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightpink\:70\:st, html.auto .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightpink\:80\:st, html.auto .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightpink\:90\:st, html.auto .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightpink\:100\:st, html.auto .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightpink\:st, html.auto .sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:0\:st, html.auto .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:10\:st, html.auto .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:20\:st, html.auto .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:30\:st, html.auto .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:40\:st, html.auto .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:50\:st, html.auto .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:60\:st, html.auto .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:70\:st, html.auto .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:80\:st, html.auto .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:90\:st, html.auto .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:100\:st, html.auto .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightsalmon.css b/src/colors/10/lightsalmon.css deleted file mode 100644 index 7b1d9b4..0000000 --- a/src/colors/10/lightsalmon.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightsalmon { - --sf-c-lightsalmon: 17 100% 74%; - --sf-c-lightsalmon-0: 17 100% 0%; - --sf-c-lightsalmon-10: 17 100% 10%; - --sf-c-lightsalmon-20: 17 100% 20%; - --sf-c-lightsalmon-30: 17 100% 30%; - --sf-c-lightsalmon-40: 17 100% 40%; - --sf-c-lightsalmon-50: 17 100% 50%; - --sf-c-lightsalmon-60: 17 100% 60%; - --sf-c-lightsalmon-70: 17 100% 70%; - --sf-c-lightsalmon-80: 17 100% 80%; - --sf-c-lightsalmon-90: 17 100% 90%; - --sf-c-lightsalmon-100: 17 100% 100%; -} - -.sf-c-lightsalmon, .sf-c-lightsalmon\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 74%) } -.sf-c-lightsalmon\:0, .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } -.sf-c-lightsalmon\:10, .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } -.sf-c-lightsalmon\:20, .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } -.sf-c-lightsalmon\:30, .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 30%) } -.sf-c-lightsalmon\:40, .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 40%) } -.sf-c-lightsalmon\:50, .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 50%) } -.sf-c-lightsalmon\:60, .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 60%) } -.sf-c-lightsalmon\:70, .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 70%) } -.sf-c-lightsalmon\:80, .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 80%) } -.sf-c-lightsalmon\:90, .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } -.sf-c-lightsalmon\:100, .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } - -.sf-c-txt-lightsalmon { color: hsl(17, 100%, 10%) } -.sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } -.sf-c-txt-lightsalmon\:0, .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } -.sf-c-txt-lightsalmon\:10, .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } -.sf-c-txt-lightsalmon\:20, .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } -.sf-c-txt-lightsalmon\:30, .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } -.sf-c-txt-lightsalmon\:40, .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } -.sf-c-txt-lightsalmon\:50, .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } -.sf-c-txt-lightsalmon\:60, .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } -.sf-c-txt-lightsalmon\:70, .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } -.sf-c-txt-lightsalmon\:80, .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } -.sf-c-txt-lightsalmon\:90, .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } -.sf-c-txt-lightsalmon\:100, .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightsalmon, html.dark .sf-c-lightsalmon { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 26%) } -html[data-theme='dark'] .sf-c-lightsalmon\:0, html.dark .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightsalmon\:10, html.dark .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightsalmon\:20, html.dark .sf-c-lightsalmon\:20 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightsalmon\:30, html.dark .sf-c-lightsalmon\:30 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightsalmon\:40, html.dark .sf-c-lightsalmon\:40 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightsalmon\:50, html.dark .sf-c-lightsalmon\:50 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightsalmon\:60, html.dark .sf-c-lightsalmon\:60 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightsalmon\:70, html.dark .sf-c-lightsalmon\:70 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightsalmon\:80, html.dark .sf-c-lightsalmon\:80 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightsalmon\:90, html.dark .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightsalmon\:100, html.dark .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightsalmon\:st, html.dark .sf-c-lightsalmon\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-lightsalmon\:0\:st, html.dark .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightsalmon\:10\:st, html.dark .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightsalmon\:20\:st, html.dark .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightsalmon\:30\:st, html.dark .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightsalmon\:40\:st, html.dark .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightsalmon\:50\:st, html.dark .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightsalmon\:60\:st, html.dark .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightsalmon\:70\:st, html.dark .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightsalmon\:80\:st, html.dark .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightsalmon\:90\:st, html.dark .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightsalmon\:100\:st, html.dark .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightsalmon\:st, html.dark .sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:st, html.dark .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:st, html.dark .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:st, html.dark .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:st, html.dark .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:st, html.dark .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:st, html.dark .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:st, html.dark .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:st, html.dark .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:st, html.dark .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:st, html.dark .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:st, html.dark .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightsalmon, html.auto .sf-c-lightsalmon { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 26%) } - html[data-theme='auto'] .sf-c-lightsalmon\:0, html.auto .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightsalmon\:10, html.auto .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightsalmon\:20, html.auto .sf-c-lightsalmon\:20 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightsalmon\:30, html.auto .sf-c-lightsalmon\:30 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightsalmon\:40, html.auto .sf-c-lightsalmon\:40 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightsalmon\:50, html.auto .sf-c-lightsalmon\:50 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightsalmon\:60, html.auto .sf-c-lightsalmon\:60 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightsalmon\:70, html.auto .sf-c-lightsalmon\:70 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightsalmon\:80, html.auto .sf-c-lightsalmon\:80 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightsalmon\:90, html.auto .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightsalmon\:100, html.auto .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightsalmon\:st, html.auto .sf-c-lightsalmon\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-lightsalmon\:0\:st, html.auto .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightsalmon\:10\:st, html.auto .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightsalmon\:20\:st, html.auto .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightsalmon\:30\:st, html.auto .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightsalmon\:40\:st, html.auto .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightsalmon\:50\:st, html.auto .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightsalmon\:60\:st, html.auto .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightsalmon\:70\:st, html.auto .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightsalmon\:80\:st, html.auto .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightsalmon\:90\:st, html.auto .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightsalmon\:100\:st, html.auto .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightsalmon\:st, html.auto .sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:st, html.auto .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:st, html.auto .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:st, html.auto .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:st, html.auto .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:st, html.auto .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:st, html.auto .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:st, html.auto .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:st, html.auto .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:st, html.auto .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:st, html.auto .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:st, html.auto .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightseagreen.css b/src/colors/10/lightseagreen.css deleted file mode 100644 index 41bbe50..0000000 --- a/src/colors/10/lightseagreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightseagreen { - --sf-c-lightseagreen: 177 70% 41%; - --sf-c-lightseagreen-0: 177 70% 0%; - --sf-c-lightseagreen-10: 177 70% 10%; - --sf-c-lightseagreen-20: 177 70% 20%; - --sf-c-lightseagreen-30: 177 70% 30%; - --sf-c-lightseagreen-40: 177 70% 40%; - --sf-c-lightseagreen-50: 177 70% 50%; - --sf-c-lightseagreen-60: 177 70% 60%; - --sf-c-lightseagreen-70: 177 70% 70%; - --sf-c-lightseagreen-80: 177 70% 80%; - --sf-c-lightseagreen-90: 177 70% 90%; - --sf-c-lightseagreen-100: 177 70% 100%; -} - -.sf-c-lightseagreen, .sf-c-lightseagreen\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 41%) } -.sf-c-lightseagreen\:0, .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } -.sf-c-lightseagreen\:10, .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } -.sf-c-lightseagreen\:20, .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } -.sf-c-lightseagreen\:30, .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 30%) } -.sf-c-lightseagreen\:40, .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 40%) } -.sf-c-lightseagreen\:50, .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 50%) } -.sf-c-lightseagreen\:60, .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 60%) } -.sf-c-lightseagreen\:70, .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 70%) } -.sf-c-lightseagreen\:80, .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 80%) } -.sf-c-lightseagreen\:90, .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } -.sf-c-lightseagreen\:100, .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } - -.sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } -.sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } -.sf-c-txt-lightseagreen\:0, .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } -.sf-c-txt-lightseagreen\:10, .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } -.sf-c-txt-lightseagreen\:20, .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } -.sf-c-txt-lightseagreen\:30, .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } -.sf-c-txt-lightseagreen\:40, .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } -.sf-c-txt-lightseagreen\:50, .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } -.sf-c-txt-lightseagreen\:60, .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } -.sf-c-txt-lightseagreen\:70, .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } -.sf-c-txt-lightseagreen\:80, .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } -.sf-c-txt-lightseagreen\:90, .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } -.sf-c-txt-lightseagreen\:100, .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } - -html[data-theme='dark'] .sf-c-lightseagreen, html.dark .sf-c-lightseagreen { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 59%) } -html[data-theme='dark'] .sf-c-lightseagreen\:0, html.dark .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } -html[data-theme='dark'] .sf-c-lightseagreen\:10, html.dark .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-lightseagreen\:20, html.dark .sf-c-lightseagreen\:20 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-lightseagreen\:30, html.dark .sf-c-lightseagreen\:30 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-lightseagreen\:40, html.dark .sf-c-lightseagreen\:40 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-lightseagreen\:50, html.dark .sf-c-lightseagreen\:50 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-lightseagreen\:60, html.dark .sf-c-lightseagreen\:60 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-lightseagreen\:70, html.dark .sf-c-lightseagreen\:70 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-lightseagreen\:80, html.dark .sf-c-lightseagreen\:80 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-lightseagreen\:90, html.dark .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-lightseagreen\:100, html.dark .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } - -html[data-theme='dark'] .sf-c-lightseagreen\:st, html.dark .sf-c-lightseagreen\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 41%) } -html[data-theme='dark'] .sf-c-lightseagreen\:0\:st, html.dark .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } -html[data-theme='dark'] .sf-c-lightseagreen\:10\:st, html.dark .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-lightseagreen\:20\:st, html.dark .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-lightseagreen\:30\:st, html.dark .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-lightseagreen\:40\:st, html.dark .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-lightseagreen\:50\:st, html.dark .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-lightseagreen\:60\:st, html.dark .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-lightseagreen\:70\:st, html.dark .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-lightseagreen\:80\:st, html.dark .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-lightseagreen\:90\:st, html.dark .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-lightseagreen\:100\:st, html.dark .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightseagreen\:st, html.dark .sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:st, html.dark .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:st, html.dark .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:st, html.dark .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:st, html.dark .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:st, html.dark .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:st, html.dark .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:st, html.dark .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:st, html.dark .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:st, html.dark .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:st, html.dark .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:st, html.dark .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightseagreen, html.auto .sf-c-lightseagreen { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 59%) } - html[data-theme='auto'] .sf-c-lightseagreen\:0, html.auto .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } - html[data-theme='auto'] .sf-c-lightseagreen\:10, html.auto .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-lightseagreen\:20, html.auto .sf-c-lightseagreen\:20 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-lightseagreen\:30, html.auto .sf-c-lightseagreen\:30 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-lightseagreen\:40, html.auto .sf-c-lightseagreen\:40 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-lightseagreen\:50, html.auto .sf-c-lightseagreen\:50 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-lightseagreen\:60, html.auto .sf-c-lightseagreen\:60 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-lightseagreen\:70, html.auto .sf-c-lightseagreen\:70 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-lightseagreen\:80, html.auto .sf-c-lightseagreen\:80 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-lightseagreen\:90, html.auto .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-lightseagreen\:100, html.auto .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } - - html[data-theme='auto'] .sf-c-lightseagreen\:st, html.auto .sf-c-lightseagreen\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 41%) } - html[data-theme='auto'] .sf-c-lightseagreen\:0\:st, html.auto .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } - html[data-theme='auto'] .sf-c-lightseagreen\:10\:st, html.auto .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-lightseagreen\:20\:st, html.auto .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-lightseagreen\:30\:st, html.auto .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-lightseagreen\:40\:st, html.auto .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-lightseagreen\:50\:st, html.auto .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-lightseagreen\:60\:st, html.auto .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-lightseagreen\:70\:st, html.auto .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-lightseagreen\:80\:st, html.auto .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-lightseagreen\:90\:st, html.auto .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-lightseagreen\:100\:st, html.auto .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightseagreen\:st, html.auto .sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:st, html.auto .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:st, html.auto .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:st, html.auto .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:st, html.auto .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:st, html.auto .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:st, html.auto .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:st, html.auto .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:st, html.auto .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:st, html.auto .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:st, html.auto .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:st, html.auto .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightskyblue.css b/src/colors/10/lightskyblue.css deleted file mode 100644 index 84b1c84..0000000 --- a/src/colors/10/lightskyblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightskyblue { - --sf-c-lightskyblue: 203 92% 75%; - --sf-c-lightskyblue-0: 203 92% 0%; - --sf-c-lightskyblue-10: 203 92% 10%; - --sf-c-lightskyblue-20: 203 92% 20%; - --sf-c-lightskyblue-30: 203 92% 30%; - --sf-c-lightskyblue-40: 203 92% 40%; - --sf-c-lightskyblue-50: 203 92% 50%; - --sf-c-lightskyblue-60: 203 92% 60%; - --sf-c-lightskyblue-70: 203 92% 70%; - --sf-c-lightskyblue-80: 203 92% 80%; - --sf-c-lightskyblue-90: 203 92% 90%; - --sf-c-lightskyblue-100: 203 92% 100%; -} - -.sf-c-lightskyblue, .sf-c-lightskyblue\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 75%) } -.sf-c-lightskyblue\:0, .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } -.sf-c-lightskyblue\:10, .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } -.sf-c-lightskyblue\:20, .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } -.sf-c-lightskyblue\:30, .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 30%) } -.sf-c-lightskyblue\:40, .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 40%) } -.sf-c-lightskyblue\:50, .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 50%) } -.sf-c-lightskyblue\:60, .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 60%) } -.sf-c-lightskyblue\:70, .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 70%) } -.sf-c-lightskyblue\:80, .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 80%) } -.sf-c-lightskyblue\:90, .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } -.sf-c-lightskyblue\:100, .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } - -.sf-c-txt-lightskyblue { color: hsl(203, 92%, 10%) } -.sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } -.sf-c-txt-lightskyblue\:0, .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } -.sf-c-txt-lightskyblue\:10, .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } -.sf-c-txt-lightskyblue\:20, .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } -.sf-c-txt-lightskyblue\:30, .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } -.sf-c-txt-lightskyblue\:40, .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } -.sf-c-txt-lightskyblue\:50, .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } -.sf-c-txt-lightskyblue\:60, .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } -.sf-c-txt-lightskyblue\:70, .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } -.sf-c-txt-lightskyblue\:80, .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } -.sf-c-txt-lightskyblue\:90, .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } -.sf-c-txt-lightskyblue\:100, .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } - -html[data-theme='dark'] .sf-c-lightskyblue, html.dark .sf-c-lightskyblue { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-lightskyblue\:0, html.dark .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } -html[data-theme='dark'] .sf-c-lightskyblue\:10, html.dark .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-lightskyblue\:20, html.dark .sf-c-lightskyblue\:20 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-lightskyblue\:30, html.dark .sf-c-lightskyblue\:30 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-lightskyblue\:40, html.dark .sf-c-lightskyblue\:40 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-lightskyblue\:50, html.dark .sf-c-lightskyblue\:50 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-lightskyblue\:60, html.dark .sf-c-lightskyblue\:60 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-lightskyblue\:70, html.dark .sf-c-lightskyblue\:70 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-lightskyblue\:80, html.dark .sf-c-lightskyblue\:80 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-lightskyblue\:90, html.dark .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-lightskyblue\:100, html.dark .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } - -html[data-theme='dark'] .sf-c-lightskyblue\:st, html.dark .sf-c-lightskyblue\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-lightskyblue\:0\:st, html.dark .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } -html[data-theme='dark'] .sf-c-lightskyblue\:10\:st, html.dark .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-lightskyblue\:20\:st, html.dark .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-lightskyblue\:30\:st, html.dark .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-lightskyblue\:40\:st, html.dark .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-lightskyblue\:50\:st, html.dark .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-lightskyblue\:60\:st, html.dark .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-lightskyblue\:70\:st, html.dark .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-lightskyblue\:80\:st, html.dark .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-lightskyblue\:90\:st, html.dark .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-lightskyblue\:100\:st, html.dark .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightskyblue\:st, html.dark .sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:st, html.dark .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:st, html.dark .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:st, html.dark .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:st, html.dark .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:st, html.dark .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:st, html.dark .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:st, html.dark .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:st, html.dark .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:st, html.dark .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:st, html.dark .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:st, html.dark .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightskyblue, html.auto .sf-c-lightskyblue { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-lightskyblue\:0, html.auto .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } - html[data-theme='auto'] .sf-c-lightskyblue\:10, html.auto .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-lightskyblue\:20, html.auto .sf-c-lightskyblue\:20 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-lightskyblue\:30, html.auto .sf-c-lightskyblue\:30 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-lightskyblue\:40, html.auto .sf-c-lightskyblue\:40 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-lightskyblue\:50, html.auto .sf-c-lightskyblue\:50 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-lightskyblue\:60, html.auto .sf-c-lightskyblue\:60 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-lightskyblue\:70, html.auto .sf-c-lightskyblue\:70 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-lightskyblue\:80, html.auto .sf-c-lightskyblue\:80 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-lightskyblue\:90, html.auto .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-lightskyblue\:100, html.auto .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } - - html[data-theme='auto'] .sf-c-lightskyblue\:st, html.auto .sf-c-lightskyblue\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-lightskyblue\:0\:st, html.auto .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } - html[data-theme='auto'] .sf-c-lightskyblue\:10\:st, html.auto .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-lightskyblue\:20\:st, html.auto .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-lightskyblue\:30\:st, html.auto .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-lightskyblue\:40\:st, html.auto .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-lightskyblue\:50\:st, html.auto .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-lightskyblue\:60\:st, html.auto .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-lightskyblue\:70\:st, html.auto .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-lightskyblue\:80\:st, html.auto .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-lightskyblue\:90\:st, html.auto .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-lightskyblue\:100\:st, html.auto .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightskyblue\:st, html.auto .sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:st, html.auto .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:st, html.auto .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:st, html.auto .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:st, html.auto .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:st, html.auto .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:st, html.auto .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:st, html.auto .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:st, html.auto .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:st, html.auto .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:st, html.auto .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:st, html.auto .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightslategray.css b/src/colors/10/lightslategray.css deleted file mode 100644 index c75c263..0000000 --- a/src/colors/10/lightslategray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightslategray { - --sf-c-lightslategray: 210 14% 53%; - --sf-c-lightslategray-0: 210 14% 0%; - --sf-c-lightslategray-10: 210 14% 10%; - --sf-c-lightslategray-20: 210 14% 20%; - --sf-c-lightslategray-30: 210 14% 30%; - --sf-c-lightslategray-40: 210 14% 40%; - --sf-c-lightslategray-50: 210 14% 50%; - --sf-c-lightslategray-60: 210 14% 60%; - --sf-c-lightslategray-70: 210 14% 70%; - --sf-c-lightslategray-80: 210 14% 80%; - --sf-c-lightslategray-90: 210 14% 90%; - --sf-c-lightslategray-100: 210 14% 100%; -} - -.sf-c-lightslategray, .sf-c-lightslategray\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } -.sf-c-lightslategray\:0, .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -.sf-c-lightslategray\:10, .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -.sf-c-lightslategray\:20, .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -.sf-c-lightslategray\:30, .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -.sf-c-lightslategray\:40, .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -.sf-c-lightslategray\:50, .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -.sf-c-lightslategray\:60, .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -.sf-c-lightslategray\:70, .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -.sf-c-lightslategray\:80, .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -.sf-c-lightslategray\:90, .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -.sf-c-lightslategray\:100, .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - -.sf-c-txt-lightslategray { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } -.sf-c-txt-lightslategray\:0, .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } -.sf-c-txt-lightslategray\:10, .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategray\:20, .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } -.sf-c-txt-lightslategray\:30, .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } -.sf-c-txt-lightslategray\:40, .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } -.sf-c-txt-lightslategray\:50, .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } -.sf-c-txt-lightslategray\:60, .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } -.sf-c-txt-lightslategray\:70, .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } -.sf-c-txt-lightslategray\:80, .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } -.sf-c-txt-lightslategray\:90, .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } -.sf-c-txt-lightslategray\:100, .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-lightslategray, html.dark .sf-c-lightslategray { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } -html[data-theme='dark'] .sf-c-lightslategray\:0, html.dark .sf-c-lightslategray\:0 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-lightslategray\:10, html.dark .sf-c-lightslategray\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategray\:20, html.dark .sf-c-lightslategray\:20 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategray\:30, html.dark .sf-c-lightslategray\:30 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategray\:40, html.dark .sf-c-lightslategray\:40 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategray\:50, html.dark .sf-c-lightslategray\:50 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategray\:60, html.dark .sf-c-lightslategray\:60 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategray\:70, html.dark .sf-c-lightslategray\:70 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategray\:80, html.dark .sf-c-lightslategray\:80 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategray\:90, html.dark .sf-c-lightslategray\:90 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategray\:100, html.dark .sf-c-lightslategray\:100 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-lightslategray\:st, html.dark .sf-c-lightslategray\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-lightslategray\:0\:st, html.dark .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-lightslategray\:10\:st, html.dark .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategray\:20\:st, html.dark .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategray\:30\:st, html.dark .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategray\:40\:st, html.dark .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategray\:50\:st, html.dark .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategray\:60\:st, html.dark .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategray\:70\:st, html.dark .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategray\:80\:st, html.dark .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategray\:90\:st, html.dark .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategray\:100\:st, html.dark .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightslategray\:st, html.dark .sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:0\:st, html.dark .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:10\:st, html.dark .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:20\:st, html.dark .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:30\:st, html.dark .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:40\:st, html.dark .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:50\:st, html.dark .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:60\:st, html.dark .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:70\:st, html.dark .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:80\:st, html.dark .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:90\:st, html.dark .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:100\:st, html.dark .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightslategray, html.auto .sf-c-lightslategray { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } - html[data-theme='auto'] .sf-c-lightslategray\:0, html.auto .sf-c-lightslategray\:0 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-lightslategray\:10, html.auto .sf-c-lightslategray\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategray\:20, html.auto .sf-c-lightslategray\:20 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategray\:30, html.auto .sf-c-lightslategray\:30 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategray\:40, html.auto .sf-c-lightslategray\:40 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategray\:50, html.auto .sf-c-lightslategray\:50 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategray\:60, html.auto .sf-c-lightslategray\:60 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategray\:70, html.auto .sf-c-lightslategray\:70 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategray\:80, html.auto .sf-c-lightslategray\:80 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategray\:90, html.auto .sf-c-lightslategray\:90 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategray\:100, html.auto .sf-c-lightslategray\:100 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-lightslategray\:st, html.auto .sf-c-lightslategray\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-lightslategray\:0\:st, html.auto .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-lightslategray\:10\:st, html.auto .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategray\:20\:st, html.auto .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategray\:30\:st, html.auto .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategray\:40\:st, html.auto .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategray\:50\:st, html.auto .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategray\:60\:st, html.auto .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategray\:70\:st, html.auto .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategray\:80\:st, html.auto .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategray\:90\:st, html.auto .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategray\:100\:st, html.auto .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightslategray\:st, html.auto .sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:0\:st, html.auto .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:10\:st, html.auto .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:20\:st, html.auto .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:30\:st, html.auto .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:40\:st, html.auto .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:50\:st, html.auto .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:60\:st, html.auto .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:70\:st, html.auto .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:80\:st, html.auto .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:90\:st, html.auto .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:100\:st, html.auto .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightslategrey.css b/src/colors/10/lightslategrey.css deleted file mode 100644 index 8e5f579..0000000 --- a/src/colors/10/lightslategrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightslategrey { - --sf-c-lightslategrey: 210 14% 53%; - --sf-c-lightslategrey-0: 210 14% 0%; - --sf-c-lightslategrey-10: 210 14% 10%; - --sf-c-lightslategrey-20: 210 14% 20%; - --sf-c-lightslategrey-30: 210 14% 30%; - --sf-c-lightslategrey-40: 210 14% 40%; - --sf-c-lightslategrey-50: 210 14% 50%; - --sf-c-lightslategrey-60: 210 14% 60%; - --sf-c-lightslategrey-70: 210 14% 70%; - --sf-c-lightslategrey-80: 210 14% 80%; - --sf-c-lightslategrey-90: 210 14% 90%; - --sf-c-lightslategrey-100: 210 14% 100%; -} - -.sf-c-lightslategrey, .sf-c-lightslategrey\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } -.sf-c-lightslategrey\:0, .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -.sf-c-lightslategrey\:10, .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -.sf-c-lightslategrey\:20, .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -.sf-c-lightslategrey\:30, .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -.sf-c-lightslategrey\:40, .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -.sf-c-lightslategrey\:50, .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -.sf-c-lightslategrey\:60, .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -.sf-c-lightslategrey\:70, .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -.sf-c-lightslategrey\:80, .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -.sf-c-lightslategrey\:90, .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -.sf-c-lightslategrey\:100, .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - -.sf-c-txt-lightslategrey { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } -.sf-c-txt-lightslategrey\:0, .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } -.sf-c-txt-lightslategrey\:10, .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategrey\:20, .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } -.sf-c-txt-lightslategrey\:30, .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } -.sf-c-txt-lightslategrey\:40, .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } -.sf-c-txt-lightslategrey\:50, .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } -.sf-c-txt-lightslategrey\:60, .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } -.sf-c-txt-lightslategrey\:70, .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } -.sf-c-txt-lightslategrey\:80, .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } -.sf-c-txt-lightslategrey\:90, .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } -.sf-c-txt-lightslategrey\:100, .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-lightslategrey, html.dark .sf-c-lightslategrey { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } -html[data-theme='dark'] .sf-c-lightslategrey\:0, html.dark .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-lightslategrey\:10, html.dark .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategrey\:20, html.dark .sf-c-lightslategrey\:20 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategrey\:30, html.dark .sf-c-lightslategrey\:30 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategrey\:40, html.dark .sf-c-lightslategrey\:40 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategrey\:50, html.dark .sf-c-lightslategrey\:50 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategrey\:60, html.dark .sf-c-lightslategrey\:60 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategrey\:70, html.dark .sf-c-lightslategrey\:70 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategrey\:80, html.dark .sf-c-lightslategrey\:80 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategrey\:90, html.dark .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategrey\:100, html.dark .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-lightslategrey\:st, html.dark .sf-c-lightslategrey\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-lightslategrey\:0\:st, html.dark .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-lightslategrey\:10\:st, html.dark .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategrey\:20\:st, html.dark .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategrey\:30\:st, html.dark .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategrey\:40\:st, html.dark .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategrey\:50\:st, html.dark .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategrey\:60\:st, html.dark .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategrey\:70\:st, html.dark .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategrey\:80\:st, html.dark .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategrey\:90\:st, html.dark .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategrey\:100\:st, html.dark .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightslategrey\:st, html.dark .sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:st, html.dark .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:st, html.dark .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:st, html.dark .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:st, html.dark .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:st, html.dark .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:st, html.dark .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:st, html.dark .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:st, html.dark .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:st, html.dark .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:st, html.dark .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:st, html.dark .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightslategrey, html.auto .sf-c-lightslategrey { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } - html[data-theme='auto'] .sf-c-lightslategrey\:0, html.auto .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-lightslategrey\:10, html.auto .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategrey\:20, html.auto .sf-c-lightslategrey\:20 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategrey\:30, html.auto .sf-c-lightslategrey\:30 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategrey\:40, html.auto .sf-c-lightslategrey\:40 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategrey\:50, html.auto .sf-c-lightslategrey\:50 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategrey\:60, html.auto .sf-c-lightslategrey\:60 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategrey\:70, html.auto .sf-c-lightslategrey\:70 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategrey\:80, html.auto .sf-c-lightslategrey\:80 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategrey\:90, html.auto .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategrey\:100, html.auto .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-lightslategrey\:st, html.auto .sf-c-lightslategrey\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-lightslategrey\:0\:st, html.auto .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-lightslategrey\:10\:st, html.auto .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategrey\:20\:st, html.auto .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategrey\:30\:st, html.auto .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategrey\:40\:st, html.auto .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategrey\:50\:st, html.auto .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategrey\:60\:st, html.auto .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategrey\:70\:st, html.auto .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategrey\:80\:st, html.auto .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategrey\:90\:st, html.auto .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategrey\:100\:st, html.auto .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightslategrey\:st, html.auto .sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:st, html.auto .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:st, html.auto .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:st, html.auto .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:st, html.auto .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:st, html.auto .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:st, html.auto .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:st, html.auto .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:st, html.auto .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:st, html.auto .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:st, html.auto .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:st, html.auto .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightsteelblue.css b/src/colors/10/lightsteelblue.css deleted file mode 100644 index 14fe284..0000000 --- a/src/colors/10/lightsteelblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightsteelblue { - --sf-c-lightsteelblue: 214 41% 78%; - --sf-c-lightsteelblue-0: 214 41% 0%; - --sf-c-lightsteelblue-10: 214 41% 10%; - --sf-c-lightsteelblue-20: 214 41% 20%; - --sf-c-lightsteelblue-30: 214 41% 30%; - --sf-c-lightsteelblue-40: 214 41% 40%; - --sf-c-lightsteelblue-50: 214 41% 50%; - --sf-c-lightsteelblue-60: 214 41% 60%; - --sf-c-lightsteelblue-70: 214 41% 70%; - --sf-c-lightsteelblue-80: 214 41% 80%; - --sf-c-lightsteelblue-90: 214 41% 90%; - --sf-c-lightsteelblue-100: 214 41% 100%; -} - -.sf-c-lightsteelblue, .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 78%) } -.sf-c-lightsteelblue\:0, .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } -.sf-c-lightsteelblue\:10, .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } -.sf-c-lightsteelblue\:20, .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } -.sf-c-lightsteelblue\:30, .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 30%) } -.sf-c-lightsteelblue\:40, .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 40%) } -.sf-c-lightsteelblue\:50, .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 50%) } -.sf-c-lightsteelblue\:60, .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 60%) } -.sf-c-lightsteelblue\:70, .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 70%) } -.sf-c-lightsteelblue\:80, .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 80%) } -.sf-c-lightsteelblue\:90, .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } -.sf-c-lightsteelblue\:100, .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } - -.sf-c-txt-lightsteelblue { color: hsl(214, 41%, 10%) } -.sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } -.sf-c-txt-lightsteelblue\:0, .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } -.sf-c-txt-lightsteelblue\:10, .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } -.sf-c-txt-lightsteelblue\:20, .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } -.sf-c-txt-lightsteelblue\:30, .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } -.sf-c-txt-lightsteelblue\:40, .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } -.sf-c-txt-lightsteelblue\:50, .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } -.sf-c-txt-lightsteelblue\:60, .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } -.sf-c-txt-lightsteelblue\:70, .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } -.sf-c-txt-lightsteelblue\:80, .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } -.sf-c-txt-lightsteelblue\:90, .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } -.sf-c-txt-lightsteelblue\:100, .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } - -html[data-theme='dark'] .sf-c-lightsteelblue, html.dark .sf-c-lightsteelblue { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 22%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:0, html.dark .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:10, html.dark .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:20, html.dark .sf-c-lightsteelblue\:20 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:30, html.dark .sf-c-lightsteelblue\:30 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:40, html.dark .sf-c-lightsteelblue\:40 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:50, html.dark .sf-c-lightsteelblue\:50 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:60, html.dark .sf-c-lightsteelblue\:60 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:70, html.dark .sf-c-lightsteelblue\:70 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:80, html.dark .sf-c-lightsteelblue\:80 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:90, html.dark .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:100, html.dark .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } - -html[data-theme='dark'] .sf-c-lightsteelblue\:st, html.dark .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:0\:st, html.dark .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:10\:st, html.dark .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:20\:st, html.dark .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:30\:st, html.dark .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:40\:st, html.dark .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:50\:st, html.dark .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:60\:st, html.dark .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:70\:st, html.dark .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:80\:st, html.dark .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:90\:st, html.dark .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:100\:st, html.dark .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:st, html.dark .sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:st, html.dark .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:st, html.dark .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:st, html.dark .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:st, html.dark .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:st, html.dark .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:st, html.dark .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:st, html.dark .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:st, html.dark .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:st, html.dark .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:st, html.dark .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:st, html.dark .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightsteelblue, html.auto .sf-c-lightsteelblue { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 22%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:0, html.auto .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:10, html.auto .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:20, html.auto .sf-c-lightsteelblue\:20 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:30, html.auto .sf-c-lightsteelblue\:30 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:40, html.auto .sf-c-lightsteelblue\:40 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:50, html.auto .sf-c-lightsteelblue\:50 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:60, html.auto .sf-c-lightsteelblue\:60 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:70, html.auto .sf-c-lightsteelblue\:70 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:80, html.auto .sf-c-lightsteelblue\:80 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:90, html.auto .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:100, html.auto .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } - - html[data-theme='auto'] .sf-c-lightsteelblue\:st, html.auto .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:0\:st, html.auto .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:10\:st, html.auto .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:20\:st, html.auto .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:30\:st, html.auto .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:40\:st, html.auto .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:50\:st, html.auto .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:60\:st, html.auto .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:70\:st, html.auto .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:80\:st, html.auto .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:90\:st, html.auto .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:100\:st, html.auto .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:st, html.auto .sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:st, html.auto .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:st, html.auto .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:st, html.auto .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:st, html.auto .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:st, html.auto .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:st, html.auto .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:st, html.auto .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:st, html.auto .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:st, html.auto .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:st, html.auto .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:st, html.auto .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lightyellow.css b/src/colors/10/lightyellow.css deleted file mode 100644 index 54a49b0..0000000 --- a/src/colors/10/lightyellow.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lightyellow { - --sf-c-lightyellow: 60 100% 94%; - --sf-c-lightyellow-0: 60 100% 0%; - --sf-c-lightyellow-10: 60 100% 10%; - --sf-c-lightyellow-20: 60 100% 20%; - --sf-c-lightyellow-30: 60 100% 30%; - --sf-c-lightyellow-40: 60 100% 40%; - --sf-c-lightyellow-50: 60 100% 50%; - --sf-c-lightyellow-60: 60 100% 60%; - --sf-c-lightyellow-70: 60 100% 70%; - --sf-c-lightyellow-80: 60 100% 80%; - --sf-c-lightyellow-90: 60 100% 90%; - --sf-c-lightyellow-100: 60 100% 100%; -} - -.sf-c-lightyellow, .sf-c-lightyellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 94%) } -.sf-c-lightyellow\:0, .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -.sf-c-lightyellow\:10, .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -.sf-c-lightyellow\:20, .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -.sf-c-lightyellow\:30, .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -.sf-c-lightyellow\:40, .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -.sf-c-lightyellow\:50, .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -.sf-c-lightyellow\:60, .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -.sf-c-lightyellow\:70, .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -.sf-c-lightyellow\:80, .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -.sf-c-lightyellow\:90, .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -.sf-c-lightyellow\:100, .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-lightyellow { color: hsl(60, 100%, 10%) } -.sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } -.sf-c-txt-lightyellow\:0, .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-lightyellow\:10, .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-lightyellow\:20, .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-lightyellow\:30, .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-lightyellow\:40, .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-lightyellow\:50, .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-lightyellow\:60, .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-lightyellow\:70, .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-lightyellow\:80, .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-lightyellow\:90, .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-lightyellow\:100, .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightyellow, html.dark .sf-c-lightyellow { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 6%) } -html[data-theme='dark'] .sf-c-lightyellow\:0, html.dark .sf-c-lightyellow\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightyellow\:10, html.dark .sf-c-lightyellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightyellow\:20, html.dark .sf-c-lightyellow\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightyellow\:30, html.dark .sf-c-lightyellow\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightyellow\:40, html.dark .sf-c-lightyellow\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightyellow\:50, html.dark .sf-c-lightyellow\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightyellow\:60, html.dark .sf-c-lightyellow\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightyellow\:70, html.dark .sf-c-lightyellow\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightyellow\:80, html.dark .sf-c-lightyellow\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightyellow\:90, html.dark .sf-c-lightyellow\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightyellow\:100, html.dark .sf-c-lightyellow\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightyellow\:st, html.dark .sf-c-lightyellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-lightyellow\:0\:st, html.dark .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightyellow\:10\:st, html.dark .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightyellow\:20\:st, html.dark .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightyellow\:30\:st, html.dark .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightyellow\:40\:st, html.dark .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightyellow\:50\:st, html.dark .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightyellow\:60\:st, html.dark .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightyellow\:70\:st, html.dark .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightyellow\:80\:st, html.dark .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightyellow\:90\:st, html.dark .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightyellow\:100\:st, html.dark .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightyellow\:st, html.dark .sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:0\:st, html.dark .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:10\:st, html.dark .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:20\:st, html.dark .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:30\:st, html.dark .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:40\:st, html.dark .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:50\:st, html.dark .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:60\:st, html.dark .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:70\:st, html.dark .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:80\:st, html.dark .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:90\:st, html.dark .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:100\:st, html.dark .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightyellow, html.auto .sf-c-lightyellow { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 6%) } - html[data-theme='auto'] .sf-c-lightyellow\:0, html.auto .sf-c-lightyellow\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightyellow\:10, html.auto .sf-c-lightyellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightyellow\:20, html.auto .sf-c-lightyellow\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightyellow\:30, html.auto .sf-c-lightyellow\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightyellow\:40, html.auto .sf-c-lightyellow\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightyellow\:50, html.auto .sf-c-lightyellow\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightyellow\:60, html.auto .sf-c-lightyellow\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightyellow\:70, html.auto .sf-c-lightyellow\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightyellow\:80, html.auto .sf-c-lightyellow\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightyellow\:90, html.auto .sf-c-lightyellow\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightyellow\:100, html.auto .sf-c-lightyellow\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightyellow\:st, html.auto .sf-c-lightyellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-lightyellow\:0\:st, html.auto .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightyellow\:10\:st, html.auto .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightyellow\:20\:st, html.auto .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightyellow\:30\:st, html.auto .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightyellow\:40\:st, html.auto .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightyellow\:50\:st, html.auto .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightyellow\:60\:st, html.auto .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightyellow\:70\:st, html.auto .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightyellow\:80\:st, html.auto .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightyellow\:90\:st, html.auto .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightyellow\:100\:st, html.auto .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightyellow\:st, html.auto .sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:0\:st, html.auto .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:10\:st, html.auto .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:20\:st, html.auto .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:30\:st, html.auto .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:40\:st, html.auto .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:50\:st, html.auto .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:60\:st, html.auto .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:70\:st, html.auto .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:80\:st, html.auto .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:90\:st, html.auto .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:100\:st, html.auto .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/lime.css b/src/colors/10/lime.css deleted file mode 100644 index 796d8c0..0000000 --- a/src/colors/10/lime.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-lime { - --sf-c-lime: 120 100% 50%; - --sf-c-lime-0: 120 100% 0%; - --sf-c-lime-10: 120 100% 10%; - --sf-c-lime-20: 120 100% 20%; - --sf-c-lime-30: 120 100% 30%; - --sf-c-lime-40: 120 100% 40%; - --sf-c-lime-50: 120 100% 50%; - --sf-c-lime-60: 120 100% 60%; - --sf-c-lime-70: 120 100% 70%; - --sf-c-lime-80: 120 100% 80%; - --sf-c-lime-90: 120 100% 90%; - --sf-c-lime-100: 120 100% 100%; -} - -.sf-c-lime, .sf-c-lime\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -.sf-c-lime\:0, .sf-c-lime\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -.sf-c-lime\:10, .sf-c-lime\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -.sf-c-lime\:20, .sf-c-lime\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -.sf-c-lime\:30, .sf-c-lime\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -.sf-c-lime\:40, .sf-c-lime\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -.sf-c-lime\:50, .sf-c-lime\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -.sf-c-lime\:60, .sf-c-lime\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -.sf-c-lime\:70, .sf-c-lime\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -.sf-c-lime\:80, .sf-c-lime\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -.sf-c-lime\:90, .sf-c-lime\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -.sf-c-lime\:100, .sf-c-lime\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-lime { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:0, .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-lime\:10, .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-lime\:20, .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-lime\:30, .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-lime\:40, .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-lime\:50, .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:60, .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-lime\:70, .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-lime\:80, .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-lime\:90, .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-lime\:100, .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lime, html.dark .sf-c-lime { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:0, html.dark .sf-c-lime\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-lime\:10, html.dark .sf-c-lime\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-lime\:20, html.dark .sf-c-lime\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-lime\:30, html.dark .sf-c-lime\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-lime\:40, html.dark .sf-c-lime\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-lime\:50, html.dark .sf-c-lime\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:60, html.dark .sf-c-lime\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-lime\:70, html.dark .sf-c-lime\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-lime\:80, html.dark .sf-c-lime\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-lime\:90, html.dark .sf-c-lime\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-lime\:100, html.dark .sf-c-lime\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lime\:st, html.dark .sf-c-lime\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:0\:st, html.dark .sf-c-lime\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-lime\:10\:st, html.dark .sf-c-lime\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-lime\:20\:st, html.dark .sf-c-lime\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-lime\:30\:st, html.dark .sf-c-lime\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-lime\:40\:st, html.dark .sf-c-lime\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-lime\:50\:st, html.dark .sf-c-lime\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:60\:st, html.dark .sf-c-lime\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-lime\:70\:st, html.dark .sf-c-lime\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-lime\:80\:st, html.dark .sf-c-lime\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-lime\:90\:st, html.dark .sf-c-lime\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-lime\:100\:st, html.dark .sf-c-lime\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lime\:st, html.dark .sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:0\:st, html.dark .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lime\:10\:st, html.dark .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lime\:20\:st, html.dark .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lime\:30\:st, html.dark .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lime\:40\:st, html.dark .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lime\:50\:st, html.dark .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:60\:st, html.dark .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lime\:70\:st, html.dark .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lime\:80\:st, html.dark .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lime\:90\:st, html.dark .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lime\:100\:st, html.dark .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lime, html.auto .sf-c-lime { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:0, html.auto .sf-c-lime\:0 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-lime\:10, html.auto .sf-c-lime\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-lime\:20, html.auto .sf-c-lime\:20 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-lime\:30, html.auto .sf-c-lime\:30 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-lime\:40, html.auto .sf-c-lime\:40 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-lime\:50, html.auto .sf-c-lime\:50 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:60, html.auto .sf-c-lime\:60 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-lime\:70, html.auto .sf-c-lime\:70 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-lime\:80, html.auto .sf-c-lime\:80 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-lime\:90, html.auto .sf-c-lime\:90 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-lime\:100, html.auto .sf-c-lime\:100 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lime\:st, html.auto .sf-c-lime\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:0\:st, html.auto .sf-c-lime\:0\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-lime\:10\:st, html.auto .sf-c-lime\:10\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-lime\:20\:st, html.auto .sf-c-lime\:20\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-lime\:30\:st, html.auto .sf-c-lime\:30\:st { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-lime\:40\:st, html.auto .sf-c-lime\:40\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-lime\:50\:st, html.auto .sf-c-lime\:50\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:60\:st, html.auto .sf-c-lime\:60\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-lime\:70\:st, html.auto .sf-c-lime\:70\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-lime\:80\:st, html.auto .sf-c-lime\:80\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-lime\:90\:st, html.auto .sf-c-lime\:90\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-lime\:100\:st, html.auto .sf-c-lime\:100\:st { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lime\:st, html.auto .sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:0\:st, html.auto .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lime\:10\:st, html.auto .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lime\:20\:st, html.auto .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lime\:30\:st, html.auto .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lime\:40\:st, html.auto .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lime\:50\:st, html.auto .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:60\:st, html.auto .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lime\:70\:st, html.auto .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lime\:80\:st, html.auto .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lime\:90\:st, html.auto .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lime\:100\:st, html.auto .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/limegreen.css b/src/colors/10/limegreen.css deleted file mode 100644 index e15f88c..0000000 --- a/src/colors/10/limegreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-limegreen { - --sf-c-limegreen: 120 61% 50%; - --sf-c-limegreen-0: 120 61% 0%; - --sf-c-limegreen-10: 120 61% 10%; - --sf-c-limegreen-20: 120 61% 20%; - --sf-c-limegreen-30: 120 61% 30%; - --sf-c-limegreen-40: 120 61% 40%; - --sf-c-limegreen-50: 120 61% 50%; - --sf-c-limegreen-60: 120 61% 60%; - --sf-c-limegreen-70: 120 61% 70%; - --sf-c-limegreen-80: 120 61% 80%; - --sf-c-limegreen-90: 120 61% 90%; - --sf-c-limegreen-100: 120 61% 100%; -} - -.sf-c-limegreen, .sf-c-limegreen\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -.sf-c-limegreen\:0, .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -.sf-c-limegreen\:10, .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -.sf-c-limegreen\:20, .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -.sf-c-limegreen\:30, .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -.sf-c-limegreen\:40, .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -.sf-c-limegreen\:50, .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -.sf-c-limegreen\:60, .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -.sf-c-limegreen\:70, .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -.sf-c-limegreen\:80, .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -.sf-c-limegreen\:90, .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -.sf-c-limegreen\:100, .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - -.sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:0, .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } -.sf-c-txt-limegreen\:10, .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } -.sf-c-txt-limegreen\:20, .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } -.sf-c-txt-limegreen\:30, .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } -.sf-c-txt-limegreen\:40, .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } -.sf-c-txt-limegreen\:50, .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:60, .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } -.sf-c-txt-limegreen\:70, .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } -.sf-c-txt-limegreen\:80, .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } -.sf-c-txt-limegreen\:90, .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } -.sf-c-txt-limegreen\:100, .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-limegreen, html.dark .sf-c-limegreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:0, html.dark .sf-c-limegreen\:0 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-limegreen\:10, html.dark .sf-c-limegreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-limegreen\:20, html.dark .sf-c-limegreen\:20 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-limegreen\:30, html.dark .sf-c-limegreen\:30 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-limegreen\:40, html.dark .sf-c-limegreen\:40 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-limegreen\:50, html.dark .sf-c-limegreen\:50 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:60, html.dark .sf-c-limegreen\:60 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-limegreen\:70, html.dark .sf-c-limegreen\:70 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-limegreen\:80, html.dark .sf-c-limegreen\:80 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-limegreen\:90, html.dark .sf-c-limegreen\:90 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-limegreen\:100, html.dark .sf-c-limegreen\:100 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-limegreen\:st, html.dark .sf-c-limegreen\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:0\:st, html.dark .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-limegreen\:10\:st, html.dark .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-limegreen\:20\:st, html.dark .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-limegreen\:30\:st, html.dark .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-limegreen\:40\:st, html.dark .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-limegreen\:50\:st, html.dark .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:60\:st, html.dark .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-limegreen\:70\:st, html.dark .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-limegreen\:80\:st, html.dark .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-limegreen\:90\:st, html.dark .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-limegreen\:100\:st, html.dark .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-limegreen\:st, html.dark .sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:0\:st, html.dark .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:10\:st, html.dark .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:20\:st, html.dark .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:30\:st, html.dark .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:40\:st, html.dark .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:50\:st, html.dark .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:60\:st, html.dark .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:70\:st, html.dark .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:80\:st, html.dark .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:90\:st, html.dark .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:100\:st, html.dark .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-limegreen, html.auto .sf-c-limegreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:0, html.auto .sf-c-limegreen\:0 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-limegreen\:10, html.auto .sf-c-limegreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-limegreen\:20, html.auto .sf-c-limegreen\:20 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-limegreen\:30, html.auto .sf-c-limegreen\:30 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-limegreen\:40, html.auto .sf-c-limegreen\:40 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-limegreen\:50, html.auto .sf-c-limegreen\:50 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:60, html.auto .sf-c-limegreen\:60 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-limegreen\:70, html.auto .sf-c-limegreen\:70 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-limegreen\:80, html.auto .sf-c-limegreen\:80 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-limegreen\:90, html.auto .sf-c-limegreen\:90 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-limegreen\:100, html.auto .sf-c-limegreen\:100 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-limegreen\:st, html.auto .sf-c-limegreen\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:0\:st, html.auto .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-limegreen\:10\:st, html.auto .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-limegreen\:20\:st, html.auto .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-limegreen\:30\:st, html.auto .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-limegreen\:40\:st, html.auto .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-limegreen\:50\:st, html.auto .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:60\:st, html.auto .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-limegreen\:70\:st, html.auto .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-limegreen\:80\:st, html.auto .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-limegreen\:90\:st, html.auto .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-limegreen\:100\:st, html.auto .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-limegreen\:st, html.auto .sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:0\:st, html.auto .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:10\:st, html.auto .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:20\:st, html.auto .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:30\:st, html.auto .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:40\:st, html.auto .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:50\:st, html.auto .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:60\:st, html.auto .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:70\:st, html.auto .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:80\:st, html.auto .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:90\:st, html.auto .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:100\:st, html.auto .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/linen.css b/src/colors/10/linen.css deleted file mode 100644 index 1c429a7..0000000 --- a/src/colors/10/linen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-linen { - --sf-c-linen: 30 67% 94%; - --sf-c-linen-0: 30 67% 0%; - --sf-c-linen-10: 30 67% 10%; - --sf-c-linen-20: 30 67% 20%; - --sf-c-linen-30: 30 67% 30%; - --sf-c-linen-40: 30 67% 40%; - --sf-c-linen-50: 30 67% 50%; - --sf-c-linen-60: 30 67% 60%; - --sf-c-linen-70: 30 67% 70%; - --sf-c-linen-80: 30 67% 80%; - --sf-c-linen-90: 30 67% 90%; - --sf-c-linen-100: 30 67% 100%; -} - -.sf-c-linen, .sf-c-linen\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 94%) } -.sf-c-linen\:0, .sf-c-linen\:0\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } -.sf-c-linen\:10, .sf-c-linen\:10\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } -.sf-c-linen\:20, .sf-c-linen\:20\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } -.sf-c-linen\:30, .sf-c-linen\:30\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 30%) } -.sf-c-linen\:40, .sf-c-linen\:40\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 40%) } -.sf-c-linen\:50, .sf-c-linen\:50\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 50%) } -.sf-c-linen\:60, .sf-c-linen\:60\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 60%) } -.sf-c-linen\:70, .sf-c-linen\:70\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 70%) } -.sf-c-linen\:80, .sf-c-linen\:80\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80%) } -.sf-c-linen\:90, .sf-c-linen\:90\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } -.sf-c-linen\:100, .sf-c-linen\:100\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } - -.sf-c-txt-linen { color: hsl(30, 67%, 10%) } -.sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } -.sf-c-txt-linen\:0, .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } -.sf-c-txt-linen\:10, .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } -.sf-c-txt-linen\:20, .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } -.sf-c-txt-linen\:30, .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } -.sf-c-txt-linen\:40, .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } -.sf-c-txt-linen\:50, .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } -.sf-c-txt-linen\:60, .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } -.sf-c-txt-linen\:70, .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } -.sf-c-txt-linen\:80, .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } -.sf-c-txt-linen\:90, .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } -.sf-c-txt-linen\:100, .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } - -html[data-theme='dark'] .sf-c-linen, html.dark .sf-c-linen { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 6%) } -html[data-theme='dark'] .sf-c-linen\:0, html.dark .sf-c-linen\:0 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } -html[data-theme='dark'] .sf-c-linen\:10, html.dark .sf-c-linen\:10 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-linen\:20, html.dark .sf-c-linen\:20 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-linen\:30, html.dark .sf-c-linen\:30 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-linen\:40, html.dark .sf-c-linen\:40 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-linen\:50, html.dark .sf-c-linen\:50 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-linen\:60, html.dark .sf-c-linen\:60 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-linen\:70, html.dark .sf-c-linen\:70 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-linen\:80, html.dark .sf-c-linen\:80 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-linen\:90, html.dark .sf-c-linen\:90 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-linen\:100, html.dark .sf-c-linen\:100 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } - -html[data-theme='dark'] .sf-c-linen\:st, html.dark .sf-c-linen\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-linen\:0\:st, html.dark .sf-c-linen\:0\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } -html[data-theme='dark'] .sf-c-linen\:10\:st, html.dark .sf-c-linen\:10\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-linen\:20\:st, html.dark .sf-c-linen\:20\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-linen\:30\:st, html.dark .sf-c-linen\:30\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-linen\:40\:st, html.dark .sf-c-linen\:40\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-linen\:50\:st, html.dark .sf-c-linen\:50\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-linen\:60\:st, html.dark .sf-c-linen\:60\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-linen\:70\:st, html.dark .sf-c-linen\:70\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-linen\:80\:st, html.dark .sf-c-linen\:80\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-linen\:90\:st, html.dark .sf-c-linen\:90\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-linen\:100\:st, html.dark .sf-c-linen\:100\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-linen\:st, html.dark .sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-linen\:0\:st, html.dark .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-linen\:10\:st, html.dark .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-linen\:20\:st, html.dark .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-linen\:30\:st, html.dark .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-linen\:40\:st, html.dark .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-linen\:50\:st, html.dark .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-linen\:60\:st, html.dark .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-linen\:70\:st, html.dark .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-linen\:80\:st, html.dark .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-linen\:90\:st, html.dark .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-linen\:100\:st, html.dark .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-linen, html.auto .sf-c-linen { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 6%) } - html[data-theme='auto'] .sf-c-linen\:0, html.auto .sf-c-linen\:0 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } - html[data-theme='auto'] .sf-c-linen\:10, html.auto .sf-c-linen\:10 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-linen\:20, html.auto .sf-c-linen\:20 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-linen\:30, html.auto .sf-c-linen\:30 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-linen\:40, html.auto .sf-c-linen\:40 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-linen\:50, html.auto .sf-c-linen\:50 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-linen\:60, html.auto .sf-c-linen\:60 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-linen\:70, html.auto .sf-c-linen\:70 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-linen\:80, html.auto .sf-c-linen\:80 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-linen\:90, html.auto .sf-c-linen\:90 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-linen\:100, html.auto .sf-c-linen\:100 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } - - html[data-theme='auto'] .sf-c-linen\:st, html.auto .sf-c-linen\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-linen\:0\:st, html.auto .sf-c-linen\:0\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } - html[data-theme='auto'] .sf-c-linen\:10\:st, html.auto .sf-c-linen\:10\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-linen\:20\:st, html.auto .sf-c-linen\:20\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-linen\:30\:st, html.auto .sf-c-linen\:30\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-linen\:40\:st, html.auto .sf-c-linen\:40\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-linen\:50\:st, html.auto .sf-c-linen\:50\:st { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-linen\:60\:st, html.auto .sf-c-linen\:60\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-linen\:70\:st, html.auto .sf-c-linen\:70\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-linen\:80\:st, html.auto .sf-c-linen\:80\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-linen\:90\:st, html.auto .sf-c-linen\:90\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-linen\:100\:st, html.auto .sf-c-linen\:100\:st { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-linen\:st, html.auto .sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-linen\:0\:st, html.auto .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-linen\:10\:st, html.auto .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-linen\:20\:st, html.auto .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-linen\:30\:st, html.auto .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-linen\:40\:st, html.auto .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-linen\:50\:st, html.auto .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-linen\:60\:st, html.auto .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-linen\:70\:st, html.auto .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-linen\:80\:st, html.auto .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-linen\:90\:st, html.auto .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-linen\:100\:st, html.auto .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/magenta.css b/src/colors/10/magenta.css deleted file mode 100644 index 55ecc40..0000000 --- a/src/colors/10/magenta.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-magenta { - --sf-c-magenta: 300 100% 50%; - --sf-c-magenta-0: 300 100% 0%; - --sf-c-magenta-10: 300 100% 10%; - --sf-c-magenta-20: 300 100% 20%; - --sf-c-magenta-30: 300 100% 30%; - --sf-c-magenta-40: 300 100% 40%; - --sf-c-magenta-50: 300 100% 50%; - --sf-c-magenta-60: 300 100% 60%; - --sf-c-magenta-70: 300 100% 70%; - --sf-c-magenta-80: 300 100% 80%; - --sf-c-magenta-90: 300 100% 90%; - --sf-c-magenta-100: 300 100% 100%; -} - -.sf-c-magenta, .sf-c-magenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-magenta\:0, .sf-c-magenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -.sf-c-magenta\:10, .sf-c-magenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -.sf-c-magenta\:20, .sf-c-magenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -.sf-c-magenta\:30, .sf-c-magenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -.sf-c-magenta\:40, .sf-c-magenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -.sf-c-magenta\:50, .sf-c-magenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-magenta\:60, .sf-c-magenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -.sf-c-magenta\:70, .sf-c-magenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -.sf-c-magenta\:80, .sf-c-magenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -.sf-c-magenta\:90, .sf-c-magenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -.sf-c-magenta\:100, .sf-c-magenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-magenta { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:0, .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-magenta\:10, .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-magenta\:20, .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-magenta\:30, .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-magenta\:40, .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-magenta\:50, .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:60, .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-magenta\:70, .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-magenta\:80, .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-magenta\:90, .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-magenta\:100, .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-magenta, html.dark .sf-c-magenta { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:0, html.dark .sf-c-magenta\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-magenta\:10, html.dark .sf-c-magenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-magenta\:20, html.dark .sf-c-magenta\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-magenta\:30, html.dark .sf-c-magenta\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-magenta\:40, html.dark .sf-c-magenta\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-magenta\:50, html.dark .sf-c-magenta\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:60, html.dark .sf-c-magenta\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-magenta\:70, html.dark .sf-c-magenta\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-magenta\:80, html.dark .sf-c-magenta\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-magenta\:90, html.dark .sf-c-magenta\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-magenta\:100, html.dark .sf-c-magenta\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-magenta\:st, html.dark .sf-c-magenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:0\:st, html.dark .sf-c-magenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-magenta\:10\:st, html.dark .sf-c-magenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-magenta\:20\:st, html.dark .sf-c-magenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-magenta\:30\:st, html.dark .sf-c-magenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-magenta\:40\:st, html.dark .sf-c-magenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-magenta\:50\:st, html.dark .sf-c-magenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:60\:st, html.dark .sf-c-magenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-magenta\:70\:st, html.dark .sf-c-magenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-magenta\:80\:st, html.dark .sf-c-magenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-magenta\:90\:st, html.dark .sf-c-magenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-magenta\:100\:st, html.dark .sf-c-magenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-magenta\:st, html.dark .sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:0\:st, html.dark .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-magenta\:10\:st, html.dark .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-magenta\:20\:st, html.dark .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-magenta\:30\:st, html.dark .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-magenta\:40\:st, html.dark .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-magenta\:50\:st, html.dark .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:60\:st, html.dark .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-magenta\:70\:st, html.dark .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-magenta\:80\:st, html.dark .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-magenta\:90\:st, html.dark .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-magenta\:100\:st, html.dark .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-magenta, html.auto .sf-c-magenta { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:0, html.auto .sf-c-magenta\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-magenta\:10, html.auto .sf-c-magenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-magenta\:20, html.auto .sf-c-magenta\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-magenta\:30, html.auto .sf-c-magenta\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-magenta\:40, html.auto .sf-c-magenta\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-magenta\:50, html.auto .sf-c-magenta\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:60, html.auto .sf-c-magenta\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-magenta\:70, html.auto .sf-c-magenta\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-magenta\:80, html.auto .sf-c-magenta\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-magenta\:90, html.auto .sf-c-magenta\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-magenta\:100, html.auto .sf-c-magenta\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-magenta\:st, html.auto .sf-c-magenta\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:0\:st, html.auto .sf-c-magenta\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-magenta\:10\:st, html.auto .sf-c-magenta\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-magenta\:20\:st, html.auto .sf-c-magenta\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-magenta\:30\:st, html.auto .sf-c-magenta\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-magenta\:40\:st, html.auto .sf-c-magenta\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-magenta\:50\:st, html.auto .sf-c-magenta\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:60\:st, html.auto .sf-c-magenta\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-magenta\:70\:st, html.auto .sf-c-magenta\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-magenta\:80\:st, html.auto .sf-c-magenta\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-magenta\:90\:st, html.auto .sf-c-magenta\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-magenta\:100\:st, html.auto .sf-c-magenta\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-magenta\:st, html.auto .sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:0\:st, html.auto .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-magenta\:10\:st, html.auto .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-magenta\:20\:st, html.auto .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-magenta\:30\:st, html.auto .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-magenta\:40\:st, html.auto .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-magenta\:50\:st, html.auto .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:60\:st, html.auto .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-magenta\:70\:st, html.auto .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-magenta\:80\:st, html.auto .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-magenta\:90\:st, html.auto .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-magenta\:100\:st, html.auto .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/maroon.css b/src/colors/10/maroon.css deleted file mode 100644 index 9588025..0000000 --- a/src/colors/10/maroon.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-maroon { - --sf-c-maroon: 0 100% 25%; - --sf-c-maroon-0: 0 100% 0%; - --sf-c-maroon-10: 0 100% 10%; - --sf-c-maroon-20: 0 100% 20%; - --sf-c-maroon-30: 0 100% 30%; - --sf-c-maroon-40: 0 100% 40%; - --sf-c-maroon-50: 0 100% 50%; - --sf-c-maroon-60: 0 100% 60%; - --sf-c-maroon-70: 0 100% 70%; - --sf-c-maroon-80: 0 100% 80%; - --sf-c-maroon-90: 0 100% 90%; - --sf-c-maroon-100: 0 100% 100%; -} - -.sf-c-maroon, .sf-c-maroon\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 25%) } -.sf-c-maroon\:0, .sf-c-maroon\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -.sf-c-maroon\:10, .sf-c-maroon\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -.sf-c-maroon\:20, .sf-c-maroon\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -.sf-c-maroon\:30, .sf-c-maroon\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -.sf-c-maroon\:40, .sf-c-maroon\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -.sf-c-maroon\:50, .sf-c-maroon\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -.sf-c-maroon\:60, .sf-c-maroon\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -.sf-c-maroon\:70, .sf-c-maroon\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -.sf-c-maroon\:80, .sf-c-maroon\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -.sf-c-maroon\:90, .sf-c-maroon\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -.sf-c-maroon\:100, .sf-c-maroon\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-maroon { color: hsl(0, 100%, 25%) } -.sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-maroon\:0, .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-maroon\:10, .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-maroon\:20, .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-maroon\:30, .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-maroon\:40, .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-maroon\:50, .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-maroon\:60, .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-maroon\:70, .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-maroon\:80, .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-maroon\:90, .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-maroon\:100, .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-maroon, html.dark .sf-c-maroon { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-maroon\:0, html.dark .sf-c-maroon\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-maroon\:10, html.dark .sf-c-maroon\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-maroon\:20, html.dark .sf-c-maroon\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-maroon\:30, html.dark .sf-c-maroon\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-maroon\:40, html.dark .sf-c-maroon\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-maroon\:50, html.dark .sf-c-maroon\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-maroon\:60, html.dark .sf-c-maroon\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-maroon\:70, html.dark .sf-c-maroon\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-maroon\:80, html.dark .sf-c-maroon\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-maroon\:90, html.dark .sf-c-maroon\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-maroon\:100, html.dark .sf-c-maroon\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-maroon\:st, html.dark .sf-c-maroon\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-maroon\:0\:st, html.dark .sf-c-maroon\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-maroon\:10\:st, html.dark .sf-c-maroon\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-maroon\:20\:st, html.dark .sf-c-maroon\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-maroon\:30\:st, html.dark .sf-c-maroon\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-maroon\:40\:st, html.dark .sf-c-maroon\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-maroon\:50\:st, html.dark .sf-c-maroon\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-maroon\:60\:st, html.dark .sf-c-maroon\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-maroon\:70\:st, html.dark .sf-c-maroon\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-maroon\:80\:st, html.dark .sf-c-maroon\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-maroon\:90\:st, html.dark .sf-c-maroon\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-maroon\:100\:st, html.dark .sf-c-maroon\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-maroon\:st, html.dark .sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-maroon\:0\:st, html.dark .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-maroon\:10\:st, html.dark .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-maroon\:20\:st, html.dark .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-maroon\:30\:st, html.dark .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-maroon\:40\:st, html.dark .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-maroon\:50\:st, html.dark .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-maroon\:60\:st, html.dark .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-maroon\:70\:st, html.dark .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-maroon\:80\:st, html.dark .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-maroon\:90\:st, html.dark .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-maroon\:100\:st, html.dark .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-maroon, html.auto .sf-c-maroon { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-maroon\:0, html.auto .sf-c-maroon\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-maroon\:10, html.auto .sf-c-maroon\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-maroon\:20, html.auto .sf-c-maroon\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-maroon\:30, html.auto .sf-c-maroon\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-maroon\:40, html.auto .sf-c-maroon\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-maroon\:50, html.auto .sf-c-maroon\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-maroon\:60, html.auto .sf-c-maroon\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-maroon\:70, html.auto .sf-c-maroon\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-maroon\:80, html.auto .sf-c-maroon\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-maroon\:90, html.auto .sf-c-maroon\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-maroon\:100, html.auto .sf-c-maroon\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-maroon\:st, html.auto .sf-c-maroon\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-maroon\:0\:st, html.auto .sf-c-maroon\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-maroon\:10\:st, html.auto .sf-c-maroon\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-maroon\:20\:st, html.auto .sf-c-maroon\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-maroon\:30\:st, html.auto .sf-c-maroon\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-maroon\:40\:st, html.auto .sf-c-maroon\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-maroon\:50\:st, html.auto .sf-c-maroon\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-maroon\:60\:st, html.auto .sf-c-maroon\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-maroon\:70\:st, html.auto .sf-c-maroon\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-maroon\:80\:st, html.auto .sf-c-maroon\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-maroon\:90\:st, html.auto .sf-c-maroon\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-maroon\:100\:st, html.auto .sf-c-maroon\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-maroon\:st, html.auto .sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-maroon\:0\:st, html.auto .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-maroon\:10\:st, html.auto .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-maroon\:20\:st, html.auto .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-maroon\:30\:st, html.auto .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-maroon\:40\:st, html.auto .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-maroon\:50\:st, html.auto .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-maroon\:60\:st, html.auto .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-maroon\:70\:st, html.auto .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-maroon\:80\:st, html.auto .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-maroon\:90\:st, html.auto .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-maroon\:100\:st, html.auto .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumaquamarine.css b/src/colors/10/mediumaquamarine.css deleted file mode 100644 index e6153a6..0000000 --- a/src/colors/10/mediumaquamarine.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumaquamarine { - --sf-c-mediumaquamarine: 160 51% 60%; - --sf-c-mediumaquamarine-0: 160 51% 0%; - --sf-c-mediumaquamarine-10: 160 51% 10%; - --sf-c-mediumaquamarine-20: 160 51% 20%; - --sf-c-mediumaquamarine-30: 160 51% 30%; - --sf-c-mediumaquamarine-40: 160 51% 40%; - --sf-c-mediumaquamarine-50: 160 51% 50%; - --sf-c-mediumaquamarine-60: 160 51% 60%; - --sf-c-mediumaquamarine-70: 160 51% 70%; - --sf-c-mediumaquamarine-80: 160 51% 80%; - --sf-c-mediumaquamarine-90: 160 51% 90%; - --sf-c-mediumaquamarine-100: 160 51% 100%; -} - -.sf-c-mediumaquamarine, .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } -.sf-c-mediumaquamarine\:0, .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } -.sf-c-mediumaquamarine\:10, .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } -.sf-c-mediumaquamarine\:20, .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } -.sf-c-mediumaquamarine\:30, .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 30%) } -.sf-c-mediumaquamarine\:40, .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } -.sf-c-mediumaquamarine\:50, .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 50%) } -.sf-c-mediumaquamarine\:60, .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } -.sf-c-mediumaquamarine\:70, .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 70%) } -.sf-c-mediumaquamarine\:80, .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 80%) } -.sf-c-mediumaquamarine\:90, .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } -.sf-c-mediumaquamarine\:100, .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } - -.sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 10%) } -.sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } -.sf-c-txt-mediumaquamarine\:0, .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } -.sf-c-txt-mediumaquamarine\:10, .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } -.sf-c-txt-mediumaquamarine\:20, .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } -.sf-c-txt-mediumaquamarine\:30, .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } -.sf-c-txt-mediumaquamarine\:40, .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } -.sf-c-txt-mediumaquamarine\:50, .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } -.sf-c-txt-mediumaquamarine\:60, .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } -.sf-c-txt-mediumaquamarine\:70, .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } -.sf-c-txt-mediumaquamarine\:80, .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } -.sf-c-txt-mediumaquamarine\:90, .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } -.sf-c-txt-mediumaquamarine\:100, .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } - -html[data-theme='dark'] .sf-c-mediumaquamarine, html.dark .sf-c-mediumaquamarine { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.dark .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:10, html.dark .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:20, html.dark .sf-c-mediumaquamarine\:20 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:30, html.dark .sf-c-mediumaquamarine\:30 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:40, html.dark .sf-c-mediumaquamarine\:40 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:50, html.dark .sf-c-mediumaquamarine\:50 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:60, html.dark .sf-c-mediumaquamarine\:60 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:70, html.dark .sf-c-mediumaquamarine\:70 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:80, html.dark .sf-c-mediumaquamarine\:80 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:90, html.dark .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:100, html.dark .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } - -html[data-theme='dark'] .sf-c-mediumaquamarine\:st, html.dark .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:0\:st, html.dark .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:10\:st, html.dark .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:20\:st, html.dark .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:30\:st, html.dark .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:40\:st, html.dark .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:50\:st, html.dark .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:60\:st, html.dark .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:70\:st, html.dark .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:80\:st, html.dark .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:90\:st, html.dark .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:100\:st, html.dark .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:st, html.dark .sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:st, html.dark .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:st, html.dark .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:st, html.dark .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:st, html.dark .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:st, html.dark .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:st, html.dark .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:st, html.dark .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:st, html.dark .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:st, html.dark .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:st, html.dark .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:st, html.dark .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumaquamarine, html.auto .sf-c-mediumaquamarine { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.auto .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:10, html.auto .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:20, html.auto .sf-c-mediumaquamarine\:20 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:30, html.auto .sf-c-mediumaquamarine\:30 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:40, html.auto .sf-c-mediumaquamarine\:40 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:50, html.auto .sf-c-mediumaquamarine\:50 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:60, html.auto .sf-c-mediumaquamarine\:60 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:70, html.auto .sf-c-mediumaquamarine\:70 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:80, html.auto .sf-c-mediumaquamarine\:80 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:90, html.auto .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:100, html.auto .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } - - html[data-theme='auto'] .sf-c-mediumaquamarine\:st, html.auto .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:0\:st, html.auto .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:10\:st, html.auto .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:20\:st, html.auto .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:30\:st, html.auto .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:40\:st, html.auto .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:50\:st, html.auto .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:60\:st, html.auto .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:70\:st, html.auto .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:80\:st, html.auto .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:90\:st, html.auto .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:100\:st, html.auto .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:st, html.auto .sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:st, html.auto .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:st, html.auto .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:st, html.auto .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:st, html.auto .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:st, html.auto .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:st, html.auto .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:st, html.auto .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:st, html.auto .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:st, html.auto .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:st, html.auto .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:st, html.auto .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumblue.css b/src/colors/10/mediumblue.css deleted file mode 100644 index 4bbbbae..0000000 --- a/src/colors/10/mediumblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumblue { - --sf-c-mediumblue: 240 100% 40%; - --sf-c-mediumblue-0: 240 100% 0%; - --sf-c-mediumblue-10: 240 100% 10%; - --sf-c-mediumblue-20: 240 100% 20%; - --sf-c-mediumblue-30: 240 100% 30%; - --sf-c-mediumblue-40: 240 100% 40%; - --sf-c-mediumblue-50: 240 100% 50%; - --sf-c-mediumblue-60: 240 100% 60%; - --sf-c-mediumblue-70: 240 100% 70%; - --sf-c-mediumblue-80: 240 100% 80%; - --sf-c-mediumblue-90: 240 100% 90%; - --sf-c-mediumblue-100: 240 100% 100%; -} - -.sf-c-mediumblue, .sf-c-mediumblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-mediumblue\:0, .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -.sf-c-mediumblue\:10, .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -.sf-c-mediumblue\:20, .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -.sf-c-mediumblue\:30, .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -.sf-c-mediumblue\:40, .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-mediumblue\:50, .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-mediumblue\:60, .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -.sf-c-mediumblue\:70, .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -.sf-c-mediumblue\:80, .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -.sf-c-mediumblue\:90, .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -.sf-c-mediumblue\:100, .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:0, .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-mediumblue\:10, .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-mediumblue\:20, .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-mediumblue\:30, .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-mediumblue\:40, .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:50, .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-mediumblue\:60, .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-mediumblue\:70, .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-mediumblue\:80, .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-mediumblue\:90, .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-mediumblue\:100, .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mediumblue, html.dark .sf-c-mediumblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:0, html.dark .sf-c-mediumblue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-mediumblue\:10, html.dark .sf-c-mediumblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumblue\:20, html.dark .sf-c-mediumblue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumblue\:30, html.dark .sf-c-mediumblue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumblue\:40, html.dark .sf-c-mediumblue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:50, html.dark .sf-c-mediumblue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumblue\:60, html.dark .sf-c-mediumblue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:70, html.dark .sf-c-mediumblue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumblue\:80, html.dark .sf-c-mediumblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumblue\:90, html.dark .sf-c-mediumblue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumblue\:100, html.dark .sf-c-mediumblue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mediumblue\:st, html.dark .sf-c-mediumblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:0\:st, html.dark .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-mediumblue\:10\:st, html.dark .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumblue\:20\:st, html.dark .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumblue\:30\:st, html.dark .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumblue\:40\:st, html.dark .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:50\:st, html.dark .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumblue\:60\:st, html.dark .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:70\:st, html.dark .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumblue\:80\:st, html.dark .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumblue\:90\:st, html.dark .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumblue\:100\:st, html.dark .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumblue\:st, html.dark .sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:0\:st, html.dark .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:10\:st, html.dark .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:20\:st, html.dark .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:30\:st, html.dark .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:40\:st, html.dark .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:50\:st, html.dark .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:60\:st, html.dark .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:70\:st, html.dark .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:80\:st, html.dark .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:90\:st, html.dark .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:100\:st, html.dark .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumblue, html.auto .sf-c-mediumblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:0, html.auto .sf-c-mediumblue\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-mediumblue\:10, html.auto .sf-c-mediumblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumblue\:20, html.auto .sf-c-mediumblue\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumblue\:30, html.auto .sf-c-mediumblue\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumblue\:40, html.auto .sf-c-mediumblue\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:50, html.auto .sf-c-mediumblue\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumblue\:60, html.auto .sf-c-mediumblue\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:70, html.auto .sf-c-mediumblue\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumblue\:80, html.auto .sf-c-mediumblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumblue\:90, html.auto .sf-c-mediumblue\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumblue\:100, html.auto .sf-c-mediumblue\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mediumblue\:st, html.auto .sf-c-mediumblue\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:0\:st, html.auto .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-mediumblue\:10\:st, html.auto .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumblue\:20\:st, html.auto .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumblue\:30\:st, html.auto .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumblue\:40\:st, html.auto .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:50\:st, html.auto .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumblue\:60\:st, html.auto .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:70\:st, html.auto .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumblue\:80\:st, html.auto .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumblue\:90\:st, html.auto .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumblue\:100\:st, html.auto .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumblue\:st, html.auto .sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:0\:st, html.auto .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:10\:st, html.auto .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:20\:st, html.auto .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:30\:st, html.auto .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:40\:st, html.auto .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:50\:st, html.auto .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:60\:st, html.auto .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:70\:st, html.auto .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:80\:st, html.auto .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:90\:st, html.auto .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:100\:st, html.auto .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumorchid.css b/src/colors/10/mediumorchid.css deleted file mode 100644 index 4d049dd..0000000 --- a/src/colors/10/mediumorchid.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumorchid { - --sf-c-mediumorchid: 288 59% 58%; - --sf-c-mediumorchid-0: 288 59% 0%; - --sf-c-mediumorchid-10: 288 59% 10%; - --sf-c-mediumorchid-20: 288 59% 20%; - --sf-c-mediumorchid-30: 288 59% 30%; - --sf-c-mediumorchid-40: 288 59% 40%; - --sf-c-mediumorchid-50: 288 59% 50%; - --sf-c-mediumorchid-60: 288 59% 60%; - --sf-c-mediumorchid-70: 288 59% 70%; - --sf-c-mediumorchid-80: 288 59% 80%; - --sf-c-mediumorchid-90: 288 59% 90%; - --sf-c-mediumorchid-100: 288 59% 100%; -} - -.sf-c-mediumorchid, .sf-c-mediumorchid\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 58%) } -.sf-c-mediumorchid\:0, .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } -.sf-c-mediumorchid\:10, .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } -.sf-c-mediumorchid\:20, .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } -.sf-c-mediumorchid\:30, .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 30%) } -.sf-c-mediumorchid\:40, .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 40%) } -.sf-c-mediumorchid\:50, .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 50%) } -.sf-c-mediumorchid\:60, .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 60%) } -.sf-c-mediumorchid\:70, .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 70%) } -.sf-c-mediumorchid\:80, .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 80%) } -.sf-c-mediumorchid\:90, .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } -.sf-c-mediumorchid\:100, .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } - -.sf-c-txt-mediumorchid { color: hsl(288, 59%, 10%) } -.sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } -.sf-c-txt-mediumorchid\:0, .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } -.sf-c-txt-mediumorchid\:10, .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } -.sf-c-txt-mediumorchid\:20, .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } -.sf-c-txt-mediumorchid\:30, .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } -.sf-c-txt-mediumorchid\:40, .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } -.sf-c-txt-mediumorchid\:50, .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } -.sf-c-txt-mediumorchid\:60, .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } -.sf-c-txt-mediumorchid\:70, .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } -.sf-c-txt-mediumorchid\:80, .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } -.sf-c-txt-mediumorchid\:90, .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } -.sf-c-txt-mediumorchid\:100, .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } - -html[data-theme='dark'] .sf-c-mediumorchid, html.dark .sf-c-mediumorchid { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 42%) } -html[data-theme='dark'] .sf-c-mediumorchid\:0, html.dark .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } -html[data-theme='dark'] .sf-c-mediumorchid\:10, html.dark .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-mediumorchid\:20, html.dark .sf-c-mediumorchid\:20 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-mediumorchid\:30, html.dark .sf-c-mediumorchid\:30 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-mediumorchid\:40, html.dark .sf-c-mediumorchid\:40 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-mediumorchid\:50, html.dark .sf-c-mediumorchid\:50 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-mediumorchid\:60, html.dark .sf-c-mediumorchid\:60 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-mediumorchid\:70, html.dark .sf-c-mediumorchid\:70 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-mediumorchid\:80, html.dark .sf-c-mediumorchid\:80 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-mediumorchid\:90, html.dark .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-mediumorchid\:100, html.dark .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } - -html[data-theme='dark'] .sf-c-mediumorchid\:st, html.dark .sf-c-mediumorchid\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-mediumorchid\:0\:st, html.dark .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } -html[data-theme='dark'] .sf-c-mediumorchid\:10\:st, html.dark .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-mediumorchid\:20\:st, html.dark .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-mediumorchid\:30\:st, html.dark .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-mediumorchid\:40\:st, html.dark .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-mediumorchid\:50\:st, html.dark .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-mediumorchid\:60\:st, html.dark .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-mediumorchid\:70\:st, html.dark .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-mediumorchid\:80\:st, html.dark .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-mediumorchid\:90\:st, html.dark .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-mediumorchid\:100\:st, html.dark .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumorchid\:st, html.dark .sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:st, html.dark .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:st, html.dark .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:st, html.dark .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:st, html.dark .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:st, html.dark .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:st, html.dark .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:st, html.dark .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:st, html.dark .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:st, html.dark .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:st, html.dark .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:st, html.dark .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumorchid, html.auto .sf-c-mediumorchid { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 42%) } - html[data-theme='auto'] .sf-c-mediumorchid\:0, html.auto .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } - html[data-theme='auto'] .sf-c-mediumorchid\:10, html.auto .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-mediumorchid\:20, html.auto .sf-c-mediumorchid\:20 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-mediumorchid\:30, html.auto .sf-c-mediumorchid\:30 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-mediumorchid\:40, html.auto .sf-c-mediumorchid\:40 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-mediumorchid\:50, html.auto .sf-c-mediumorchid\:50 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-mediumorchid\:60, html.auto .sf-c-mediumorchid\:60 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-mediumorchid\:70, html.auto .sf-c-mediumorchid\:70 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-mediumorchid\:80, html.auto .sf-c-mediumorchid\:80 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-mediumorchid\:90, html.auto .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-mediumorchid\:100, html.auto .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } - - html[data-theme='auto'] .sf-c-mediumorchid\:st, html.auto .sf-c-mediumorchid\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-mediumorchid\:0\:st, html.auto .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } - html[data-theme='auto'] .sf-c-mediumorchid\:10\:st, html.auto .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-mediumorchid\:20\:st, html.auto .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-mediumorchid\:30\:st, html.auto .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-mediumorchid\:40\:st, html.auto .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-mediumorchid\:50\:st, html.auto .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-mediumorchid\:60\:st, html.auto .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-mediumorchid\:70\:st, html.auto .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-mediumorchid\:80\:st, html.auto .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-mediumorchid\:90\:st, html.auto .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-mediumorchid\:100\:st, html.auto .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumorchid\:st, html.auto .sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:st, html.auto .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:st, html.auto .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:st, html.auto .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:st, html.auto .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:st, html.auto .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:st, html.auto .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:st, html.auto .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:st, html.auto .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:st, html.auto .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:st, html.auto .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:st, html.auto .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumpurple.css b/src/colors/10/mediumpurple.css deleted file mode 100644 index 082ec69..0000000 --- a/src/colors/10/mediumpurple.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumpurple { - --sf-c-mediumpurple: 260 60% 65%; - --sf-c-mediumpurple-0: 260 60% 0%; - --sf-c-mediumpurple-10: 260 60% 10%; - --sf-c-mediumpurple-20: 260 60% 20%; - --sf-c-mediumpurple-30: 260 60% 30%; - --sf-c-mediumpurple-40: 260 60% 40%; - --sf-c-mediumpurple-50: 260 60% 50%; - --sf-c-mediumpurple-60: 260 60% 60%; - --sf-c-mediumpurple-70: 260 60% 70%; - --sf-c-mediumpurple-80: 260 60% 80%; - --sf-c-mediumpurple-90: 260 60% 90%; - --sf-c-mediumpurple-100: 260 60% 100%; -} - -.sf-c-mediumpurple, .sf-c-mediumpurple\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 65%) } -.sf-c-mediumpurple\:0, .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } -.sf-c-mediumpurple\:10, .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } -.sf-c-mediumpurple\:20, .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } -.sf-c-mediumpurple\:30, .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 30%) } -.sf-c-mediumpurple\:40, .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 40%) } -.sf-c-mediumpurple\:50, .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 50%) } -.sf-c-mediumpurple\:60, .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 60%) } -.sf-c-mediumpurple\:70, .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 70%) } -.sf-c-mediumpurple\:80, .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 80%) } -.sf-c-mediumpurple\:90, .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } -.sf-c-mediumpurple\:100, .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } - -.sf-c-txt-mediumpurple { color: hsl(260, 60%, 10%) } -.sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } -.sf-c-txt-mediumpurple\:0, .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } -.sf-c-txt-mediumpurple\:10, .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } -.sf-c-txt-mediumpurple\:20, .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } -.sf-c-txt-mediumpurple\:30, .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } -.sf-c-txt-mediumpurple\:40, .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } -.sf-c-txt-mediumpurple\:50, .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } -.sf-c-txt-mediumpurple\:60, .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } -.sf-c-txt-mediumpurple\:70, .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } -.sf-c-txt-mediumpurple\:80, .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } -.sf-c-txt-mediumpurple\:90, .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } -.sf-c-txt-mediumpurple\:100, .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } - -html[data-theme='dark'] .sf-c-mediumpurple, html.dark .sf-c-mediumpurple { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumpurple\:0, html.dark .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } -html[data-theme='dark'] .sf-c-mediumpurple\:10, html.dark .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumpurple\:20, html.dark .sf-c-mediumpurple\:20 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumpurple\:30, html.dark .sf-c-mediumpurple\:30 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumpurple\:40, html.dark .sf-c-mediumpurple\:40 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumpurple\:50, html.dark .sf-c-mediumpurple\:50 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumpurple\:60, html.dark .sf-c-mediumpurple\:60 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumpurple\:70, html.dark .sf-c-mediumpurple\:70 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumpurple\:80, html.dark .sf-c-mediumpurple\:80 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumpurple\:90, html.dark .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumpurple\:100, html.dark .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } - -html[data-theme='dark'] .sf-c-mediumpurple\:st, html.dark .sf-c-mediumpurple\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumpurple\:0\:st, html.dark .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } -html[data-theme='dark'] .sf-c-mediumpurple\:10\:st, html.dark .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumpurple\:20\:st, html.dark .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumpurple\:30\:st, html.dark .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumpurple\:40\:st, html.dark .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumpurple\:50\:st, html.dark .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumpurple\:60\:st, html.dark .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumpurple\:70\:st, html.dark .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumpurple\:80\:st, html.dark .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumpurple\:90\:st, html.dark .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumpurple\:100\:st, html.dark .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumpurple\:st, html.dark .sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:st, html.dark .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:st, html.dark .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:st, html.dark .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:st, html.dark .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:st, html.dark .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:st, html.dark .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:st, html.dark .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:st, html.dark .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:st, html.dark .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:st, html.dark .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:st, html.dark .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumpurple, html.auto .sf-c-mediumpurple { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumpurple\:0, html.auto .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } - html[data-theme='auto'] .sf-c-mediumpurple\:10, html.auto .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumpurple\:20, html.auto .sf-c-mediumpurple\:20 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumpurple\:30, html.auto .sf-c-mediumpurple\:30 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumpurple\:40, html.auto .sf-c-mediumpurple\:40 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumpurple\:50, html.auto .sf-c-mediumpurple\:50 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumpurple\:60, html.auto .sf-c-mediumpurple\:60 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumpurple\:70, html.auto .sf-c-mediumpurple\:70 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumpurple\:80, html.auto .sf-c-mediumpurple\:80 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumpurple\:90, html.auto .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumpurple\:100, html.auto .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } - - html[data-theme='auto'] .sf-c-mediumpurple\:st, html.auto .sf-c-mediumpurple\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumpurple\:0\:st, html.auto .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } - html[data-theme='auto'] .sf-c-mediumpurple\:10\:st, html.auto .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumpurple\:20\:st, html.auto .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumpurple\:30\:st, html.auto .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumpurple\:40\:st, html.auto .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumpurple\:50\:st, html.auto .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumpurple\:60\:st, html.auto .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumpurple\:70\:st, html.auto .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumpurple\:80\:st, html.auto .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumpurple\:90\:st, html.auto .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumpurple\:100\:st, html.auto .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumpurple\:st, html.auto .sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:st, html.auto .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:st, html.auto .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:st, html.auto .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:st, html.auto .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:st, html.auto .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:st, html.auto .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:st, html.auto .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:st, html.auto .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:st, html.auto .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:st, html.auto .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:st, html.auto .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumseagreen.css b/src/colors/10/mediumseagreen.css deleted file mode 100644 index f799de3..0000000 --- a/src/colors/10/mediumseagreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumseagreen { - --sf-c-mediumseagreen: 147 50% 47%; - --sf-c-mediumseagreen-0: 147 50% 0%; - --sf-c-mediumseagreen-10: 147 50% 10%; - --sf-c-mediumseagreen-20: 147 50% 20%; - --sf-c-mediumseagreen-30: 147 50% 30%; - --sf-c-mediumseagreen-40: 147 50% 40%; - --sf-c-mediumseagreen-50: 147 50% 50%; - --sf-c-mediumseagreen-60: 147 50% 60%; - --sf-c-mediumseagreen-70: 147 50% 70%; - --sf-c-mediumseagreen-80: 147 50% 80%; - --sf-c-mediumseagreen-90: 147 50% 90%; - --sf-c-mediumseagreen-100: 147 50% 100%; -} - -.sf-c-mediumseagreen, .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 47%) } -.sf-c-mediumseagreen\:0, .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } -.sf-c-mediumseagreen\:10, .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } -.sf-c-mediumseagreen\:20, .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } -.sf-c-mediumseagreen\:30, .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 30%) } -.sf-c-mediumseagreen\:40, .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 40%) } -.sf-c-mediumseagreen\:50, .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 50%) } -.sf-c-mediumseagreen\:60, .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 60%) } -.sf-c-mediumseagreen\:70, .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 70%) } -.sf-c-mediumseagreen\:80, .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 80%) } -.sf-c-mediumseagreen\:90, .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } -.sf-c-mediumseagreen\:100, .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } - -.sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } -.sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } -.sf-c-txt-mediumseagreen\:0, .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } -.sf-c-txt-mediumseagreen\:10, .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } -.sf-c-txt-mediumseagreen\:20, .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } -.sf-c-txt-mediumseagreen\:30, .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } -.sf-c-txt-mediumseagreen\:40, .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } -.sf-c-txt-mediumseagreen\:50, .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } -.sf-c-txt-mediumseagreen\:60, .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } -.sf-c-txt-mediumseagreen\:70, .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } -.sf-c-txt-mediumseagreen\:80, .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } -.sf-c-txt-mediumseagreen\:90, .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } -.sf-c-txt-mediumseagreen\:100, .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } - -html[data-theme='dark'] .sf-c-mediumseagreen, html.dark .sf-c-mediumseagreen { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 53%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:0, html.dark .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:10, html.dark .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:20, html.dark .sf-c-mediumseagreen\:20 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:30, html.dark .sf-c-mediumseagreen\:30 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:40, html.dark .sf-c-mediumseagreen\:40 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:50, html.dark .sf-c-mediumseagreen\:50 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:60, html.dark .sf-c-mediumseagreen\:60 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:70, html.dark .sf-c-mediumseagreen\:70 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:80, html.dark .sf-c-mediumseagreen\:80 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:90, html.dark .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:100, html.dark .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } - -html[data-theme='dark'] .sf-c-mediumseagreen\:st, html.dark .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 47%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:0\:st, html.dark .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:10\:st, html.dark .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:20\:st, html.dark .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:30\:st, html.dark .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:40\:st, html.dark .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:50\:st, html.dark .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:60\:st, html.dark .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:70\:st, html.dark .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:80\:st, html.dark .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:90\:st, html.dark .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:100\:st, html.dark .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:st, html.dark .sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:st, html.dark .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:st, html.dark .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:st, html.dark .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:st, html.dark .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:st, html.dark .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:st, html.dark .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:st, html.dark .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:st, html.dark .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:st, html.dark .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:st, html.dark .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:st, html.dark .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumseagreen, html.auto .sf-c-mediumseagreen { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 53%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:0, html.auto .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:10, html.auto .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:20, html.auto .sf-c-mediumseagreen\:20 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:30, html.auto .sf-c-mediumseagreen\:30 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:40, html.auto .sf-c-mediumseagreen\:40 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:50, html.auto .sf-c-mediumseagreen\:50 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:60, html.auto .sf-c-mediumseagreen\:60 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:70, html.auto .sf-c-mediumseagreen\:70 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:80, html.auto .sf-c-mediumseagreen\:80 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:90, html.auto .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:100, html.auto .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } - - html[data-theme='auto'] .sf-c-mediumseagreen\:st, html.auto .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 47%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:0\:st, html.auto .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:10\:st, html.auto .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:20\:st, html.auto .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:30\:st, html.auto .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:40\:st, html.auto .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:50\:st, html.auto .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:60\:st, html.auto .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:70\:st, html.auto .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:80\:st, html.auto .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:90\:st, html.auto .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:100\:st, html.auto .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:st, html.auto .sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:st, html.auto .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:st, html.auto .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:st, html.auto .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:st, html.auto .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:st, html.auto .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:st, html.auto .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:st, html.auto .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:st, html.auto .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:st, html.auto .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:st, html.auto .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:st, html.auto .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumslateblue.css b/src/colors/10/mediumslateblue.css deleted file mode 100644 index 8f0fe9b..0000000 --- a/src/colors/10/mediumslateblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumslateblue { - --sf-c-mediumslateblue: 249 80% 67%; - --sf-c-mediumslateblue-0: 249 80% 0%; - --sf-c-mediumslateblue-10: 249 80% 10%; - --sf-c-mediumslateblue-20: 249 80% 20%; - --sf-c-mediumslateblue-30: 249 80% 30%; - --sf-c-mediumslateblue-40: 249 80% 40%; - --sf-c-mediumslateblue-50: 249 80% 50%; - --sf-c-mediumslateblue-60: 249 80% 60%; - --sf-c-mediumslateblue-70: 249 80% 70%; - --sf-c-mediumslateblue-80: 249 80% 80%; - --sf-c-mediumslateblue-90: 249 80% 90%; - --sf-c-mediumslateblue-100: 249 80% 100%; -} - -.sf-c-mediumslateblue, .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 67%) } -.sf-c-mediumslateblue\:0, .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } -.sf-c-mediumslateblue\:10, .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } -.sf-c-mediumslateblue\:20, .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } -.sf-c-mediumslateblue\:30, .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 30%) } -.sf-c-mediumslateblue\:40, .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 40%) } -.sf-c-mediumslateblue\:50, .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 50%) } -.sf-c-mediumslateblue\:60, .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 60%) } -.sf-c-mediumslateblue\:70, .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 70%) } -.sf-c-mediumslateblue\:80, .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 80%) } -.sf-c-mediumslateblue\:90, .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } -.sf-c-mediumslateblue\:100, .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } - -.sf-c-txt-mediumslateblue { color: hsl(249, 80%, 10%) } -.sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } -.sf-c-txt-mediumslateblue\:0, .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } -.sf-c-txt-mediumslateblue\:10, .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } -.sf-c-txt-mediumslateblue\:20, .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } -.sf-c-txt-mediumslateblue\:30, .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } -.sf-c-txt-mediumslateblue\:40, .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } -.sf-c-txt-mediumslateblue\:50, .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } -.sf-c-txt-mediumslateblue\:60, .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } -.sf-c-txt-mediumslateblue\:70, .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } -.sf-c-txt-mediumslateblue\:80, .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } -.sf-c-txt-mediumslateblue\:90, .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } -.sf-c-txt-mediumslateblue\:100, .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } - -html[data-theme='dark'] .sf-c-mediumslateblue, html.dark .sf-c-mediumslateblue { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 33%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:0, html.dark .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:10, html.dark .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:20, html.dark .sf-c-mediumslateblue\:20 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:30, html.dark .sf-c-mediumslateblue\:30 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:40, html.dark .sf-c-mediumslateblue\:40 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:50, html.dark .sf-c-mediumslateblue\:50 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:60, html.dark .sf-c-mediumslateblue\:60 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:70, html.dark .sf-c-mediumslateblue\:70 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:80, html.dark .sf-c-mediumslateblue\:80 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:90, html.dark .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:100, html.dark .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } - -html[data-theme='dark'] .sf-c-mediumslateblue\:st, html.dark .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:0\:st, html.dark .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:10\:st, html.dark .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:20\:st, html.dark .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:30\:st, html.dark .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:40\:st, html.dark .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:50\:st, html.dark .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:60\:st, html.dark .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:70\:st, html.dark .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:80\:st, html.dark .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:90\:st, html.dark .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:100\:st, html.dark .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:st, html.dark .sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:st, html.dark .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:st, html.dark .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:st, html.dark .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:st, html.dark .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:st, html.dark .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:st, html.dark .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:st, html.dark .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:st, html.dark .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:st, html.dark .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:st, html.dark .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:st, html.dark .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumslateblue, html.auto .sf-c-mediumslateblue { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 33%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:0, html.auto .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:10, html.auto .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:20, html.auto .sf-c-mediumslateblue\:20 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:30, html.auto .sf-c-mediumslateblue\:30 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:40, html.auto .sf-c-mediumslateblue\:40 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:50, html.auto .sf-c-mediumslateblue\:50 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:60, html.auto .sf-c-mediumslateblue\:60 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:70, html.auto .sf-c-mediumslateblue\:70 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:80, html.auto .sf-c-mediumslateblue\:80 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:90, html.auto .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:100, html.auto .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } - - html[data-theme='auto'] .sf-c-mediumslateblue\:st, html.auto .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:0\:st, html.auto .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:10\:st, html.auto .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:20\:st, html.auto .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:30\:st, html.auto .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:40\:st, html.auto .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:50\:st, html.auto .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:60\:st, html.auto .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:70\:st, html.auto .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:80\:st, html.auto .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:90\:st, html.auto .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:100\:st, html.auto .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:st, html.auto .sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:st, html.auto .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:st, html.auto .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:st, html.auto .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:st, html.auto .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:st, html.auto .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:st, html.auto .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:st, html.auto .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:st, html.auto .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:st, html.auto .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:st, html.auto .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:st, html.auto .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumspringgreen.css b/src/colors/10/mediumspringgreen.css deleted file mode 100644 index 4697fea..0000000 --- a/src/colors/10/mediumspringgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumspringgreen { - --sf-c-mediumspringgreen: 157 100% 49%; - --sf-c-mediumspringgreen-0: 157 100% 0%; - --sf-c-mediumspringgreen-10: 157 100% 10%; - --sf-c-mediumspringgreen-20: 157 100% 20%; - --sf-c-mediumspringgreen-30: 157 100% 30%; - --sf-c-mediumspringgreen-40: 157 100% 40%; - --sf-c-mediumspringgreen-50: 157 100% 50%; - --sf-c-mediumspringgreen-60: 157 100% 60%; - --sf-c-mediumspringgreen-70: 157 100% 70%; - --sf-c-mediumspringgreen-80: 157 100% 80%; - --sf-c-mediumspringgreen-90: 157 100% 90%; - --sf-c-mediumspringgreen-100: 157 100% 100%; -} - -.sf-c-mediumspringgreen, .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 49%) } -.sf-c-mediumspringgreen\:0, .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } -.sf-c-mediumspringgreen\:10, .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } -.sf-c-mediumspringgreen\:20, .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } -.sf-c-mediumspringgreen\:30, .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 30%) } -.sf-c-mediumspringgreen\:40, .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 40%) } -.sf-c-mediumspringgreen\:50, .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 50%) } -.sf-c-mediumspringgreen\:60, .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 60%) } -.sf-c-mediumspringgreen\:70, .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 70%) } -.sf-c-mediumspringgreen\:80, .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 80%) } -.sf-c-mediumspringgreen\:90, .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } -.sf-c-mediumspringgreen\:100, .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } - -.sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } -.sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } -.sf-c-txt-mediumspringgreen\:0, .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } -.sf-c-txt-mediumspringgreen\:10, .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } -.sf-c-txt-mediumspringgreen\:20, .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } -.sf-c-txt-mediumspringgreen\:30, .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } -.sf-c-txt-mediumspringgreen\:40, .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } -.sf-c-txt-mediumspringgreen\:50, .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } -.sf-c-txt-mediumspringgreen\:60, .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } -.sf-c-txt-mediumspringgreen\:70, .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } -.sf-c-txt-mediumspringgreen\:80, .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } -.sf-c-txt-mediumspringgreen\:90, .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } -.sf-c-txt-mediumspringgreen\:100, .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mediumspringgreen, html.dark .sf-c-mediumspringgreen { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 51%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.dark .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:10, html.dark .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:20, html.dark .sf-c-mediumspringgreen\:20 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:30, html.dark .sf-c-mediumspringgreen\:30 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:40, html.dark .sf-c-mediumspringgreen\:40 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:50, html.dark .sf-c-mediumspringgreen\:50 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:60, html.dark .sf-c-mediumspringgreen\:60 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:70, html.dark .sf-c-mediumspringgreen\:70 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:80, html.dark .sf-c-mediumspringgreen\:80 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:90, html.dark .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:100, html.dark .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mediumspringgreen\:st, html.dark .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 49%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:0\:st, html.dark .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:10\:st, html.dark .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:20\:st, html.dark .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:30\:st, html.dark .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:40\:st, html.dark .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:50\:st, html.dark .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:60\:st, html.dark .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:70\:st, html.dark .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:80\:st, html.dark .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:90\:st, html.dark .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:100\:st, html.dark .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:st, html.dark .sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:st, html.dark .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:st, html.dark .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:st, html.dark .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:st, html.dark .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:st, html.dark .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:st, html.dark .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:st, html.dark .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:st, html.dark .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:st, html.dark .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:st, html.dark .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:st, html.dark .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumspringgreen, html.auto .sf-c-mediumspringgreen { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 51%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.auto .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:10, html.auto .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:20, html.auto .sf-c-mediumspringgreen\:20 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:30, html.auto .sf-c-mediumspringgreen\:30 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:40, html.auto .sf-c-mediumspringgreen\:40 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:50, html.auto .sf-c-mediumspringgreen\:50 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:60, html.auto .sf-c-mediumspringgreen\:60 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:70, html.auto .sf-c-mediumspringgreen\:70 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:80, html.auto .sf-c-mediumspringgreen\:80 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:90, html.auto .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:100, html.auto .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mediumspringgreen\:st, html.auto .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 49%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:0\:st, html.auto .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:10\:st, html.auto .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:20\:st, html.auto .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:30\:st, html.auto .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:40\:st, html.auto .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:50\:st, html.auto .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:60\:st, html.auto .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:70\:st, html.auto .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:80\:st, html.auto .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:90\:st, html.auto .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:100\:st, html.auto .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:st, html.auto .sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:st, html.auto .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:st, html.auto .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:st, html.auto .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:st, html.auto .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:st, html.auto .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:st, html.auto .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:st, html.auto .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:st, html.auto .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:st, html.auto .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:st, html.auto .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:st, html.auto .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumturquoise.css b/src/colors/10/mediumturquoise.css deleted file mode 100644 index 7e68f33..0000000 --- a/src/colors/10/mediumturquoise.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumturquoise { - --sf-c-mediumturquoise: 178 60% 55%; - --sf-c-mediumturquoise-0: 178 60% 0%; - --sf-c-mediumturquoise-10: 178 60% 10%; - --sf-c-mediumturquoise-20: 178 60% 20%; - --sf-c-mediumturquoise-30: 178 60% 30%; - --sf-c-mediumturquoise-40: 178 60% 40%; - --sf-c-mediumturquoise-50: 178 60% 50%; - --sf-c-mediumturquoise-60: 178 60% 60%; - --sf-c-mediumturquoise-70: 178 60% 70%; - --sf-c-mediumturquoise-80: 178 60% 80%; - --sf-c-mediumturquoise-90: 178 60% 90%; - --sf-c-mediumturquoise-100: 178 60% 100%; -} - -.sf-c-mediumturquoise, .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 55%) } -.sf-c-mediumturquoise\:0, .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } -.sf-c-mediumturquoise\:10, .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } -.sf-c-mediumturquoise\:20, .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } -.sf-c-mediumturquoise\:30, .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 30%) } -.sf-c-mediumturquoise\:40, .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 40%) } -.sf-c-mediumturquoise\:50, .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 50%) } -.sf-c-mediumturquoise\:60, .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 60%) } -.sf-c-mediumturquoise\:70, .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 70%) } -.sf-c-mediumturquoise\:80, .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 80%) } -.sf-c-mediumturquoise\:90, .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } -.sf-c-mediumturquoise\:100, .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } - -.sf-c-txt-mediumturquoise { color: hsl(178, 60%, 10%) } -.sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } -.sf-c-txt-mediumturquoise\:0, .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } -.sf-c-txt-mediumturquoise\:10, .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } -.sf-c-txt-mediumturquoise\:20, .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } -.sf-c-txt-mediumturquoise\:30, .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } -.sf-c-txt-mediumturquoise\:40, .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } -.sf-c-txt-mediumturquoise\:50, .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } -.sf-c-txt-mediumturquoise\:60, .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } -.sf-c-txt-mediumturquoise\:70, .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } -.sf-c-txt-mediumturquoise\:80, .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } -.sf-c-txt-mediumturquoise\:90, .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } -.sf-c-txt-mediumturquoise\:100, .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } - -html[data-theme='dark'] .sf-c-mediumturquoise, html.dark .sf-c-mediumturquoise { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:0, html.dark .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:10, html.dark .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:20, html.dark .sf-c-mediumturquoise\:20 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:30, html.dark .sf-c-mediumturquoise\:30 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:40, html.dark .sf-c-mediumturquoise\:40 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:50, html.dark .sf-c-mediumturquoise\:50 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:60, html.dark .sf-c-mediumturquoise\:60 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:70, html.dark .sf-c-mediumturquoise\:70 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:80, html.dark .sf-c-mediumturquoise\:80 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:90, html.dark .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:100, html.dark .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } - -html[data-theme='dark'] .sf-c-mediumturquoise\:st, html.dark .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:0\:st, html.dark .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:10\:st, html.dark .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:20\:st, html.dark .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:30\:st, html.dark .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:40\:st, html.dark .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:50\:st, html.dark .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:60\:st, html.dark .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:70\:st, html.dark .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:80\:st, html.dark .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:90\:st, html.dark .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:100\:st, html.dark .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:st, html.dark .sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:st, html.dark .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:st, html.dark .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:st, html.dark .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:st, html.dark .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:st, html.dark .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:st, html.dark .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:st, html.dark .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:st, html.dark .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:st, html.dark .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:st, html.dark .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:st, html.dark .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumturquoise, html.auto .sf-c-mediumturquoise { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:0, html.auto .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:10, html.auto .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:20, html.auto .sf-c-mediumturquoise\:20 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:30, html.auto .sf-c-mediumturquoise\:30 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:40, html.auto .sf-c-mediumturquoise\:40 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:50, html.auto .sf-c-mediumturquoise\:50 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:60, html.auto .sf-c-mediumturquoise\:60 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:70, html.auto .sf-c-mediumturquoise\:70 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:80, html.auto .sf-c-mediumturquoise\:80 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:90, html.auto .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:100, html.auto .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } - - html[data-theme='auto'] .sf-c-mediumturquoise\:st, html.auto .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:0\:st, html.auto .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:10\:st, html.auto .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:20\:st, html.auto .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:30\:st, html.auto .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:40\:st, html.auto .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:50\:st, html.auto .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:60\:st, html.auto .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:70\:st, html.auto .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:80\:st, html.auto .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:90\:st, html.auto .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:100\:st, html.auto .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:st, html.auto .sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:st, html.auto .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:st, html.auto .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:st, html.auto .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:st, html.auto .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:st, html.auto .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:st, html.auto .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:st, html.auto .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:st, html.auto .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:st, html.auto .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:st, html.auto .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:st, html.auto .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mediumvioletred.css b/src/colors/10/mediumvioletred.css deleted file mode 100644 index ea02da5..0000000 --- a/src/colors/10/mediumvioletred.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mediumvioletred { - --sf-c-mediumvioletred: 322 81% 43%; - --sf-c-mediumvioletred-0: 322 81% 0%; - --sf-c-mediumvioletred-10: 322 81% 10%; - --sf-c-mediumvioletred-20: 322 81% 20%; - --sf-c-mediumvioletred-30: 322 81% 30%; - --sf-c-mediumvioletred-40: 322 81% 40%; - --sf-c-mediumvioletred-50: 322 81% 50%; - --sf-c-mediumvioletred-60: 322 81% 60%; - --sf-c-mediumvioletred-70: 322 81% 70%; - --sf-c-mediumvioletred-80: 322 81% 80%; - --sf-c-mediumvioletred-90: 322 81% 90%; - --sf-c-mediumvioletred-100: 322 81% 100%; -} - -.sf-c-mediumvioletred, .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 43%) } -.sf-c-mediumvioletred\:0, .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } -.sf-c-mediumvioletred\:10, .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } -.sf-c-mediumvioletred\:20, .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } -.sf-c-mediumvioletred\:30, .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 30%) } -.sf-c-mediumvioletred\:40, .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 40%) } -.sf-c-mediumvioletred\:50, .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 50%) } -.sf-c-mediumvioletred\:60, .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 60%) } -.sf-c-mediumvioletred\:70, .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 70%) } -.sf-c-mediumvioletred\:80, .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 80%) } -.sf-c-mediumvioletred\:90, .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } -.sf-c-mediumvioletred\:100, .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } - -.sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } -.sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } -.sf-c-txt-mediumvioletred\:0, .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } -.sf-c-txt-mediumvioletred\:10, .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } -.sf-c-txt-mediumvioletred\:20, .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } -.sf-c-txt-mediumvioletred\:30, .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } -.sf-c-txt-mediumvioletred\:40, .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } -.sf-c-txt-mediumvioletred\:50, .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } -.sf-c-txt-mediumvioletred\:60, .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } -.sf-c-txt-mediumvioletred\:70, .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } -.sf-c-txt-mediumvioletred\:80, .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } -.sf-c-txt-mediumvioletred\:90, .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } -.sf-c-txt-mediumvioletred\:100, .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } - -html[data-theme='dark'] .sf-c-mediumvioletred, html.dark .sf-c-mediumvioletred { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 57%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:0, html.dark .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:10, html.dark .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:20, html.dark .sf-c-mediumvioletred\:20 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:30, html.dark .sf-c-mediumvioletred\:30 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:40, html.dark .sf-c-mediumvioletred\:40 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:50, html.dark .sf-c-mediumvioletred\:50 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:60, html.dark .sf-c-mediumvioletred\:60 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:70, html.dark .sf-c-mediumvioletred\:70 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:80, html.dark .sf-c-mediumvioletred\:80 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:90, html.dark .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:100, html.dark .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } - -html[data-theme='dark'] .sf-c-mediumvioletred\:st, html.dark .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 43%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:0\:st, html.dark .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:10\:st, html.dark .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:20\:st, html.dark .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:30\:st, html.dark .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:40\:st, html.dark .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:50\:st, html.dark .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:60\:st, html.dark .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:70\:st, html.dark .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:80\:st, html.dark .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:90\:st, html.dark .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:100\:st, html.dark .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:st, html.dark .sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:st, html.dark .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:st, html.dark .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:st, html.dark .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:st, html.dark .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:st, html.dark .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:st, html.dark .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:st, html.dark .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:st, html.dark .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:st, html.dark .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:st, html.dark .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:st, html.dark .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumvioletred, html.auto .sf-c-mediumvioletred { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 57%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:0, html.auto .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:10, html.auto .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:20, html.auto .sf-c-mediumvioletred\:20 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:30, html.auto .sf-c-mediumvioletred\:30 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:40, html.auto .sf-c-mediumvioletred\:40 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:50, html.auto .sf-c-mediumvioletred\:50 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:60, html.auto .sf-c-mediumvioletred\:60 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:70, html.auto .sf-c-mediumvioletred\:70 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:80, html.auto .sf-c-mediumvioletred\:80 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:90, html.auto .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:100, html.auto .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } - - html[data-theme='auto'] .sf-c-mediumvioletred\:st, html.auto .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 43%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:0\:st, html.auto .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:10\:st, html.auto .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:20\:st, html.auto .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:30\:st, html.auto .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:40\:st, html.auto .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:50\:st, html.auto .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:60\:st, html.auto .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:70\:st, html.auto .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:80\:st, html.auto .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:90\:st, html.auto .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:100\:st, html.auto .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:st, html.auto .sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:st, html.auto .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:st, html.auto .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:st, html.auto .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:st, html.auto .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:st, html.auto .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:st, html.auto .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:st, html.auto .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:st, html.auto .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:st, html.auto .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:st, html.auto .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:st, html.auto .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/midnightblue.css b/src/colors/10/midnightblue.css deleted file mode 100644 index 4f3483a..0000000 --- a/src/colors/10/midnightblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-midnightblue { - --sf-c-midnightblue: 240 64% 27%; - --sf-c-midnightblue-0: 240 64% 0%; - --sf-c-midnightblue-10: 240 64% 10%; - --sf-c-midnightblue-20: 240 64% 20%; - --sf-c-midnightblue-30: 240 64% 30%; - --sf-c-midnightblue-40: 240 64% 40%; - --sf-c-midnightblue-50: 240 64% 50%; - --sf-c-midnightblue-60: 240 64% 60%; - --sf-c-midnightblue-70: 240 64% 70%; - --sf-c-midnightblue-80: 240 64% 80%; - --sf-c-midnightblue-90: 240 64% 90%; - --sf-c-midnightblue-100: 240 64% 100%; -} - -.sf-c-midnightblue, .sf-c-midnightblue\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 27%) } -.sf-c-midnightblue\:0, .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } -.sf-c-midnightblue\:10, .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } -.sf-c-midnightblue\:20, .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } -.sf-c-midnightblue\:30, .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 30%) } -.sf-c-midnightblue\:40, .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 40%) } -.sf-c-midnightblue\:50, .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 50%) } -.sf-c-midnightblue\:60, .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 60%) } -.sf-c-midnightblue\:70, .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 70%) } -.sf-c-midnightblue\:80, .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 80%) } -.sf-c-midnightblue\:90, .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } -.sf-c-midnightblue\:100, .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } - -.sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } -.sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } -.sf-c-txt-midnightblue\:0, .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } -.sf-c-txt-midnightblue\:10, .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } -.sf-c-txt-midnightblue\:20, .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } -.sf-c-txt-midnightblue\:30, .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } -.sf-c-txt-midnightblue\:40, .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } -.sf-c-txt-midnightblue\:50, .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } -.sf-c-txt-midnightblue\:60, .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } -.sf-c-txt-midnightblue\:70, .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } -.sf-c-txt-midnightblue\:80, .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } -.sf-c-txt-midnightblue\:90, .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } -.sf-c-txt-midnightblue\:100, .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } - -html[data-theme='dark'] .sf-c-midnightblue, html.dark .sf-c-midnightblue { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 73%) } -html[data-theme='dark'] .sf-c-midnightblue\:0, html.dark .sf-c-midnightblue\:0 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } -html[data-theme='dark'] .sf-c-midnightblue\:10, html.dark .sf-c-midnightblue\:10 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-midnightblue\:20, html.dark .sf-c-midnightblue\:20 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-midnightblue\:30, html.dark .sf-c-midnightblue\:30 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-midnightblue\:40, html.dark .sf-c-midnightblue\:40 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-midnightblue\:50, html.dark .sf-c-midnightblue\:50 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-midnightblue\:60, html.dark .sf-c-midnightblue\:60 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-midnightblue\:70, html.dark .sf-c-midnightblue\:70 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-midnightblue\:80, html.dark .sf-c-midnightblue\:80 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-midnightblue\:90, html.dark .sf-c-midnightblue\:90 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-midnightblue\:100, html.dark .sf-c-midnightblue\:100 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } - -html[data-theme='dark'] .sf-c-midnightblue\:st, html.dark .sf-c-midnightblue\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 27%) } -html[data-theme='dark'] .sf-c-midnightblue\:0\:st, html.dark .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } -html[data-theme='dark'] .sf-c-midnightblue\:10\:st, html.dark .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-midnightblue\:20\:st, html.dark .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-midnightblue\:30\:st, html.dark .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-midnightblue\:40\:st, html.dark .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-midnightblue\:50\:st, html.dark .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-midnightblue\:60\:st, html.dark .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-midnightblue\:70\:st, html.dark .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-midnightblue\:80\:st, html.dark .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-midnightblue\:90\:st, html.dark .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-midnightblue\:100\:st, html.dark .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } - -html[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } - -html[data-theme='dark'] .sf-c-txt-midnightblue\:st, html.dark .sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:0\:st, html.dark .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:10\:st, html.dark .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:20\:st, html.dark .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:30\:st, html.dark .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:40\:st, html.dark .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:50\:st, html.dark .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:60\:st, html.dark .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:70\:st, html.dark .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:80\:st, html.dark .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:90\:st, html.dark .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:100\:st, html.dark .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-midnightblue, html.auto .sf-c-midnightblue { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 73%) } - html[data-theme='auto'] .sf-c-midnightblue\:0, html.auto .sf-c-midnightblue\:0 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } - html[data-theme='auto'] .sf-c-midnightblue\:10, html.auto .sf-c-midnightblue\:10 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-midnightblue\:20, html.auto .sf-c-midnightblue\:20 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-midnightblue\:30, html.auto .sf-c-midnightblue\:30 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-midnightblue\:40, html.auto .sf-c-midnightblue\:40 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-midnightblue\:50, html.auto .sf-c-midnightblue\:50 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-midnightblue\:60, html.auto .sf-c-midnightblue\:60 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-midnightblue\:70, html.auto .sf-c-midnightblue\:70 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-midnightblue\:80, html.auto .sf-c-midnightblue\:80 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-midnightblue\:90, html.auto .sf-c-midnightblue\:90 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-midnightblue\:100, html.auto .sf-c-midnightblue\:100 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } - - html[data-theme='auto'] .sf-c-midnightblue\:st, html.auto .sf-c-midnightblue\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 27%) } - html[data-theme='auto'] .sf-c-midnightblue\:0\:st, html.auto .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } - html[data-theme='auto'] .sf-c-midnightblue\:10\:st, html.auto .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-midnightblue\:20\:st, html.auto .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-midnightblue\:30\:st, html.auto .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-midnightblue\:40\:st, html.auto .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-midnightblue\:50\:st, html.auto .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-midnightblue\:60\:st, html.auto .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-midnightblue\:70\:st, html.auto .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-midnightblue\:80\:st, html.auto .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-midnightblue\:90\:st, html.auto .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-midnightblue\:100\:st, html.auto .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } - - html[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } - - html[data-theme='auto'] .sf-c-txt-midnightblue\:st, html.auto .sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:0\:st, html.auto .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:10\:st, html.auto .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:20\:st, html.auto .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:30\:st, html.auto .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:40\:st, html.auto .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:50\:st, html.auto .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:60\:st, html.auto .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:70\:st, html.auto .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:80\:st, html.auto .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:90\:st, html.auto .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:100\:st, html.auto .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mintcream.css b/src/colors/10/mintcream.css deleted file mode 100644 index 00e6f3e..0000000 --- a/src/colors/10/mintcream.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mintcream { - --sf-c-mintcream: 150 100% 98%; - --sf-c-mintcream-0: 150 100% 0%; - --sf-c-mintcream-10: 150 100% 10%; - --sf-c-mintcream-20: 150 100% 20%; - --sf-c-mintcream-30: 150 100% 30%; - --sf-c-mintcream-40: 150 100% 40%; - --sf-c-mintcream-50: 150 100% 50%; - --sf-c-mintcream-60: 150 100% 60%; - --sf-c-mintcream-70: 150 100% 70%; - --sf-c-mintcream-80: 150 100% 80%; - --sf-c-mintcream-90: 150 100% 90%; - --sf-c-mintcream-100: 150 100% 100%; -} - -.sf-c-mintcream, .sf-c-mintcream\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 98%) } -.sf-c-mintcream\:0, .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -.sf-c-mintcream\:10, .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -.sf-c-mintcream\:20, .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -.sf-c-mintcream\:30, .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -.sf-c-mintcream\:40, .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -.sf-c-mintcream\:50, .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -.sf-c-mintcream\:60, .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -.sf-c-mintcream\:70, .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -.sf-c-mintcream\:80, .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -.sf-c-mintcream\:90, .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -.sf-c-mintcream\:100, .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - -.sf-c-txt-mintcream { color: hsl(150, 100%, 10%) } -.sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } -.sf-c-txt-mintcream\:0, .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } -.sf-c-txt-mintcream\:10, .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } -.sf-c-txt-mintcream\:20, .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } -.sf-c-txt-mintcream\:30, .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } -.sf-c-txt-mintcream\:40, .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } -.sf-c-txt-mintcream\:50, .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-mintcream\:60, .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } -.sf-c-txt-mintcream\:70, .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } -.sf-c-txt-mintcream\:80, .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } -.sf-c-txt-mintcream\:90, .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } -.sf-c-txt-mintcream\:100, .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mintcream, html.dark .sf-c-mintcream { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 2%) } -html[data-theme='dark'] .sf-c-mintcream\:0, html.dark .sf-c-mintcream\:0 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-mintcream\:10, html.dark .sf-c-mintcream\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-mintcream\:20, html.dark .sf-c-mintcream\:20 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-mintcream\:30, html.dark .sf-c-mintcream\:30 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-mintcream\:40, html.dark .sf-c-mintcream\:40 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-mintcream\:50, html.dark .sf-c-mintcream\:50 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-mintcream\:60, html.dark .sf-c-mintcream\:60 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-mintcream\:70, html.dark .sf-c-mintcream\:70 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-mintcream\:80, html.dark .sf-c-mintcream\:80 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-mintcream\:90, html.dark .sf-c-mintcream\:90 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-mintcream\:100, html.dark .sf-c-mintcream\:100 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mintcream\:st, html.dark .sf-c-mintcream\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-mintcream\:0\:st, html.dark .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-mintcream\:10\:st, html.dark .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-mintcream\:20\:st, html.dark .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-mintcream\:30\:st, html.dark .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-mintcream\:40\:st, html.dark .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-mintcream\:50\:st, html.dark .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-mintcream\:60\:st, html.dark .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-mintcream\:70\:st, html.dark .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-mintcream\:80\:st, html.dark .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-mintcream\:90\:st, html.dark .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-mintcream\:100\:st, html.dark .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mintcream\:st, html.dark .sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:0\:st, html.dark .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:10\:st, html.dark .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:20\:st, html.dark .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:30\:st, html.dark .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:40\:st, html.dark .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:50\:st, html.dark .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:60\:st, html.dark .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:70\:st, html.dark .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:80\:st, html.dark .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:90\:st, html.dark .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:100\:st, html.dark .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mintcream, html.auto .sf-c-mintcream { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 2%) } - html[data-theme='auto'] .sf-c-mintcream\:0, html.auto .sf-c-mintcream\:0 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-mintcream\:10, html.auto .sf-c-mintcream\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-mintcream\:20, html.auto .sf-c-mintcream\:20 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-mintcream\:30, html.auto .sf-c-mintcream\:30 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-mintcream\:40, html.auto .sf-c-mintcream\:40 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-mintcream\:50, html.auto .sf-c-mintcream\:50 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-mintcream\:60, html.auto .sf-c-mintcream\:60 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-mintcream\:70, html.auto .sf-c-mintcream\:70 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-mintcream\:80, html.auto .sf-c-mintcream\:80 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-mintcream\:90, html.auto .sf-c-mintcream\:90 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-mintcream\:100, html.auto .sf-c-mintcream\:100 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mintcream\:st, html.auto .sf-c-mintcream\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-mintcream\:0\:st, html.auto .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-mintcream\:10\:st, html.auto .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-mintcream\:20\:st, html.auto .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-mintcream\:30\:st, html.auto .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-mintcream\:40\:st, html.auto .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-mintcream\:50\:st, html.auto .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-mintcream\:60\:st, html.auto .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-mintcream\:70\:st, html.auto .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-mintcream\:80\:st, html.auto .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-mintcream\:90\:st, html.auto .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-mintcream\:100\:st, html.auto .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mintcream\:st, html.auto .sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:0\:st, html.auto .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:10\:st, html.auto .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:20\:st, html.auto .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:30\:st, html.auto .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:40\:st, html.auto .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:50\:st, html.auto .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:60\:st, html.auto .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:70\:st, html.auto .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:80\:st, html.auto .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:90\:st, html.auto .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:100\:st, html.auto .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/mistyrose.css b/src/colors/10/mistyrose.css deleted file mode 100644 index 660fc4e..0000000 --- a/src/colors/10/mistyrose.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-mistyrose { - --sf-c-mistyrose: 6 100% 94%; - --sf-c-mistyrose-0: 6 100% 0%; - --sf-c-mistyrose-10: 6 100% 10%; - --sf-c-mistyrose-20: 6 100% 20%; - --sf-c-mistyrose-30: 6 100% 30%; - --sf-c-mistyrose-40: 6 100% 40%; - --sf-c-mistyrose-50: 6 100% 50%; - --sf-c-mistyrose-60: 6 100% 60%; - --sf-c-mistyrose-70: 6 100% 70%; - --sf-c-mistyrose-80: 6 100% 80%; - --sf-c-mistyrose-90: 6 100% 90%; - --sf-c-mistyrose-100: 6 100% 100%; -} - -.sf-c-mistyrose, .sf-c-mistyrose\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 94%) } -.sf-c-mistyrose\:0, .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } -.sf-c-mistyrose\:10, .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } -.sf-c-mistyrose\:20, .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } -.sf-c-mistyrose\:30, .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 30%) } -.sf-c-mistyrose\:40, .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 40%) } -.sf-c-mistyrose\:50, .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 50%) } -.sf-c-mistyrose\:60, .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 60%) } -.sf-c-mistyrose\:70, .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 70%) } -.sf-c-mistyrose\:80, .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 80%) } -.sf-c-mistyrose\:90, .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } -.sf-c-mistyrose\:100, .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } - -.sf-c-txt-mistyrose { color: hsl(6, 100%, 10%) } -.sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } -.sf-c-txt-mistyrose\:0, .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } -.sf-c-txt-mistyrose\:10, .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } -.sf-c-txt-mistyrose\:20, .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } -.sf-c-txt-mistyrose\:30, .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } -.sf-c-txt-mistyrose\:40, .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } -.sf-c-txt-mistyrose\:50, .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } -.sf-c-txt-mistyrose\:60, .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } -.sf-c-txt-mistyrose\:70, .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } -.sf-c-txt-mistyrose\:80, .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } -.sf-c-txt-mistyrose\:90, .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } -.sf-c-txt-mistyrose\:100, .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mistyrose, html.dark .sf-c-mistyrose { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 6%) } -html[data-theme='dark'] .sf-c-mistyrose\:0, html.dark .sf-c-mistyrose\:0 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } -html[data-theme='dark'] .sf-c-mistyrose\:10, html.dark .sf-c-mistyrose\:10 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-mistyrose\:20, html.dark .sf-c-mistyrose\:20 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-mistyrose\:30, html.dark .sf-c-mistyrose\:30 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-mistyrose\:40, html.dark .sf-c-mistyrose\:40 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-mistyrose\:50, html.dark .sf-c-mistyrose\:50 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-mistyrose\:60, html.dark .sf-c-mistyrose\:60 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-mistyrose\:70, html.dark .sf-c-mistyrose\:70 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-mistyrose\:80, html.dark .sf-c-mistyrose\:80 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-mistyrose\:90, html.dark .sf-c-mistyrose\:90 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-mistyrose\:100, html.dark .sf-c-mistyrose\:100 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mistyrose\:st, html.dark .sf-c-mistyrose\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-mistyrose\:0\:st, html.dark .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } -html[data-theme='dark'] .sf-c-mistyrose\:10\:st, html.dark .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-mistyrose\:20\:st, html.dark .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-mistyrose\:30\:st, html.dark .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-mistyrose\:40\:st, html.dark .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-mistyrose\:50\:st, html.dark .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-mistyrose\:60\:st, html.dark .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-mistyrose\:70\:st, html.dark .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-mistyrose\:80\:st, html.dark .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-mistyrose\:90\:st, html.dark .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-mistyrose\:100\:st, html.dark .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mistyrose\:st, html.dark .sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:0\:st, html.dark .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:10\:st, html.dark .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:20\:st, html.dark .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:30\:st, html.dark .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:40\:st, html.dark .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:50\:st, html.dark .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:60\:st, html.dark .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:70\:st, html.dark .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:80\:st, html.dark .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:90\:st, html.dark .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:100\:st, html.dark .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mistyrose, html.auto .sf-c-mistyrose { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 6%) } - html[data-theme='auto'] .sf-c-mistyrose\:0, html.auto .sf-c-mistyrose\:0 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } - html[data-theme='auto'] .sf-c-mistyrose\:10, html.auto .sf-c-mistyrose\:10 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-mistyrose\:20, html.auto .sf-c-mistyrose\:20 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-mistyrose\:30, html.auto .sf-c-mistyrose\:30 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-mistyrose\:40, html.auto .sf-c-mistyrose\:40 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-mistyrose\:50, html.auto .sf-c-mistyrose\:50 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-mistyrose\:60, html.auto .sf-c-mistyrose\:60 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-mistyrose\:70, html.auto .sf-c-mistyrose\:70 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-mistyrose\:80, html.auto .sf-c-mistyrose\:80 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-mistyrose\:90, html.auto .sf-c-mistyrose\:90 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-mistyrose\:100, html.auto .sf-c-mistyrose\:100 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mistyrose\:st, html.auto .sf-c-mistyrose\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-mistyrose\:0\:st, html.auto .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } - html[data-theme='auto'] .sf-c-mistyrose\:10\:st, html.auto .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-mistyrose\:20\:st, html.auto .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-mistyrose\:30\:st, html.auto .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-mistyrose\:40\:st, html.auto .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-mistyrose\:50\:st, html.auto .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-mistyrose\:60\:st, html.auto .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-mistyrose\:70\:st, html.auto .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-mistyrose\:80\:st, html.auto .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-mistyrose\:90\:st, html.auto .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-mistyrose\:100\:st, html.auto .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mistyrose\:st, html.auto .sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:0\:st, html.auto .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:10\:st, html.auto .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:20\:st, html.auto .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:30\:st, html.auto .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:40\:st, html.auto .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:50\:st, html.auto .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:60\:st, html.auto .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:70\:st, html.auto .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:80\:st, html.auto .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:90\:st, html.auto .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:100\:st, html.auto .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/moccasin.css b/src/colors/10/moccasin.css deleted file mode 100644 index cbf6a73..0000000 --- a/src/colors/10/moccasin.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-moccasin { - --sf-c-moccasin: 38 100% 85%; - --sf-c-moccasin-0: 38 100% 0%; - --sf-c-moccasin-10: 38 100% 10%; - --sf-c-moccasin-20: 38 100% 20%; - --sf-c-moccasin-30: 38 100% 30%; - --sf-c-moccasin-40: 38 100% 40%; - --sf-c-moccasin-50: 38 100% 50%; - --sf-c-moccasin-60: 38 100% 60%; - --sf-c-moccasin-70: 38 100% 70%; - --sf-c-moccasin-80: 38 100% 80%; - --sf-c-moccasin-90: 38 100% 90%; - --sf-c-moccasin-100: 38 100% 100%; -} - -.sf-c-moccasin, .sf-c-moccasin\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 85%) } -.sf-c-moccasin\:0, .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } -.sf-c-moccasin\:10, .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } -.sf-c-moccasin\:20, .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } -.sf-c-moccasin\:30, .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 30%) } -.sf-c-moccasin\:40, .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 40%) } -.sf-c-moccasin\:50, .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 50%) } -.sf-c-moccasin\:60, .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 60%) } -.sf-c-moccasin\:70, .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 70%) } -.sf-c-moccasin\:80, .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 80%) } -.sf-c-moccasin\:90, .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } -.sf-c-moccasin\:100, .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } - -.sf-c-txt-moccasin { color: hsl(38, 100%, 10%) } -.sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } -.sf-c-txt-moccasin\:0, .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } -.sf-c-txt-moccasin\:10, .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } -.sf-c-txt-moccasin\:20, .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } -.sf-c-txt-moccasin\:30, .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } -.sf-c-txt-moccasin\:40, .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } -.sf-c-txt-moccasin\:50, .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } -.sf-c-txt-moccasin\:60, .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } -.sf-c-txt-moccasin\:70, .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } -.sf-c-txt-moccasin\:80, .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } -.sf-c-txt-moccasin\:90, .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } -.sf-c-txt-moccasin\:100, .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } - -html[data-theme='dark'] .sf-c-moccasin, html.dark .sf-c-moccasin { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-moccasin\:0, html.dark .sf-c-moccasin\:0 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } -html[data-theme='dark'] .sf-c-moccasin\:10, html.dark .sf-c-moccasin\:10 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-moccasin\:20, html.dark .sf-c-moccasin\:20 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-moccasin\:30, html.dark .sf-c-moccasin\:30 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-moccasin\:40, html.dark .sf-c-moccasin\:40 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-moccasin\:50, html.dark .sf-c-moccasin\:50 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-moccasin\:60, html.dark .sf-c-moccasin\:60 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-moccasin\:70, html.dark .sf-c-moccasin\:70 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-moccasin\:80, html.dark .sf-c-moccasin\:80 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-moccasin\:90, html.dark .sf-c-moccasin\:90 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-moccasin\:100, html.dark .sf-c-moccasin\:100 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } - -html[data-theme='dark'] .sf-c-moccasin\:st, html.dark .sf-c-moccasin\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-moccasin\:0\:st, html.dark .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } -html[data-theme='dark'] .sf-c-moccasin\:10\:st, html.dark .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-moccasin\:20\:st, html.dark .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-moccasin\:30\:st, html.dark .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-moccasin\:40\:st, html.dark .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-moccasin\:50\:st, html.dark .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-moccasin\:60\:st, html.dark .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-moccasin\:70\:st, html.dark .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-moccasin\:80\:st, html.dark .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-moccasin\:90\:st, html.dark .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-moccasin\:100\:st, html.dark .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-moccasin\:st, html.dark .sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:0\:st, html.dark .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:10\:st, html.dark .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:20\:st, html.dark .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:30\:st, html.dark .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:40\:st, html.dark .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:50\:st, html.dark .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:60\:st, html.dark .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:70\:st, html.dark .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:80\:st, html.dark .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:90\:st, html.dark .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:100\:st, html.dark .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-moccasin, html.auto .sf-c-moccasin { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-moccasin\:0, html.auto .sf-c-moccasin\:0 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } - html[data-theme='auto'] .sf-c-moccasin\:10, html.auto .sf-c-moccasin\:10 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-moccasin\:20, html.auto .sf-c-moccasin\:20 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-moccasin\:30, html.auto .sf-c-moccasin\:30 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-moccasin\:40, html.auto .sf-c-moccasin\:40 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-moccasin\:50, html.auto .sf-c-moccasin\:50 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-moccasin\:60, html.auto .sf-c-moccasin\:60 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-moccasin\:70, html.auto .sf-c-moccasin\:70 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-moccasin\:80, html.auto .sf-c-moccasin\:80 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-moccasin\:90, html.auto .sf-c-moccasin\:90 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-moccasin\:100, html.auto .sf-c-moccasin\:100 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } - - html[data-theme='auto'] .sf-c-moccasin\:st, html.auto .sf-c-moccasin\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-moccasin\:0\:st, html.auto .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } - html[data-theme='auto'] .sf-c-moccasin\:10\:st, html.auto .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-moccasin\:20\:st, html.auto .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-moccasin\:30\:st, html.auto .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-moccasin\:40\:st, html.auto .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-moccasin\:50\:st, html.auto .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-moccasin\:60\:st, html.auto .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-moccasin\:70\:st, html.auto .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-moccasin\:80\:st, html.auto .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-moccasin\:90\:st, html.auto .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-moccasin\:100\:st, html.auto .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-moccasin\:st, html.auto .sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:0\:st, html.auto .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:10\:st, html.auto .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:20\:st, html.auto .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:30\:st, html.auto .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:40\:st, html.auto .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:50\:st, html.auto .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:60\:st, html.auto .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:70\:st, html.auto .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:80\:st, html.auto .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:90\:st, html.auto .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:100\:st, html.auto .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/navajowhite.css b/src/colors/10/navajowhite.css deleted file mode 100644 index 9453274..0000000 --- a/src/colors/10/navajowhite.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-navajowhite { - --sf-c-navajowhite: 36 100% 84%; - --sf-c-navajowhite-0: 36 100% 0%; - --sf-c-navajowhite-10: 36 100% 10%; - --sf-c-navajowhite-20: 36 100% 20%; - --sf-c-navajowhite-30: 36 100% 30%; - --sf-c-navajowhite-40: 36 100% 40%; - --sf-c-navajowhite-50: 36 100% 50%; - --sf-c-navajowhite-60: 36 100% 60%; - --sf-c-navajowhite-70: 36 100% 70%; - --sf-c-navajowhite-80: 36 100% 80%; - --sf-c-navajowhite-90: 36 100% 90%; - --sf-c-navajowhite-100: 36 100% 100%; -} - -.sf-c-navajowhite, .sf-c-navajowhite\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 84%) } -.sf-c-navajowhite\:0, .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -.sf-c-navajowhite\:10, .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -.sf-c-navajowhite\:20, .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -.sf-c-navajowhite\:30, .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -.sf-c-navajowhite\:40, .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -.sf-c-navajowhite\:50, .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -.sf-c-navajowhite\:60, .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -.sf-c-navajowhite\:70, .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -.sf-c-navajowhite\:80, .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -.sf-c-navajowhite\:90, .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -.sf-c-navajowhite\:100, .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - -.sf-c-txt-navajowhite { color: hsl(36, 100%, 10%) } -.sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } -.sf-c-txt-navajowhite\:0, .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } -.sf-c-txt-navajowhite\:10, .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } -.sf-c-txt-navajowhite\:20, .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } -.sf-c-txt-navajowhite\:30, .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } -.sf-c-txt-navajowhite\:40, .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } -.sf-c-txt-navajowhite\:50, .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } -.sf-c-txt-navajowhite\:60, .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } -.sf-c-txt-navajowhite\:70, .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } -.sf-c-txt-navajowhite\:80, .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } -.sf-c-txt-navajowhite\:90, .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-navajowhite\:100, .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-navajowhite, html.dark .sf-c-navajowhite { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 16%) } -html[data-theme='dark'] .sf-c-navajowhite\:0, html.dark .sf-c-navajowhite\:0 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-navajowhite\:10, html.dark .sf-c-navajowhite\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-navajowhite\:20, html.dark .sf-c-navajowhite\:20 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-navajowhite\:30, html.dark .sf-c-navajowhite\:30 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-navajowhite\:40, html.dark .sf-c-navajowhite\:40 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-navajowhite\:50, html.dark .sf-c-navajowhite\:50 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-navajowhite\:60, html.dark .sf-c-navajowhite\:60 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-navajowhite\:70, html.dark .sf-c-navajowhite\:70 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-navajowhite\:80, html.dark .sf-c-navajowhite\:80 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-navajowhite\:90, html.dark .sf-c-navajowhite\:90 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-navajowhite\:100, html.dark .sf-c-navajowhite\:100 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-navajowhite\:st, html.dark .sf-c-navajowhite\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-navajowhite\:0\:st, html.dark .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-navajowhite\:10\:st, html.dark .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-navajowhite\:20\:st, html.dark .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-navajowhite\:30\:st, html.dark .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-navajowhite\:40\:st, html.dark .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-navajowhite\:50\:st, html.dark .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-navajowhite\:60\:st, html.dark .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-navajowhite\:70\:st, html.dark .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-navajowhite\:80\:st, html.dark .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-navajowhite\:90\:st, html.dark .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-navajowhite\:100\:st, html.dark .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-navajowhite\:st, html.dark .sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:0\:st, html.dark .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:10\:st, html.dark .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:20\:st, html.dark .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:30\:st, html.dark .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:40\:st, html.dark .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:50\:st, html.dark .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:60\:st, html.dark .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:70\:st, html.dark .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:80\:st, html.dark .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:90\:st, html.dark .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:100\:st, html.dark .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-navajowhite, html.auto .sf-c-navajowhite { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 16%) } - html[data-theme='auto'] .sf-c-navajowhite\:0, html.auto .sf-c-navajowhite\:0 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-navajowhite\:10, html.auto .sf-c-navajowhite\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-navajowhite\:20, html.auto .sf-c-navajowhite\:20 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-navajowhite\:30, html.auto .sf-c-navajowhite\:30 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-navajowhite\:40, html.auto .sf-c-navajowhite\:40 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-navajowhite\:50, html.auto .sf-c-navajowhite\:50 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-navajowhite\:60, html.auto .sf-c-navajowhite\:60 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-navajowhite\:70, html.auto .sf-c-navajowhite\:70 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-navajowhite\:80, html.auto .sf-c-navajowhite\:80 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-navajowhite\:90, html.auto .sf-c-navajowhite\:90 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-navajowhite\:100, html.auto .sf-c-navajowhite\:100 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-navajowhite\:st, html.auto .sf-c-navajowhite\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-navajowhite\:0\:st, html.auto .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-navajowhite\:10\:st, html.auto .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-navajowhite\:20\:st, html.auto .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-navajowhite\:30\:st, html.auto .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-navajowhite\:40\:st, html.auto .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-navajowhite\:50\:st, html.auto .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-navajowhite\:60\:st, html.auto .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-navajowhite\:70\:st, html.auto .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-navajowhite\:80\:st, html.auto .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-navajowhite\:90\:st, html.auto .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-navajowhite\:100\:st, html.auto .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-navajowhite\:st, html.auto .sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:0\:st, html.auto .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:10\:st, html.auto .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:20\:st, html.auto .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:30\:st, html.auto .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:40\:st, html.auto .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:50\:st, html.auto .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:60\:st, html.auto .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:70\:st, html.auto .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:80\:st, html.auto .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:90\:st, html.auto .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:100\:st, html.auto .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/navy.css b/src/colors/10/navy.css deleted file mode 100644 index 81a33ea..0000000 --- a/src/colors/10/navy.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-navy { - --sf-c-navy: 240 100% 25%; - --sf-c-navy-0: 240 100% 0%; - --sf-c-navy-10: 240 100% 10%; - --sf-c-navy-20: 240 100% 20%; - --sf-c-navy-30: 240 100% 30%; - --sf-c-navy-40: 240 100% 40%; - --sf-c-navy-50: 240 100% 50%; - --sf-c-navy-60: 240 100% 60%; - --sf-c-navy-70: 240 100% 70%; - --sf-c-navy-80: 240 100% 80%; - --sf-c-navy-90: 240 100% 90%; - --sf-c-navy-100: 240 100% 100%; -} - -.sf-c-navy, .sf-c-navy\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 25%) } -.sf-c-navy\:0, .sf-c-navy\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -.sf-c-navy\:10, .sf-c-navy\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -.sf-c-navy\:20, .sf-c-navy\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -.sf-c-navy\:30, .sf-c-navy\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -.sf-c-navy\:40, .sf-c-navy\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -.sf-c-navy\:50, .sf-c-navy\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -.sf-c-navy\:60, .sf-c-navy\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -.sf-c-navy\:70, .sf-c-navy\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -.sf-c-navy\:80, .sf-c-navy\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -.sf-c-navy\:90, .sf-c-navy\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -.sf-c-navy\:100, .sf-c-navy\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-navy { color: hsl(240, 100%, 25%) } -.sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-navy\:0, .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-navy\:10, .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-navy\:20, .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-navy\:30, .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-navy\:40, .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-navy\:50, .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-navy\:60, .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-navy\:70, .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-navy\:80, .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-navy\:90, .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-navy\:100, .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-navy, html.dark .sf-c-navy { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-navy\:0, html.dark .sf-c-navy\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-navy\:10, html.dark .sf-c-navy\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-navy\:20, html.dark .sf-c-navy\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-navy\:30, html.dark .sf-c-navy\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-navy\:40, html.dark .sf-c-navy\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-navy\:50, html.dark .sf-c-navy\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-navy\:60, html.dark .sf-c-navy\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-navy\:70, html.dark .sf-c-navy\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-navy\:80, html.dark .sf-c-navy\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-navy\:90, html.dark .sf-c-navy\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-navy\:100, html.dark .sf-c-navy\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-navy\:st, html.dark .sf-c-navy\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-navy\:0\:st, html.dark .sf-c-navy\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-navy\:10\:st, html.dark .sf-c-navy\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-navy\:20\:st, html.dark .sf-c-navy\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-navy\:30\:st, html.dark .sf-c-navy\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-navy\:40\:st, html.dark .sf-c-navy\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-navy\:50\:st, html.dark .sf-c-navy\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-navy\:60\:st, html.dark .sf-c-navy\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-navy\:70\:st, html.dark .sf-c-navy\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-navy\:80\:st, html.dark .sf-c-navy\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-navy\:90\:st, html.dark .sf-c-navy\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-navy\:100\:st, html.dark .sf-c-navy\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-navy\:st, html.dark .sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navy\:0\:st, html.dark .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-navy\:10\:st, html.dark .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navy\:20\:st, html.dark .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navy\:30\:st, html.dark .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navy\:40\:st, html.dark .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navy\:50\:st, html.dark .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navy\:60\:st, html.dark .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navy\:70\:st, html.dark .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navy\:80\:st, html.dark .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navy\:90\:st, html.dark .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navy\:100\:st, html.dark .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-navy, html.auto .sf-c-navy { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-navy\:0, html.auto .sf-c-navy\:0 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-navy\:10, html.auto .sf-c-navy\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-navy\:20, html.auto .sf-c-navy\:20 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-navy\:30, html.auto .sf-c-navy\:30 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-navy\:40, html.auto .sf-c-navy\:40 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-navy\:50, html.auto .sf-c-navy\:50 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-navy\:60, html.auto .sf-c-navy\:60 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-navy\:70, html.auto .sf-c-navy\:70 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-navy\:80, html.auto .sf-c-navy\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-navy\:90, html.auto .sf-c-navy\:90 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-navy\:100, html.auto .sf-c-navy\:100 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-navy\:st, html.auto .sf-c-navy\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-navy\:0\:st, html.auto .sf-c-navy\:0\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-navy\:10\:st, html.auto .sf-c-navy\:10\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-navy\:20\:st, html.auto .sf-c-navy\:20\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-navy\:30\:st, html.auto .sf-c-navy\:30\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-navy\:40\:st, html.auto .sf-c-navy\:40\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-navy\:50\:st, html.auto .sf-c-navy\:50\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-navy\:60\:st, html.auto .sf-c-navy\:60\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-navy\:70\:st, html.auto .sf-c-navy\:70\:st { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-navy\:80\:st, html.auto .sf-c-navy\:80\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-navy\:90\:st, html.auto .sf-c-navy\:90\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-navy\:100\:st, html.auto .sf-c-navy\:100\:st { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-navy\:st, html.auto .sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navy\:0\:st, html.auto .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-navy\:10\:st, html.auto .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navy\:20\:st, html.auto .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navy\:30\:st, html.auto .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navy\:40\:st, html.auto .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navy\:50\:st, html.auto .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navy\:60\:st, html.auto .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navy\:70\:st, html.auto .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navy\:80\:st, html.auto .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navy\:90\:st, html.auto .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navy\:100\:st, html.auto .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/oldlace.css b/src/colors/10/oldlace.css deleted file mode 100644 index dececdd..0000000 --- a/src/colors/10/oldlace.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-oldlace { - --sf-c-oldlace: 39 85% 95%; - --sf-c-oldlace-0: 39 85% 0%; - --sf-c-oldlace-10: 39 85% 10%; - --sf-c-oldlace-20: 39 85% 20%; - --sf-c-oldlace-30: 39 85% 30%; - --sf-c-oldlace-40: 39 85% 40%; - --sf-c-oldlace-50: 39 85% 50%; - --sf-c-oldlace-60: 39 85% 60%; - --sf-c-oldlace-70: 39 85% 70%; - --sf-c-oldlace-80: 39 85% 80%; - --sf-c-oldlace-90: 39 85% 90%; - --sf-c-oldlace-100: 39 85% 100%; -} - -.sf-c-oldlace, .sf-c-oldlace\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 95%) } -.sf-c-oldlace\:0, .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } -.sf-c-oldlace\:10, .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } -.sf-c-oldlace\:20, .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } -.sf-c-oldlace\:30, .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 30%) } -.sf-c-oldlace\:40, .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 40%) } -.sf-c-oldlace\:50, .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 50%) } -.sf-c-oldlace\:60, .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 60%) } -.sf-c-oldlace\:70, .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 70%) } -.sf-c-oldlace\:80, .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 80%) } -.sf-c-oldlace\:90, .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } -.sf-c-oldlace\:100, .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } - -.sf-c-txt-oldlace { color: hsl(39, 85%, 10%) } -.sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } -.sf-c-txt-oldlace\:0, .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } -.sf-c-txt-oldlace\:10, .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } -.sf-c-txt-oldlace\:20, .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } -.sf-c-txt-oldlace\:30, .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } -.sf-c-txt-oldlace\:40, .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } -.sf-c-txt-oldlace\:50, .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } -.sf-c-txt-oldlace\:60, .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } -.sf-c-txt-oldlace\:70, .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } -.sf-c-txt-oldlace\:80, .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } -.sf-c-txt-oldlace\:90, .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } -.sf-c-txt-oldlace\:100, .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } - -html[data-theme='dark'] .sf-c-oldlace, html.dark .sf-c-oldlace { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-oldlace\:0, html.dark .sf-c-oldlace\:0 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } -html[data-theme='dark'] .sf-c-oldlace\:10, html.dark .sf-c-oldlace\:10 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-oldlace\:20, html.dark .sf-c-oldlace\:20 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-oldlace\:30, html.dark .sf-c-oldlace\:30 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-oldlace\:40, html.dark .sf-c-oldlace\:40 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-oldlace\:50, html.dark .sf-c-oldlace\:50 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-oldlace\:60, html.dark .sf-c-oldlace\:60 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-oldlace\:70, html.dark .sf-c-oldlace\:70 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-oldlace\:80, html.dark .sf-c-oldlace\:80 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-oldlace\:90, html.dark .sf-c-oldlace\:90 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-oldlace\:100, html.dark .sf-c-oldlace\:100 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } - -html[data-theme='dark'] .sf-c-oldlace\:st, html.dark .sf-c-oldlace\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-oldlace\:0\:st, html.dark .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } -html[data-theme='dark'] .sf-c-oldlace\:10\:st, html.dark .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-oldlace\:20\:st, html.dark .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-oldlace\:30\:st, html.dark .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-oldlace\:40\:st, html.dark .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-oldlace\:50\:st, html.dark .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-oldlace\:60\:st, html.dark .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-oldlace\:70\:st, html.dark .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-oldlace\:80\:st, html.dark .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-oldlace\:90\:st, html.dark .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-oldlace\:100\:st, html.dark .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } - -html[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } - -html[data-theme='dark'] .sf-c-txt-oldlace\:st, html.dark .sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:0\:st, html.dark .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:10\:st, html.dark .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:20\:st, html.dark .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:30\:st, html.dark .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:40\:st, html.dark .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:50\:st, html.dark .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:60\:st, html.dark .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:70\:st, html.dark .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:80\:st, html.dark .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:90\:st, html.dark .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:100\:st, html.dark .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-oldlace, html.auto .sf-c-oldlace { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-oldlace\:0, html.auto .sf-c-oldlace\:0 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } - html[data-theme='auto'] .sf-c-oldlace\:10, html.auto .sf-c-oldlace\:10 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-oldlace\:20, html.auto .sf-c-oldlace\:20 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-oldlace\:30, html.auto .sf-c-oldlace\:30 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-oldlace\:40, html.auto .sf-c-oldlace\:40 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-oldlace\:50, html.auto .sf-c-oldlace\:50 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-oldlace\:60, html.auto .sf-c-oldlace\:60 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-oldlace\:70, html.auto .sf-c-oldlace\:70 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-oldlace\:80, html.auto .sf-c-oldlace\:80 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-oldlace\:90, html.auto .sf-c-oldlace\:90 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-oldlace\:100, html.auto .sf-c-oldlace\:100 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } - - html[data-theme='auto'] .sf-c-oldlace\:st, html.auto .sf-c-oldlace\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-oldlace\:0\:st, html.auto .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } - html[data-theme='auto'] .sf-c-oldlace\:10\:st, html.auto .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-oldlace\:20\:st, html.auto .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-oldlace\:30\:st, html.auto .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-oldlace\:40\:st, html.auto .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-oldlace\:50\:st, html.auto .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-oldlace\:60\:st, html.auto .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-oldlace\:70\:st, html.auto .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-oldlace\:80\:st, html.auto .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-oldlace\:90\:st, html.auto .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-oldlace\:100\:st, html.auto .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } - - html[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } - - html[data-theme='auto'] .sf-c-txt-oldlace\:st, html.auto .sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:0\:st, html.auto .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:10\:st, html.auto .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:20\:st, html.auto .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:30\:st, html.auto .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:40\:st, html.auto .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:50\:st, html.auto .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:60\:st, html.auto .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:70\:st, html.auto .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:80\:st, html.auto .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:90\:st, html.auto .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:100\:st, html.auto .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/olive.css b/src/colors/10/olive.css deleted file mode 100644 index 60c5098..0000000 --- a/src/colors/10/olive.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-olive { - --sf-c-olive: 60 100% 25%; - --sf-c-olive-0: 60 100% 0%; - --sf-c-olive-10: 60 100% 10%; - --sf-c-olive-20: 60 100% 20%; - --sf-c-olive-30: 60 100% 30%; - --sf-c-olive-40: 60 100% 40%; - --sf-c-olive-50: 60 100% 50%; - --sf-c-olive-60: 60 100% 60%; - --sf-c-olive-70: 60 100% 70%; - --sf-c-olive-80: 60 100% 80%; - --sf-c-olive-90: 60 100% 90%; - --sf-c-olive-100: 60 100% 100%; -} - -.sf-c-olive, .sf-c-olive\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 25%) } -.sf-c-olive\:0, .sf-c-olive\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -.sf-c-olive\:10, .sf-c-olive\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -.sf-c-olive\:20, .sf-c-olive\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -.sf-c-olive\:30, .sf-c-olive\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -.sf-c-olive\:40, .sf-c-olive\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -.sf-c-olive\:50, .sf-c-olive\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -.sf-c-olive\:60, .sf-c-olive\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -.sf-c-olive\:70, .sf-c-olive\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -.sf-c-olive\:80, .sf-c-olive\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -.sf-c-olive\:90, .sf-c-olive\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -.sf-c-olive\:100, .sf-c-olive\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-olive { color: hsl(60, 100%, 25%) } -.sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-olive\:0, .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-olive\:10, .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-olive\:20, .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-olive\:30, .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-olive\:40, .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-olive\:50, .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-olive\:60, .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-olive\:70, .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-olive\:80, .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-olive\:90, .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-olive\:100, .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-olive, html.dark .sf-c-olive { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-olive\:0, html.dark .sf-c-olive\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-olive\:10, html.dark .sf-c-olive\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-olive\:20, html.dark .sf-c-olive\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-olive\:30, html.dark .sf-c-olive\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-olive\:40, html.dark .sf-c-olive\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-olive\:50, html.dark .sf-c-olive\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-olive\:60, html.dark .sf-c-olive\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-olive\:70, html.dark .sf-c-olive\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-olive\:80, html.dark .sf-c-olive\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-olive\:90, html.dark .sf-c-olive\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-olive\:100, html.dark .sf-c-olive\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-olive\:st, html.dark .sf-c-olive\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-olive\:0\:st, html.dark .sf-c-olive\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-olive\:10\:st, html.dark .sf-c-olive\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-olive\:20\:st, html.dark .sf-c-olive\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-olive\:30\:st, html.dark .sf-c-olive\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-olive\:40\:st, html.dark .sf-c-olive\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-olive\:50\:st, html.dark .sf-c-olive\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-olive\:60\:st, html.dark .sf-c-olive\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-olive\:70\:st, html.dark .sf-c-olive\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-olive\:80\:st, html.dark .sf-c-olive\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-olive\:90\:st, html.dark .sf-c-olive\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-olive\:100\:st, html.dark .sf-c-olive\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-olive\:st, html.dark .sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-olive\:0\:st, html.dark .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-olive\:10\:st, html.dark .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-olive\:20\:st, html.dark .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-olive\:30\:st, html.dark .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-olive\:40\:st, html.dark .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-olive\:50\:st, html.dark .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-olive\:60\:st, html.dark .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-olive\:70\:st, html.dark .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-olive\:80\:st, html.dark .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-olive\:90\:st, html.dark .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-olive\:100\:st, html.dark .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-olive, html.auto .sf-c-olive { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-olive\:0, html.auto .sf-c-olive\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-olive\:10, html.auto .sf-c-olive\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-olive\:20, html.auto .sf-c-olive\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-olive\:30, html.auto .sf-c-olive\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-olive\:40, html.auto .sf-c-olive\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-olive\:50, html.auto .sf-c-olive\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-olive\:60, html.auto .sf-c-olive\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-olive\:70, html.auto .sf-c-olive\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-olive\:80, html.auto .sf-c-olive\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-olive\:90, html.auto .sf-c-olive\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-olive\:100, html.auto .sf-c-olive\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-olive\:st, html.auto .sf-c-olive\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-olive\:0\:st, html.auto .sf-c-olive\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-olive\:10\:st, html.auto .sf-c-olive\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-olive\:20\:st, html.auto .sf-c-olive\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-olive\:30\:st, html.auto .sf-c-olive\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-olive\:40\:st, html.auto .sf-c-olive\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-olive\:50\:st, html.auto .sf-c-olive\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-olive\:60\:st, html.auto .sf-c-olive\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-olive\:70\:st, html.auto .sf-c-olive\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-olive\:80\:st, html.auto .sf-c-olive\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-olive\:90\:st, html.auto .sf-c-olive\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-olive\:100\:st, html.auto .sf-c-olive\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-olive\:st, html.auto .sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-olive\:0\:st, html.auto .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-olive\:10\:st, html.auto .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-olive\:20\:st, html.auto .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-olive\:30\:st, html.auto .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-olive\:40\:st, html.auto .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-olive\:50\:st, html.auto .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-olive\:60\:st, html.auto .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-olive\:70\:st, html.auto .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-olive\:80\:st, html.auto .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-olive\:90\:st, html.auto .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-olive\:100\:st, html.auto .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/olivedrab.css b/src/colors/10/olivedrab.css deleted file mode 100644 index a2458f9..0000000 --- a/src/colors/10/olivedrab.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-olivedrab { - --sf-c-olivedrab: 80 60% 35%; - --sf-c-olivedrab-0: 80 60% 0%; - --sf-c-olivedrab-10: 80 60% 10%; - --sf-c-olivedrab-20: 80 60% 20%; - --sf-c-olivedrab-30: 80 60% 30%; - --sf-c-olivedrab-40: 80 60% 40%; - --sf-c-olivedrab-50: 80 60% 50%; - --sf-c-olivedrab-60: 80 60% 60%; - --sf-c-olivedrab-70: 80 60% 70%; - --sf-c-olivedrab-80: 80 60% 80%; - --sf-c-olivedrab-90: 80 60% 90%; - --sf-c-olivedrab-100: 80 60% 100%; -} - -.sf-c-olivedrab, .sf-c-olivedrab\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 35%) } -.sf-c-olivedrab\:0, .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } -.sf-c-olivedrab\:10, .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } -.sf-c-olivedrab\:20, .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } -.sf-c-olivedrab\:30, .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 30%) } -.sf-c-olivedrab\:40, .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 40%) } -.sf-c-olivedrab\:50, .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 50%) } -.sf-c-olivedrab\:60, .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 60%) } -.sf-c-olivedrab\:70, .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 70%) } -.sf-c-olivedrab\:80, .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 80%) } -.sf-c-olivedrab\:90, .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } -.sf-c-olivedrab\:100, .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } - -.sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } -.sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } -.sf-c-txt-olivedrab\:0, .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } -.sf-c-txt-olivedrab\:10, .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } -.sf-c-txt-olivedrab\:20, .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } -.sf-c-txt-olivedrab\:30, .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } -.sf-c-txt-olivedrab\:40, .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } -.sf-c-txt-olivedrab\:50, .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } -.sf-c-txt-olivedrab\:60, .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } -.sf-c-txt-olivedrab\:70, .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } -.sf-c-txt-olivedrab\:80, .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } -.sf-c-txt-olivedrab\:90, .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } -.sf-c-txt-olivedrab\:100, .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } - -html[data-theme='dark'] .sf-c-olivedrab, html.dark .sf-c-olivedrab { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-olivedrab\:0, html.dark .sf-c-olivedrab\:0 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } -html[data-theme='dark'] .sf-c-olivedrab\:10, html.dark .sf-c-olivedrab\:10 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-olivedrab\:20, html.dark .sf-c-olivedrab\:20 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-olivedrab\:30, html.dark .sf-c-olivedrab\:30 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-olivedrab\:40, html.dark .sf-c-olivedrab\:40 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-olivedrab\:50, html.dark .sf-c-olivedrab\:50 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-olivedrab\:60, html.dark .sf-c-olivedrab\:60 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-olivedrab\:70, html.dark .sf-c-olivedrab\:70 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-olivedrab\:80, html.dark .sf-c-olivedrab\:80 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-olivedrab\:90, html.dark .sf-c-olivedrab\:90 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-olivedrab\:100, html.dark .sf-c-olivedrab\:100 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } - -html[data-theme='dark'] .sf-c-olivedrab\:st, html.dark .sf-c-olivedrab\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-olivedrab\:0\:st, html.dark .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } -html[data-theme='dark'] .sf-c-olivedrab\:10\:st, html.dark .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-olivedrab\:20\:st, html.dark .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-olivedrab\:30\:st, html.dark .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-olivedrab\:40\:st, html.dark .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-olivedrab\:50\:st, html.dark .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-olivedrab\:60\:st, html.dark .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-olivedrab\:70\:st, html.dark .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-olivedrab\:80\:st, html.dark .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-olivedrab\:90\:st, html.dark .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-olivedrab\:100\:st, html.dark .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-olivedrab\:st, html.dark .sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:0\:st, html.dark .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:10\:st, html.dark .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:20\:st, html.dark .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:30\:st, html.dark .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:40\:st, html.dark .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:50\:st, html.dark .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:60\:st, html.dark .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:70\:st, html.dark .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:80\:st, html.dark .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:90\:st, html.dark .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:100\:st, html.dark .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-olivedrab, html.auto .sf-c-olivedrab { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-olivedrab\:0, html.auto .sf-c-olivedrab\:0 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } - html[data-theme='auto'] .sf-c-olivedrab\:10, html.auto .sf-c-olivedrab\:10 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-olivedrab\:20, html.auto .sf-c-olivedrab\:20 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-olivedrab\:30, html.auto .sf-c-olivedrab\:30 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-olivedrab\:40, html.auto .sf-c-olivedrab\:40 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-olivedrab\:50, html.auto .sf-c-olivedrab\:50 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-olivedrab\:60, html.auto .sf-c-olivedrab\:60 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-olivedrab\:70, html.auto .sf-c-olivedrab\:70 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-olivedrab\:80, html.auto .sf-c-olivedrab\:80 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-olivedrab\:90, html.auto .sf-c-olivedrab\:90 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-olivedrab\:100, html.auto .sf-c-olivedrab\:100 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } - - html[data-theme='auto'] .sf-c-olivedrab\:st, html.auto .sf-c-olivedrab\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-olivedrab\:0\:st, html.auto .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } - html[data-theme='auto'] .sf-c-olivedrab\:10\:st, html.auto .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-olivedrab\:20\:st, html.auto .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-olivedrab\:30\:st, html.auto .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-olivedrab\:40\:st, html.auto .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-olivedrab\:50\:st, html.auto .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-olivedrab\:60\:st, html.auto .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-olivedrab\:70\:st, html.auto .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-olivedrab\:80\:st, html.auto .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-olivedrab\:90\:st, html.auto .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-olivedrab\:100\:st, html.auto .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-olivedrab\:st, html.auto .sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:0\:st, html.auto .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:10\:st, html.auto .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:20\:st, html.auto .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:30\:st, html.auto .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:40\:st, html.auto .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:50\:st, html.auto .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:60\:st, html.auto .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:70\:st, html.auto .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:80\:st, html.auto .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:90\:st, html.auto .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:100\:st, html.auto .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/orange.css b/src/colors/10/orange.css deleted file mode 100644 index 1f12fb1..0000000 --- a/src/colors/10/orange.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-orange { - --sf-c-orange: 39 100% 50%; - --sf-c-orange-0: 39 100% 0%; - --sf-c-orange-10: 39 100% 10%; - --sf-c-orange-20: 39 100% 20%; - --sf-c-orange-30: 39 100% 30%; - --sf-c-orange-40: 39 100% 40%; - --sf-c-orange-50: 39 100% 50%; - --sf-c-orange-60: 39 100% 60%; - --sf-c-orange-70: 39 100% 70%; - --sf-c-orange-80: 39 100% 80%; - --sf-c-orange-90: 39 100% 90%; - --sf-c-orange-100: 39 100% 100%; -} - -.sf-c-orange, .sf-c-orange\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -.sf-c-orange\:0, .sf-c-orange\:0\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } -.sf-c-orange\:10, .sf-c-orange\:10\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } -.sf-c-orange\:20, .sf-c-orange\:20\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } -.sf-c-orange\:30, .sf-c-orange\:30\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 30%) } -.sf-c-orange\:40, .sf-c-orange\:40\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 40%) } -.sf-c-orange\:50, .sf-c-orange\:50\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -.sf-c-orange\:60, .sf-c-orange\:60\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 60%) } -.sf-c-orange\:70, .sf-c-orange\:70\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 70%) } -.sf-c-orange\:80, .sf-c-orange\:80\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 80%) } -.sf-c-orange\:90, .sf-c-orange\:90\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } -.sf-c-orange\:100, .sf-c-orange\:100\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } - -.sf-c-txt-orange { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:0, .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } -.sf-c-txt-orange\:10, .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } -.sf-c-txt-orange\:20, .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } -.sf-c-txt-orange\:30, .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } -.sf-c-txt-orange\:40, .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } -.sf-c-txt-orange\:50, .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:60, .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } -.sf-c-txt-orange\:70, .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } -.sf-c-txt-orange\:80, .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } -.sf-c-txt-orange\:90, .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } -.sf-c-txt-orange\:100, .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } - -html[data-theme='dark'] .sf-c-orange, html.dark .sf-c-orange { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:0, html.dark .sf-c-orange\:0 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } -html[data-theme='dark'] .sf-c-orange\:10, html.dark .sf-c-orange\:10 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-orange\:20, html.dark .sf-c-orange\:20 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-orange\:30, html.dark .sf-c-orange\:30 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-orange\:40, html.dark .sf-c-orange\:40 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-orange\:50, html.dark .sf-c-orange\:50 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:60, html.dark .sf-c-orange\:60 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-orange\:70, html.dark .sf-c-orange\:70 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-orange\:80, html.dark .sf-c-orange\:80 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-orange\:90, html.dark .sf-c-orange\:90 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-orange\:100, html.dark .sf-c-orange\:100 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } - -html[data-theme='dark'] .sf-c-orange\:st, html.dark .sf-c-orange\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:0\:st, html.dark .sf-c-orange\:0\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } -html[data-theme='dark'] .sf-c-orange\:10\:st, html.dark .sf-c-orange\:10\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-orange\:20\:st, html.dark .sf-c-orange\:20\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-orange\:30\:st, html.dark .sf-c-orange\:30\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-orange\:40\:st, html.dark .sf-c-orange\:40\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-orange\:50\:st, html.dark .sf-c-orange\:50\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:60\:st, html.dark .sf-c-orange\:60\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-orange\:70\:st, html.dark .sf-c-orange\:70\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-orange\:80\:st, html.dark .sf-c-orange\:80\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-orange\:90\:st, html.dark .sf-c-orange\:90\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-orange\:100\:st, html.dark .sf-c-orange\:100\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orange\:st, html.dark .sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:0\:st, html.dark .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-orange\:10\:st, html.dark .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orange\:20\:st, html.dark .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orange\:30\:st, html.dark .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orange\:40\:st, html.dark .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orange\:50\:st, html.dark .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:60\:st, html.dark .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orange\:70\:st, html.dark .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orange\:80\:st, html.dark .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orange\:90\:st, html.dark .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orange\:100\:st, html.dark .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orange, html.auto .sf-c-orange { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:0, html.auto .sf-c-orange\:0 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } - html[data-theme='auto'] .sf-c-orange\:10, html.auto .sf-c-orange\:10 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-orange\:20, html.auto .sf-c-orange\:20 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-orange\:30, html.auto .sf-c-orange\:30 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-orange\:40, html.auto .sf-c-orange\:40 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-orange\:50, html.auto .sf-c-orange\:50 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:60, html.auto .sf-c-orange\:60 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-orange\:70, html.auto .sf-c-orange\:70 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-orange\:80, html.auto .sf-c-orange\:80 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-orange\:90, html.auto .sf-c-orange\:90 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-orange\:100, html.auto .sf-c-orange\:100 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } - - html[data-theme='auto'] .sf-c-orange\:st, html.auto .sf-c-orange\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:0\:st, html.auto .sf-c-orange\:0\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } - html[data-theme='auto'] .sf-c-orange\:10\:st, html.auto .sf-c-orange\:10\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-orange\:20\:st, html.auto .sf-c-orange\:20\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-orange\:30\:st, html.auto .sf-c-orange\:30\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-orange\:40\:st, html.auto .sf-c-orange\:40\:st { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-orange\:50\:st, html.auto .sf-c-orange\:50\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:60\:st, html.auto .sf-c-orange\:60\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-orange\:70\:st, html.auto .sf-c-orange\:70\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-orange\:80\:st, html.auto .sf-c-orange\:80\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-orange\:90\:st, html.auto .sf-c-orange\:90\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-orange\:100\:st, html.auto .sf-c-orange\:100\:st { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orange\:st, html.auto .sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:0\:st, html.auto .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-orange\:10\:st, html.auto .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orange\:20\:st, html.auto .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orange\:30\:st, html.auto .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orange\:40\:st, html.auto .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orange\:50\:st, html.auto .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:60\:st, html.auto .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orange\:70\:st, html.auto .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orange\:80\:st, html.auto .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orange\:90\:st, html.auto .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orange\:100\:st, html.auto .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/orangered.css b/src/colors/10/orangered.css deleted file mode 100644 index 0b29765..0000000 --- a/src/colors/10/orangered.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-orangered { - --sf-c-orangered: 16 100% 50%; - --sf-c-orangered-0: 16 100% 0%; - --sf-c-orangered-10: 16 100% 10%; - --sf-c-orangered-20: 16 100% 20%; - --sf-c-orangered-30: 16 100% 30%; - --sf-c-orangered-40: 16 100% 40%; - --sf-c-orangered-50: 16 100% 50%; - --sf-c-orangered-60: 16 100% 60%; - --sf-c-orangered-70: 16 100% 70%; - --sf-c-orangered-80: 16 100% 80%; - --sf-c-orangered-90: 16 100% 90%; - --sf-c-orangered-100: 16 100% 100%; -} - -.sf-c-orangered, .sf-c-orangered\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -.sf-c-orangered\:0, .sf-c-orangered\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -.sf-c-orangered\:10, .sf-c-orangered\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -.sf-c-orangered\:20, .sf-c-orangered\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -.sf-c-orangered\:30, .sf-c-orangered\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -.sf-c-orangered\:40, .sf-c-orangered\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -.sf-c-orangered\:50, .sf-c-orangered\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -.sf-c-orangered\:60, .sf-c-orangered\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -.sf-c-orangered\:70, .sf-c-orangered\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -.sf-c-orangered\:80, .sf-c-orangered\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -.sf-c-orangered\:90, .sf-c-orangered\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -.sf-c-orangered\:100, .sf-c-orangered\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - -.sf-c-txt-orangered { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:0, .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } -.sf-c-txt-orangered\:10, .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } -.sf-c-txt-orangered\:20, .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } -.sf-c-txt-orangered\:30, .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } -.sf-c-txt-orangered\:40, .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } -.sf-c-txt-orangered\:50, .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:60, .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } -.sf-c-txt-orangered\:70, .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } -.sf-c-txt-orangered\:80, .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } -.sf-c-txt-orangered\:90, .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } -.sf-c-txt-orangered\:100, .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-orangered, html.dark .sf-c-orangered { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:0, html.dark .sf-c-orangered\:0 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-orangered\:10, html.dark .sf-c-orangered\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-orangered\:20, html.dark .sf-c-orangered\:20 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-orangered\:30, html.dark .sf-c-orangered\:30 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-orangered\:40, html.dark .sf-c-orangered\:40 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-orangered\:50, html.dark .sf-c-orangered\:50 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:60, html.dark .sf-c-orangered\:60 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-orangered\:70, html.dark .sf-c-orangered\:70 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-orangered\:80, html.dark .sf-c-orangered\:80 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-orangered\:90, html.dark .sf-c-orangered\:90 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-orangered\:100, html.dark .sf-c-orangered\:100 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-orangered\:st, html.dark .sf-c-orangered\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:0\:st, html.dark .sf-c-orangered\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-orangered\:10\:st, html.dark .sf-c-orangered\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-orangered\:20\:st, html.dark .sf-c-orangered\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-orangered\:30\:st, html.dark .sf-c-orangered\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-orangered\:40\:st, html.dark .sf-c-orangered\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-orangered\:50\:st, html.dark .sf-c-orangered\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:60\:st, html.dark .sf-c-orangered\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-orangered\:70\:st, html.dark .sf-c-orangered\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-orangered\:80\:st, html.dark .sf-c-orangered\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-orangered\:90\:st, html.dark .sf-c-orangered\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-orangered\:100\:st, html.dark .sf-c-orangered\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orangered\:st, html.dark .sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:0\:st, html.dark .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-orangered\:10\:st, html.dark .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orangered\:20\:st, html.dark .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orangered\:30\:st, html.dark .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orangered\:40\:st, html.dark .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orangered\:50\:st, html.dark .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:60\:st, html.dark .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orangered\:70\:st, html.dark .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orangered\:80\:st, html.dark .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orangered\:90\:st, html.dark .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orangered\:100\:st, html.dark .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orangered, html.auto .sf-c-orangered { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:0, html.auto .sf-c-orangered\:0 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-orangered\:10, html.auto .sf-c-orangered\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-orangered\:20, html.auto .sf-c-orangered\:20 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-orangered\:30, html.auto .sf-c-orangered\:30 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-orangered\:40, html.auto .sf-c-orangered\:40 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-orangered\:50, html.auto .sf-c-orangered\:50 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:60, html.auto .sf-c-orangered\:60 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-orangered\:70, html.auto .sf-c-orangered\:70 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-orangered\:80, html.auto .sf-c-orangered\:80 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-orangered\:90, html.auto .sf-c-orangered\:90 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-orangered\:100, html.auto .sf-c-orangered\:100 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-orangered\:st, html.auto .sf-c-orangered\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:0\:st, html.auto .sf-c-orangered\:0\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-orangered\:10\:st, html.auto .sf-c-orangered\:10\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-orangered\:20\:st, html.auto .sf-c-orangered\:20\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-orangered\:30\:st, html.auto .sf-c-orangered\:30\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-orangered\:40\:st, html.auto .sf-c-orangered\:40\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-orangered\:50\:st, html.auto .sf-c-orangered\:50\:st { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:60\:st, html.auto .sf-c-orangered\:60\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-orangered\:70\:st, html.auto .sf-c-orangered\:70\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-orangered\:80\:st, html.auto .sf-c-orangered\:80\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-orangered\:90\:st, html.auto .sf-c-orangered\:90\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-orangered\:100\:st, html.auto .sf-c-orangered\:100\:st { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orangered\:st, html.auto .sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:0\:st, html.auto .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-orangered\:10\:st, html.auto .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orangered\:20\:st, html.auto .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orangered\:30\:st, html.auto .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orangered\:40\:st, html.auto .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orangered\:50\:st, html.auto .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:60\:st, html.auto .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orangered\:70\:st, html.auto .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orangered\:80\:st, html.auto .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orangered\:90\:st, html.auto .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orangered\:100\:st, html.auto .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/orchid.css b/src/colors/10/orchid.css deleted file mode 100644 index 09e35c3..0000000 --- a/src/colors/10/orchid.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-orchid { - --sf-c-orchid: 302 59% 65%; - --sf-c-orchid-0: 302 59% 0%; - --sf-c-orchid-10: 302 59% 10%; - --sf-c-orchid-20: 302 59% 20%; - --sf-c-orchid-30: 302 59% 30%; - --sf-c-orchid-40: 302 59% 40%; - --sf-c-orchid-50: 302 59% 50%; - --sf-c-orchid-60: 302 59% 60%; - --sf-c-orchid-70: 302 59% 70%; - --sf-c-orchid-80: 302 59% 80%; - --sf-c-orchid-90: 302 59% 90%; - --sf-c-orchid-100: 302 59% 100%; -} - -.sf-c-orchid, .sf-c-orchid\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 65%) } -.sf-c-orchid\:0, .sf-c-orchid\:0\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } -.sf-c-orchid\:10, .sf-c-orchid\:10\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } -.sf-c-orchid\:20, .sf-c-orchid\:20\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } -.sf-c-orchid\:30, .sf-c-orchid\:30\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 30%) } -.sf-c-orchid\:40, .sf-c-orchid\:40\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 40%) } -.sf-c-orchid\:50, .sf-c-orchid\:50\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 50%) } -.sf-c-orchid\:60, .sf-c-orchid\:60\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 60%) } -.sf-c-orchid\:70, .sf-c-orchid\:70\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 70%) } -.sf-c-orchid\:80, .sf-c-orchid\:80\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 80%) } -.sf-c-orchid\:90, .sf-c-orchid\:90\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } -.sf-c-orchid\:100, .sf-c-orchid\:100\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } - -.sf-c-txt-orchid { color: hsl(302, 59%, 10%) } -.sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } -.sf-c-txt-orchid\:0, .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } -.sf-c-txt-orchid\:10, .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } -.sf-c-txt-orchid\:20, .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } -.sf-c-txt-orchid\:30, .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } -.sf-c-txt-orchid\:40, .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } -.sf-c-txt-orchid\:50, .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } -.sf-c-txt-orchid\:60, .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } -.sf-c-txt-orchid\:70, .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } -.sf-c-txt-orchid\:80, .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } -.sf-c-txt-orchid\:90, .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } -.sf-c-txt-orchid\:100, .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } - -html[data-theme='dark'] .sf-c-orchid, html.dark .sf-c-orchid { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-orchid\:0, html.dark .sf-c-orchid\:0 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } -html[data-theme='dark'] .sf-c-orchid\:10, html.dark .sf-c-orchid\:10 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-orchid\:20, html.dark .sf-c-orchid\:20 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-orchid\:30, html.dark .sf-c-orchid\:30 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-orchid\:40, html.dark .sf-c-orchid\:40 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-orchid\:50, html.dark .sf-c-orchid\:50 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-orchid\:60, html.dark .sf-c-orchid\:60 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-orchid\:70, html.dark .sf-c-orchid\:70 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-orchid\:80, html.dark .sf-c-orchid\:80 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-orchid\:90, html.dark .sf-c-orchid\:90 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-orchid\:100, html.dark .sf-c-orchid\:100 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } - -html[data-theme='dark'] .sf-c-orchid\:st, html.dark .sf-c-orchid\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-orchid\:0\:st, html.dark .sf-c-orchid\:0\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } -html[data-theme='dark'] .sf-c-orchid\:10\:st, html.dark .sf-c-orchid\:10\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-orchid\:20\:st, html.dark .sf-c-orchid\:20\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-orchid\:30\:st, html.dark .sf-c-orchid\:30\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-orchid\:40\:st, html.dark .sf-c-orchid\:40\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-orchid\:50\:st, html.dark .sf-c-orchid\:50\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-orchid\:60\:st, html.dark .sf-c-orchid\:60\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-orchid\:70\:st, html.dark .sf-c-orchid\:70\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-orchid\:80\:st, html.dark .sf-c-orchid\:80\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-orchid\:90\:st, html.dark .sf-c-orchid\:90\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-orchid\:100\:st, html.dark .sf-c-orchid\:100\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orchid\:st, html.dark .sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:0\:st, html.dark .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-orchid\:10\:st, html.dark .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-orchid\:20\:st, html.dark .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-orchid\:30\:st, html.dark .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-orchid\:40\:st, html.dark .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-orchid\:50\:st, html.dark .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-orchid\:60\:st, html.dark .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-orchid\:70\:st, html.dark .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-orchid\:80\:st, html.dark .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-orchid\:90\:st, html.dark .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-orchid\:100\:st, html.dark .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orchid, html.auto .sf-c-orchid { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-orchid\:0, html.auto .sf-c-orchid\:0 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } - html[data-theme='auto'] .sf-c-orchid\:10, html.auto .sf-c-orchid\:10 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-orchid\:20, html.auto .sf-c-orchid\:20 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-orchid\:30, html.auto .sf-c-orchid\:30 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-orchid\:40, html.auto .sf-c-orchid\:40 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-orchid\:50, html.auto .sf-c-orchid\:50 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-orchid\:60, html.auto .sf-c-orchid\:60 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-orchid\:70, html.auto .sf-c-orchid\:70 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-orchid\:80, html.auto .sf-c-orchid\:80 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-orchid\:90, html.auto .sf-c-orchid\:90 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-orchid\:100, html.auto .sf-c-orchid\:100 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } - - html[data-theme='auto'] .sf-c-orchid\:st, html.auto .sf-c-orchid\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-orchid\:0\:st, html.auto .sf-c-orchid\:0\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } - html[data-theme='auto'] .sf-c-orchid\:10\:st, html.auto .sf-c-orchid\:10\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-orchid\:20\:st, html.auto .sf-c-orchid\:20\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-orchid\:30\:st, html.auto .sf-c-orchid\:30\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-orchid\:40\:st, html.auto .sf-c-orchid\:40\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-orchid\:50\:st, html.auto .sf-c-orchid\:50\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-orchid\:60\:st, html.auto .sf-c-orchid\:60\:st { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-orchid\:70\:st, html.auto .sf-c-orchid\:70\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-orchid\:80\:st, html.auto .sf-c-orchid\:80\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-orchid\:90\:st, html.auto .sf-c-orchid\:90\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-orchid\:100\:st, html.auto .sf-c-orchid\:100\:st { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orchid\:st, html.auto .sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:0\:st, html.auto .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-orchid\:10\:st, html.auto .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-orchid\:20\:st, html.auto .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-orchid\:30\:st, html.auto .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-orchid\:40\:st, html.auto .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-orchid\:50\:st, html.auto .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-orchid\:60\:st, html.auto .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-orchid\:70\:st, html.auto .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-orchid\:80\:st, html.auto .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-orchid\:90\:st, html.auto .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-orchid\:100\:st, html.auto .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/palegoldenrod.css b/src/colors/10/palegoldenrod.css deleted file mode 100644 index cdf7081..0000000 --- a/src/colors/10/palegoldenrod.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-palegoldenrod { - --sf-c-palegoldenrod: 55 67% 80%; - --sf-c-palegoldenrod-0: 55 67% 0%; - --sf-c-palegoldenrod-10: 55 67% 10%; - --sf-c-palegoldenrod-20: 55 67% 20%; - --sf-c-palegoldenrod-30: 55 67% 30%; - --sf-c-palegoldenrod-40: 55 67% 40%; - --sf-c-palegoldenrod-50: 55 67% 50%; - --sf-c-palegoldenrod-60: 55 67% 60%; - --sf-c-palegoldenrod-70: 55 67% 70%; - --sf-c-palegoldenrod-80: 55 67% 80%; - --sf-c-palegoldenrod-90: 55 67% 90%; - --sf-c-palegoldenrod-100: 55 67% 100%; -} - -.sf-c-palegoldenrod, .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } -.sf-c-palegoldenrod\:0, .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } -.sf-c-palegoldenrod\:10, .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } -.sf-c-palegoldenrod\:20, .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } -.sf-c-palegoldenrod\:30, .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 30%) } -.sf-c-palegoldenrod\:40, .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 40%) } -.sf-c-palegoldenrod\:50, .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 50%) } -.sf-c-palegoldenrod\:60, .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 60%) } -.sf-c-palegoldenrod\:70, .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 70%) } -.sf-c-palegoldenrod\:80, .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } -.sf-c-palegoldenrod\:90, .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } -.sf-c-palegoldenrod\:100, .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } - -.sf-c-txt-palegoldenrod { color: hsl(55, 67%, 10%) } -.sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } -.sf-c-txt-palegoldenrod\:0, .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } -.sf-c-txt-palegoldenrod\:10, .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } -.sf-c-txt-palegoldenrod\:20, .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } -.sf-c-txt-palegoldenrod\:30, .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } -.sf-c-txt-palegoldenrod\:40, .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } -.sf-c-txt-palegoldenrod\:50, .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } -.sf-c-txt-palegoldenrod\:60, .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } -.sf-c-txt-palegoldenrod\:70, .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } -.sf-c-txt-palegoldenrod\:80, .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } -.sf-c-txt-palegoldenrod\:90, .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } -.sf-c-txt-palegoldenrod\:100, .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } - -html[data-theme='dark'] .sf-c-palegoldenrod, html.dark .sf-c-palegoldenrod { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:0, html.dark .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:10, html.dark .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:20, html.dark .sf-c-palegoldenrod\:20 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:30, html.dark .sf-c-palegoldenrod\:30 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:40, html.dark .sf-c-palegoldenrod\:40 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:50, html.dark .sf-c-palegoldenrod\:50 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:60, html.dark .sf-c-palegoldenrod\:60 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:70, html.dark .sf-c-palegoldenrod\:70 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:80, html.dark .sf-c-palegoldenrod\:80 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:90, html.dark .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:100, html.dark .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } - -html[data-theme='dark'] .sf-c-palegoldenrod\:st, html.dark .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:0\:st, html.dark .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:10\:st, html.dark .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:20\:st, html.dark .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:30\:st, html.dark .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:40\:st, html.dark .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:50\:st, html.dark .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:60\:st, html.dark .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:70\:st, html.dark .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:80\:st, html.dark .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:90\:st, html.dark .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:100\:st, html.dark .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:st, html.dark .sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:st, html.dark .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:st, html.dark .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:st, html.dark .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:st, html.dark .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:st, html.dark .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:st, html.dark .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:st, html.dark .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:st, html.dark .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:st, html.dark .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:st, html.dark .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:st, html.dark .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palegoldenrod, html.auto .sf-c-palegoldenrod { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:0, html.auto .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:10, html.auto .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:20, html.auto .sf-c-palegoldenrod\:20 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:30, html.auto .sf-c-palegoldenrod\:30 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:40, html.auto .sf-c-palegoldenrod\:40 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:50, html.auto .sf-c-palegoldenrod\:50 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:60, html.auto .sf-c-palegoldenrod\:60 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:70, html.auto .sf-c-palegoldenrod\:70 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:80, html.auto .sf-c-palegoldenrod\:80 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:90, html.auto .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:100, html.auto .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } - - html[data-theme='auto'] .sf-c-palegoldenrod\:st, html.auto .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:0\:st, html.auto .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:10\:st, html.auto .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:20\:st, html.auto .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:30\:st, html.auto .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:40\:st, html.auto .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:50\:st, html.auto .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:60\:st, html.auto .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:70\:st, html.auto .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:80\:st, html.auto .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:90\:st, html.auto .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:100\:st, html.auto .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:st, html.auto .sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:st, html.auto .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:st, html.auto .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:st, html.auto .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:st, html.auto .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:st, html.auto .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:st, html.auto .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:st, html.auto .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:st, html.auto .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:st, html.auto .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:st, html.auto .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:st, html.auto .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/palegreen.css b/src/colors/10/palegreen.css deleted file mode 100644 index b499d6f..0000000 --- a/src/colors/10/palegreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-palegreen { - --sf-c-palegreen: 120 93% 79%; - --sf-c-palegreen-0: 120 93% 0%; - --sf-c-palegreen-10: 120 93% 10%; - --sf-c-palegreen-20: 120 93% 20%; - --sf-c-palegreen-30: 120 93% 30%; - --sf-c-palegreen-40: 120 93% 40%; - --sf-c-palegreen-50: 120 93% 50%; - --sf-c-palegreen-60: 120 93% 60%; - --sf-c-palegreen-70: 120 93% 70%; - --sf-c-palegreen-80: 120 93% 80%; - --sf-c-palegreen-90: 120 93% 90%; - --sf-c-palegreen-100: 120 93% 100%; -} - -.sf-c-palegreen, .sf-c-palegreen\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 79%) } -.sf-c-palegreen\:0, .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } -.sf-c-palegreen\:10, .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } -.sf-c-palegreen\:20, .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } -.sf-c-palegreen\:30, .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 30%) } -.sf-c-palegreen\:40, .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 40%) } -.sf-c-palegreen\:50, .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 50%) } -.sf-c-palegreen\:60, .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 60%) } -.sf-c-palegreen\:70, .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 70%) } -.sf-c-palegreen\:80, .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 80%) } -.sf-c-palegreen\:90, .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } -.sf-c-palegreen\:100, .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } - -.sf-c-txt-palegreen { color: hsl(120, 93%, 10%) } -.sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } -.sf-c-txt-palegreen\:0, .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } -.sf-c-txt-palegreen\:10, .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } -.sf-c-txt-palegreen\:20, .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } -.sf-c-txt-palegreen\:30, .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } -.sf-c-txt-palegreen\:40, .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } -.sf-c-txt-palegreen\:50, .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } -.sf-c-txt-palegreen\:60, .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } -.sf-c-txt-palegreen\:70, .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } -.sf-c-txt-palegreen\:80, .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } -.sf-c-txt-palegreen\:90, .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } -.sf-c-txt-palegreen\:100, .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } - -html[data-theme='dark'] .sf-c-palegreen, html.dark .sf-c-palegreen { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 21%) } -html[data-theme='dark'] .sf-c-palegreen\:0, html.dark .sf-c-palegreen\:0 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } -html[data-theme='dark'] .sf-c-palegreen\:10, html.dark .sf-c-palegreen\:10 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-palegreen\:20, html.dark .sf-c-palegreen\:20 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-palegreen\:30, html.dark .sf-c-palegreen\:30 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-palegreen\:40, html.dark .sf-c-palegreen\:40 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-palegreen\:50, html.dark .sf-c-palegreen\:50 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-palegreen\:60, html.dark .sf-c-palegreen\:60 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-palegreen\:70, html.dark .sf-c-palegreen\:70 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-palegreen\:80, html.dark .sf-c-palegreen\:80 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-palegreen\:90, html.dark .sf-c-palegreen\:90 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-palegreen\:100, html.dark .sf-c-palegreen\:100 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } - -html[data-theme='dark'] .sf-c-palegreen\:st, html.dark .sf-c-palegreen\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-palegreen\:0\:st, html.dark .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } -html[data-theme='dark'] .sf-c-palegreen\:10\:st, html.dark .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-palegreen\:20\:st, html.dark .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-palegreen\:30\:st, html.dark .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-palegreen\:40\:st, html.dark .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-palegreen\:50\:st, html.dark .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-palegreen\:60\:st, html.dark .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-palegreen\:70\:st, html.dark .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-palegreen\:80\:st, html.dark .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-palegreen\:90\:st, html.dark .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-palegreen\:100\:st, html.dark .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palegreen\:st, html.dark .sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:0\:st, html.dark .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:10\:st, html.dark .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:20\:st, html.dark .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:30\:st, html.dark .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:40\:st, html.dark .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:50\:st, html.dark .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:60\:st, html.dark .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:70\:st, html.dark .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:80\:st, html.dark .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:90\:st, html.dark .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:100\:st, html.dark .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palegreen, html.auto .sf-c-palegreen { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 21%) } - html[data-theme='auto'] .sf-c-palegreen\:0, html.auto .sf-c-palegreen\:0 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } - html[data-theme='auto'] .sf-c-palegreen\:10, html.auto .sf-c-palegreen\:10 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-palegreen\:20, html.auto .sf-c-palegreen\:20 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-palegreen\:30, html.auto .sf-c-palegreen\:30 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-palegreen\:40, html.auto .sf-c-palegreen\:40 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-palegreen\:50, html.auto .sf-c-palegreen\:50 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-palegreen\:60, html.auto .sf-c-palegreen\:60 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-palegreen\:70, html.auto .sf-c-palegreen\:70 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-palegreen\:80, html.auto .sf-c-palegreen\:80 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-palegreen\:90, html.auto .sf-c-palegreen\:90 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-palegreen\:100, html.auto .sf-c-palegreen\:100 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } - - html[data-theme='auto'] .sf-c-palegreen\:st, html.auto .sf-c-palegreen\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-palegreen\:0\:st, html.auto .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } - html[data-theme='auto'] .sf-c-palegreen\:10\:st, html.auto .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-palegreen\:20\:st, html.auto .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-palegreen\:30\:st, html.auto .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-palegreen\:40\:st, html.auto .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-palegreen\:50\:st, html.auto .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-palegreen\:60\:st, html.auto .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-palegreen\:70\:st, html.auto .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-palegreen\:80\:st, html.auto .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-palegreen\:90\:st, html.auto .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-palegreen\:100\:st, html.auto .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palegreen\:st, html.auto .sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:0\:st, html.auto .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:10\:st, html.auto .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:20\:st, html.auto .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:30\:st, html.auto .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:40\:st, html.auto .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:50\:st, html.auto .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:60\:st, html.auto .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:70\:st, html.auto .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:80\:st, html.auto .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:90\:st, html.auto .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:100\:st, html.auto .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/paleturquoise.css b/src/colors/10/paleturquoise.css deleted file mode 100644 index 36b8eb5..0000000 --- a/src/colors/10/paleturquoise.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-paleturquoise { - --sf-c-paleturquoise: 180 65% 81%; - --sf-c-paleturquoise-0: 180 65% 0%; - --sf-c-paleturquoise-10: 180 65% 10%; - --sf-c-paleturquoise-20: 180 65% 20%; - --sf-c-paleturquoise-30: 180 65% 30%; - --sf-c-paleturquoise-40: 180 65% 40%; - --sf-c-paleturquoise-50: 180 65% 50%; - --sf-c-paleturquoise-60: 180 65% 60%; - --sf-c-paleturquoise-70: 180 65% 70%; - --sf-c-paleturquoise-80: 180 65% 80%; - --sf-c-paleturquoise-90: 180 65% 90%; - --sf-c-paleturquoise-100: 180 65% 100%; -} - -.sf-c-paleturquoise, .sf-c-paleturquoise\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 81%) } -.sf-c-paleturquoise\:0, .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } -.sf-c-paleturquoise\:10, .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } -.sf-c-paleturquoise\:20, .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } -.sf-c-paleturquoise\:30, .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 30%) } -.sf-c-paleturquoise\:40, .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 40%) } -.sf-c-paleturquoise\:50, .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 50%) } -.sf-c-paleturquoise\:60, .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 60%) } -.sf-c-paleturquoise\:70, .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 70%) } -.sf-c-paleturquoise\:80, .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 80%) } -.sf-c-paleturquoise\:90, .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } -.sf-c-paleturquoise\:100, .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } - -.sf-c-txt-paleturquoise { color: hsl(180, 65%, 10%) } -.sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } -.sf-c-txt-paleturquoise\:0, .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } -.sf-c-txt-paleturquoise\:10, .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } -.sf-c-txt-paleturquoise\:20, .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } -.sf-c-txt-paleturquoise\:30, .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } -.sf-c-txt-paleturquoise\:40, .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } -.sf-c-txt-paleturquoise\:50, .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } -.sf-c-txt-paleturquoise\:60, .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } -.sf-c-txt-paleturquoise\:70, .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } -.sf-c-txt-paleturquoise\:80, .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } -.sf-c-txt-paleturquoise\:90, .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } -.sf-c-txt-paleturquoise\:100, .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } - -html[data-theme='dark'] .sf-c-paleturquoise, html.dark .sf-c-paleturquoise { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 19%) } -html[data-theme='dark'] .sf-c-paleturquoise\:0, html.dark .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } -html[data-theme='dark'] .sf-c-paleturquoise\:10, html.dark .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-paleturquoise\:20, html.dark .sf-c-paleturquoise\:20 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-paleturquoise\:30, html.dark .sf-c-paleturquoise\:30 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-paleturquoise\:40, html.dark .sf-c-paleturquoise\:40 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-paleturquoise\:50, html.dark .sf-c-paleturquoise\:50 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-paleturquoise\:60, html.dark .sf-c-paleturquoise\:60 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-paleturquoise\:70, html.dark .sf-c-paleturquoise\:70 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-paleturquoise\:80, html.dark .sf-c-paleturquoise\:80 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-paleturquoise\:90, html.dark .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-paleturquoise\:100, html.dark .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } - -html[data-theme='dark'] .sf-c-paleturquoise\:st, html.dark .sf-c-paleturquoise\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-paleturquoise\:0\:st, html.dark .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } -html[data-theme='dark'] .sf-c-paleturquoise\:10\:st, html.dark .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-paleturquoise\:20\:st, html.dark .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-paleturquoise\:30\:st, html.dark .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-paleturquoise\:40\:st, html.dark .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-paleturquoise\:50\:st, html.dark .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-paleturquoise\:60\:st, html.dark .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-paleturquoise\:70\:st, html.dark .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-paleturquoise\:80\:st, html.dark .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-paleturquoise\:90\:st, html.dark .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-paleturquoise\:100\:st, html.dark .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } - -html[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } - -html[data-theme='dark'] .sf-c-txt-paleturquoise\:st, html.dark .sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:st, html.dark .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:st, html.dark .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:st, html.dark .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:st, html.dark .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:st, html.dark .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:st, html.dark .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:st, html.dark .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:st, html.dark .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:st, html.dark .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:st, html.dark .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:st, html.dark .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-paleturquoise, html.auto .sf-c-paleturquoise { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 19%) } - html[data-theme='auto'] .sf-c-paleturquoise\:0, html.auto .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } - html[data-theme='auto'] .sf-c-paleturquoise\:10, html.auto .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-paleturquoise\:20, html.auto .sf-c-paleturquoise\:20 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-paleturquoise\:30, html.auto .sf-c-paleturquoise\:30 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-paleturquoise\:40, html.auto .sf-c-paleturquoise\:40 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-paleturquoise\:50, html.auto .sf-c-paleturquoise\:50 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-paleturquoise\:60, html.auto .sf-c-paleturquoise\:60 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-paleturquoise\:70, html.auto .sf-c-paleturquoise\:70 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-paleturquoise\:80, html.auto .sf-c-paleturquoise\:80 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-paleturquoise\:90, html.auto .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-paleturquoise\:100, html.auto .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } - - html[data-theme='auto'] .sf-c-paleturquoise\:st, html.auto .sf-c-paleturquoise\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-paleturquoise\:0\:st, html.auto .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } - html[data-theme='auto'] .sf-c-paleturquoise\:10\:st, html.auto .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-paleturquoise\:20\:st, html.auto .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-paleturquoise\:30\:st, html.auto .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-paleturquoise\:40\:st, html.auto .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-paleturquoise\:50\:st, html.auto .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-paleturquoise\:60\:st, html.auto .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-paleturquoise\:70\:st, html.auto .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-paleturquoise\:80\:st, html.auto .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-paleturquoise\:90\:st, html.auto .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-paleturquoise\:100\:st, html.auto .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } - - html[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } - - html[data-theme='auto'] .sf-c-txt-paleturquoise\:st, html.auto .sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:st, html.auto .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:st, html.auto .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:st, html.auto .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:st, html.auto .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:st, html.auto .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:st, html.auto .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:st, html.auto .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:st, html.auto .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:st, html.auto .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:st, html.auto .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:st, html.auto .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/palevioletred.css b/src/colors/10/palevioletred.css deleted file mode 100644 index 8e0593b..0000000 --- a/src/colors/10/palevioletred.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-palevioletred { - --sf-c-palevioletred: 340 60% 65%; - --sf-c-palevioletred-0: 340 60% 0%; - --sf-c-palevioletred-10: 340 60% 10%; - --sf-c-palevioletred-20: 340 60% 20%; - --sf-c-palevioletred-30: 340 60% 30%; - --sf-c-palevioletred-40: 340 60% 40%; - --sf-c-palevioletred-50: 340 60% 50%; - --sf-c-palevioletred-60: 340 60% 60%; - --sf-c-palevioletred-70: 340 60% 70%; - --sf-c-palevioletred-80: 340 60% 80%; - --sf-c-palevioletred-90: 340 60% 90%; - --sf-c-palevioletred-100: 340 60% 100%; -} - -.sf-c-palevioletred, .sf-c-palevioletred\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 65%) } -.sf-c-palevioletred\:0, .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } -.sf-c-palevioletred\:10, .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } -.sf-c-palevioletred\:20, .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } -.sf-c-palevioletred\:30, .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 30%) } -.sf-c-palevioletred\:40, .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 40%) } -.sf-c-palevioletred\:50, .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 50%) } -.sf-c-palevioletred\:60, .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 60%) } -.sf-c-palevioletred\:70, .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 70%) } -.sf-c-palevioletred\:80, .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 80%) } -.sf-c-palevioletred\:90, .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } -.sf-c-palevioletred\:100, .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } - -.sf-c-txt-palevioletred { color: hsl(340, 60%, 10%) } -.sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } -.sf-c-txt-palevioletred\:0, .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } -.sf-c-txt-palevioletred\:10, .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } -.sf-c-txt-palevioletred\:20, .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } -.sf-c-txt-palevioletred\:30, .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } -.sf-c-txt-palevioletred\:40, .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } -.sf-c-txt-palevioletred\:50, .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } -.sf-c-txt-palevioletred\:60, .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } -.sf-c-txt-palevioletred\:70, .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } -.sf-c-txt-palevioletred\:80, .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } -.sf-c-txt-palevioletred\:90, .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } -.sf-c-txt-palevioletred\:100, .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } - -html[data-theme='dark'] .sf-c-palevioletred, html.dark .sf-c-palevioletred { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-palevioletred\:0, html.dark .sf-c-palevioletred\:0 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } -html[data-theme='dark'] .sf-c-palevioletred\:10, html.dark .sf-c-palevioletred\:10 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-palevioletred\:20, html.dark .sf-c-palevioletred\:20 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-palevioletred\:30, html.dark .sf-c-palevioletred\:30 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-palevioletred\:40, html.dark .sf-c-palevioletred\:40 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-palevioletred\:50, html.dark .sf-c-palevioletred\:50 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-palevioletred\:60, html.dark .sf-c-palevioletred\:60 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-palevioletred\:70, html.dark .sf-c-palevioletred\:70 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-palevioletred\:80, html.dark .sf-c-palevioletred\:80 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-palevioletred\:90, html.dark .sf-c-palevioletred\:90 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-palevioletred\:100, html.dark .sf-c-palevioletred\:100 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } - -html[data-theme='dark'] .sf-c-palevioletred\:st, html.dark .sf-c-palevioletred\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-palevioletred\:0\:st, html.dark .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } -html[data-theme='dark'] .sf-c-palevioletred\:10\:st, html.dark .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-palevioletred\:20\:st, html.dark .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-palevioletred\:30\:st, html.dark .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-palevioletred\:40\:st, html.dark .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-palevioletred\:50\:st, html.dark .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-palevioletred\:60\:st, html.dark .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-palevioletred\:70\:st, html.dark .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-palevioletred\:80\:st, html.dark .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-palevioletred\:90\:st, html.dark .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-palevioletred\:100\:st, html.dark .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palevioletred\:st, html.dark .sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:0\:st, html.dark .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:10\:st, html.dark .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:20\:st, html.dark .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:30\:st, html.dark .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:40\:st, html.dark .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:50\:st, html.dark .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:60\:st, html.dark .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:70\:st, html.dark .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:80\:st, html.dark .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:90\:st, html.dark .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:100\:st, html.dark .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palevioletred, html.auto .sf-c-palevioletred { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-palevioletred\:0, html.auto .sf-c-palevioletred\:0 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } - html[data-theme='auto'] .sf-c-palevioletred\:10, html.auto .sf-c-palevioletred\:10 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-palevioletred\:20, html.auto .sf-c-palevioletred\:20 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-palevioletred\:30, html.auto .sf-c-palevioletred\:30 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-palevioletred\:40, html.auto .sf-c-palevioletred\:40 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-palevioletred\:50, html.auto .sf-c-palevioletred\:50 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-palevioletred\:60, html.auto .sf-c-palevioletred\:60 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-palevioletred\:70, html.auto .sf-c-palevioletred\:70 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-palevioletred\:80, html.auto .sf-c-palevioletred\:80 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-palevioletred\:90, html.auto .sf-c-palevioletred\:90 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-palevioletred\:100, html.auto .sf-c-palevioletred\:100 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } - - html[data-theme='auto'] .sf-c-palevioletred\:st, html.auto .sf-c-palevioletred\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-palevioletred\:0\:st, html.auto .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } - html[data-theme='auto'] .sf-c-palevioletred\:10\:st, html.auto .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-palevioletred\:20\:st, html.auto .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-palevioletred\:30\:st, html.auto .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-palevioletred\:40\:st, html.auto .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-palevioletred\:50\:st, html.auto .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-palevioletred\:60\:st, html.auto .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-palevioletred\:70\:st, html.auto .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-palevioletred\:80\:st, html.auto .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-palevioletred\:90\:st, html.auto .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-palevioletred\:100\:st, html.auto .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palevioletred\:st, html.auto .sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:0\:st, html.auto .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:10\:st, html.auto .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:20\:st, html.auto .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:30\:st, html.auto .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:40\:st, html.auto .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:50\:st, html.auto .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:60\:st, html.auto .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:70\:st, html.auto .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:80\:st, html.auto .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:90\:st, html.auto .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:100\:st, html.auto .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/papayawhip.css b/src/colors/10/papayawhip.css deleted file mode 100644 index ef558fc..0000000 --- a/src/colors/10/papayawhip.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-papayawhip { - --sf-c-papayawhip: 37 100% 92%; - --sf-c-papayawhip-0: 37 100% 0%; - --sf-c-papayawhip-10: 37 100% 10%; - --sf-c-papayawhip-20: 37 100% 20%; - --sf-c-papayawhip-30: 37 100% 30%; - --sf-c-papayawhip-40: 37 100% 40%; - --sf-c-papayawhip-50: 37 100% 50%; - --sf-c-papayawhip-60: 37 100% 60%; - --sf-c-papayawhip-70: 37 100% 70%; - --sf-c-papayawhip-80: 37 100% 80%; - --sf-c-papayawhip-90: 37 100% 90%; - --sf-c-papayawhip-100: 37 100% 100%; -} - -.sf-c-papayawhip, .sf-c-papayawhip\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 92%) } -.sf-c-papayawhip\:0, .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } -.sf-c-papayawhip\:10, .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } -.sf-c-papayawhip\:20, .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } -.sf-c-papayawhip\:30, .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 30%) } -.sf-c-papayawhip\:40, .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 40%) } -.sf-c-papayawhip\:50, .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 50%) } -.sf-c-papayawhip\:60, .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 60%) } -.sf-c-papayawhip\:70, .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 70%) } -.sf-c-papayawhip\:80, .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 80%) } -.sf-c-papayawhip\:90, .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } -.sf-c-papayawhip\:100, .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } - -.sf-c-txt-papayawhip { color: hsl(37, 100%, 10%) } -.sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } -.sf-c-txt-papayawhip\:0, .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } -.sf-c-txt-papayawhip\:10, .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } -.sf-c-txt-papayawhip\:20, .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } -.sf-c-txt-papayawhip\:30, .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } -.sf-c-txt-papayawhip\:40, .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } -.sf-c-txt-papayawhip\:50, .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } -.sf-c-txt-papayawhip\:60, .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } -.sf-c-txt-papayawhip\:70, .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } -.sf-c-txt-papayawhip\:80, .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } -.sf-c-txt-papayawhip\:90, .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } -.sf-c-txt-papayawhip\:100, .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } - -html[data-theme='dark'] .sf-c-papayawhip, html.dark .sf-c-papayawhip { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 8%) } -html[data-theme='dark'] .sf-c-papayawhip\:0, html.dark .sf-c-papayawhip\:0 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } -html[data-theme='dark'] .sf-c-papayawhip\:10, html.dark .sf-c-papayawhip\:10 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-papayawhip\:20, html.dark .sf-c-papayawhip\:20 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-papayawhip\:30, html.dark .sf-c-papayawhip\:30 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-papayawhip\:40, html.dark .sf-c-papayawhip\:40 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-papayawhip\:50, html.dark .sf-c-papayawhip\:50 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-papayawhip\:60, html.dark .sf-c-papayawhip\:60 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-papayawhip\:70, html.dark .sf-c-papayawhip\:70 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-papayawhip\:80, html.dark .sf-c-papayawhip\:80 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-papayawhip\:90, html.dark .sf-c-papayawhip\:90 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-papayawhip\:100, html.dark .sf-c-papayawhip\:100 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } - -html[data-theme='dark'] .sf-c-papayawhip\:st, html.dark .sf-c-papayawhip\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-papayawhip\:0\:st, html.dark .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } -html[data-theme='dark'] .sf-c-papayawhip\:10\:st, html.dark .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-papayawhip\:20\:st, html.dark .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-papayawhip\:30\:st, html.dark .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-papayawhip\:40\:st, html.dark .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-papayawhip\:50\:st, html.dark .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-papayawhip\:60\:st, html.dark .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-papayawhip\:70\:st, html.dark .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-papayawhip\:80\:st, html.dark .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-papayawhip\:90\:st, html.dark .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-papayawhip\:100\:st, html.dark .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-papayawhip\:st, html.dark .sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:0\:st, html.dark .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:10\:st, html.dark .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:20\:st, html.dark .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:30\:st, html.dark .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:40\:st, html.dark .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:50\:st, html.dark .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:60\:st, html.dark .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:70\:st, html.dark .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:80\:st, html.dark .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:90\:st, html.dark .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:100\:st, html.dark .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-papayawhip, html.auto .sf-c-papayawhip { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 8%) } - html[data-theme='auto'] .sf-c-papayawhip\:0, html.auto .sf-c-papayawhip\:0 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } - html[data-theme='auto'] .sf-c-papayawhip\:10, html.auto .sf-c-papayawhip\:10 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-papayawhip\:20, html.auto .sf-c-papayawhip\:20 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-papayawhip\:30, html.auto .sf-c-papayawhip\:30 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-papayawhip\:40, html.auto .sf-c-papayawhip\:40 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-papayawhip\:50, html.auto .sf-c-papayawhip\:50 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-papayawhip\:60, html.auto .sf-c-papayawhip\:60 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-papayawhip\:70, html.auto .sf-c-papayawhip\:70 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-papayawhip\:80, html.auto .sf-c-papayawhip\:80 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-papayawhip\:90, html.auto .sf-c-papayawhip\:90 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-papayawhip\:100, html.auto .sf-c-papayawhip\:100 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } - - html[data-theme='auto'] .sf-c-papayawhip\:st, html.auto .sf-c-papayawhip\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-papayawhip\:0\:st, html.auto .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } - html[data-theme='auto'] .sf-c-papayawhip\:10\:st, html.auto .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-papayawhip\:20\:st, html.auto .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-papayawhip\:30\:st, html.auto .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-papayawhip\:40\:st, html.auto .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-papayawhip\:50\:st, html.auto .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-papayawhip\:60\:st, html.auto .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-papayawhip\:70\:st, html.auto .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-papayawhip\:80\:st, html.auto .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-papayawhip\:90\:st, html.auto .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-papayawhip\:100\:st, html.auto .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-papayawhip\:st, html.auto .sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:0\:st, html.auto .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:10\:st, html.auto .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:20\:st, html.auto .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:30\:st, html.auto .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:40\:st, html.auto .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:50\:st, html.auto .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:60\:st, html.auto .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:70\:st, html.auto .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:80\:st, html.auto .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:90\:st, html.auto .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:100\:st, html.auto .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/peachpuff.css b/src/colors/10/peachpuff.css deleted file mode 100644 index 66b066c..0000000 --- a/src/colors/10/peachpuff.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-peachpuff { - --sf-c-peachpuff: 28 100% 86%; - --sf-c-peachpuff-0: 28 100% 0%; - --sf-c-peachpuff-10: 28 100% 10%; - --sf-c-peachpuff-20: 28 100% 20%; - --sf-c-peachpuff-30: 28 100% 30%; - --sf-c-peachpuff-40: 28 100% 40%; - --sf-c-peachpuff-50: 28 100% 50%; - --sf-c-peachpuff-60: 28 100% 60%; - --sf-c-peachpuff-70: 28 100% 70%; - --sf-c-peachpuff-80: 28 100% 80%; - --sf-c-peachpuff-90: 28 100% 90%; - --sf-c-peachpuff-100: 28 100% 100%; -} - -.sf-c-peachpuff, .sf-c-peachpuff\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 86%) } -.sf-c-peachpuff\:0, .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } -.sf-c-peachpuff\:10, .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } -.sf-c-peachpuff\:20, .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } -.sf-c-peachpuff\:30, .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 30%) } -.sf-c-peachpuff\:40, .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 40%) } -.sf-c-peachpuff\:50, .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 50%) } -.sf-c-peachpuff\:60, .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 60%) } -.sf-c-peachpuff\:70, .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 70%) } -.sf-c-peachpuff\:80, .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 80%) } -.sf-c-peachpuff\:90, .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } -.sf-c-peachpuff\:100, .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } - -.sf-c-txt-peachpuff { color: hsl(28, 100%, 10%) } -.sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } -.sf-c-txt-peachpuff\:0, .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } -.sf-c-txt-peachpuff\:10, .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } -.sf-c-txt-peachpuff\:20, .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } -.sf-c-txt-peachpuff\:30, .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } -.sf-c-txt-peachpuff\:40, .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } -.sf-c-txt-peachpuff\:50, .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } -.sf-c-txt-peachpuff\:60, .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } -.sf-c-txt-peachpuff\:70, .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } -.sf-c-txt-peachpuff\:80, .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } -.sf-c-txt-peachpuff\:90, .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } -.sf-c-txt-peachpuff\:100, .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } - -html[data-theme='dark'] .sf-c-peachpuff, html.dark .sf-c-peachpuff { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 14%) } -html[data-theme='dark'] .sf-c-peachpuff\:0, html.dark .sf-c-peachpuff\:0 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } -html[data-theme='dark'] .sf-c-peachpuff\:10, html.dark .sf-c-peachpuff\:10 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-peachpuff\:20, html.dark .sf-c-peachpuff\:20 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-peachpuff\:30, html.dark .sf-c-peachpuff\:30 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-peachpuff\:40, html.dark .sf-c-peachpuff\:40 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-peachpuff\:50, html.dark .sf-c-peachpuff\:50 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-peachpuff\:60, html.dark .sf-c-peachpuff\:60 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-peachpuff\:70, html.dark .sf-c-peachpuff\:70 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-peachpuff\:80, html.dark .sf-c-peachpuff\:80 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-peachpuff\:90, html.dark .sf-c-peachpuff\:90 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-peachpuff\:100, html.dark .sf-c-peachpuff\:100 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } - -html[data-theme='dark'] .sf-c-peachpuff\:st, html.dark .sf-c-peachpuff\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-peachpuff\:0\:st, html.dark .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } -html[data-theme='dark'] .sf-c-peachpuff\:10\:st, html.dark .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-peachpuff\:20\:st, html.dark .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-peachpuff\:30\:st, html.dark .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-peachpuff\:40\:st, html.dark .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-peachpuff\:50\:st, html.dark .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-peachpuff\:60\:st, html.dark .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-peachpuff\:70\:st, html.dark .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-peachpuff\:80\:st, html.dark .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-peachpuff\:90\:st, html.dark .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-peachpuff\:100\:st, html.dark .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-peachpuff\:st, html.dark .sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:0\:st, html.dark .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:10\:st, html.dark .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:20\:st, html.dark .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:30\:st, html.dark .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:40\:st, html.dark .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:50\:st, html.dark .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:60\:st, html.dark .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:70\:st, html.dark .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:80\:st, html.dark .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:90\:st, html.dark .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:100\:st, html.dark .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-peachpuff, html.auto .sf-c-peachpuff { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 14%) } - html[data-theme='auto'] .sf-c-peachpuff\:0, html.auto .sf-c-peachpuff\:0 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } - html[data-theme='auto'] .sf-c-peachpuff\:10, html.auto .sf-c-peachpuff\:10 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-peachpuff\:20, html.auto .sf-c-peachpuff\:20 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-peachpuff\:30, html.auto .sf-c-peachpuff\:30 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-peachpuff\:40, html.auto .sf-c-peachpuff\:40 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-peachpuff\:50, html.auto .sf-c-peachpuff\:50 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-peachpuff\:60, html.auto .sf-c-peachpuff\:60 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-peachpuff\:70, html.auto .sf-c-peachpuff\:70 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-peachpuff\:80, html.auto .sf-c-peachpuff\:80 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-peachpuff\:90, html.auto .sf-c-peachpuff\:90 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-peachpuff\:100, html.auto .sf-c-peachpuff\:100 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } - - html[data-theme='auto'] .sf-c-peachpuff\:st, html.auto .sf-c-peachpuff\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-peachpuff\:0\:st, html.auto .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } - html[data-theme='auto'] .sf-c-peachpuff\:10\:st, html.auto .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-peachpuff\:20\:st, html.auto .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-peachpuff\:30\:st, html.auto .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-peachpuff\:40\:st, html.auto .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-peachpuff\:50\:st, html.auto .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-peachpuff\:60\:st, html.auto .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-peachpuff\:70\:st, html.auto .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-peachpuff\:80\:st, html.auto .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-peachpuff\:90\:st, html.auto .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-peachpuff\:100\:st, html.auto .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-peachpuff\:st, html.auto .sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:0\:st, html.auto .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:10\:st, html.auto .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:20\:st, html.auto .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:30\:st, html.auto .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:40\:st, html.auto .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:50\:st, html.auto .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:60\:st, html.auto .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:70\:st, html.auto .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:80\:st, html.auto .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:90\:st, html.auto .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:100\:st, html.auto .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/peru.css b/src/colors/10/peru.css deleted file mode 100644 index d1287ac..0000000 --- a/src/colors/10/peru.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-peru { - --sf-c-peru: 30 59% 53%; - --sf-c-peru-0: 30 59% 0%; - --sf-c-peru-10: 30 59% 10%; - --sf-c-peru-20: 30 59% 20%; - --sf-c-peru-30: 30 59% 30%; - --sf-c-peru-40: 30 59% 40%; - --sf-c-peru-50: 30 59% 50%; - --sf-c-peru-60: 30 59% 60%; - --sf-c-peru-70: 30 59% 70%; - --sf-c-peru-80: 30 59% 80%; - --sf-c-peru-90: 30 59% 90%; - --sf-c-peru-100: 30 59% 100%; -} - -.sf-c-peru, .sf-c-peru\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 53%) } -.sf-c-peru\:0, .sf-c-peru\:0\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } -.sf-c-peru\:10, .sf-c-peru\:10\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } -.sf-c-peru\:20, .sf-c-peru\:20\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } -.sf-c-peru\:30, .sf-c-peru\:30\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 30%) } -.sf-c-peru\:40, .sf-c-peru\:40\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 40%) } -.sf-c-peru\:50, .sf-c-peru\:50\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 50%) } -.sf-c-peru\:60, .sf-c-peru\:60\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 60%) } -.sf-c-peru\:70, .sf-c-peru\:70\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 70%) } -.sf-c-peru\:80, .sf-c-peru\:80\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80%) } -.sf-c-peru\:90, .sf-c-peru\:90\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } -.sf-c-peru\:100, .sf-c-peru\:100\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } - -.sf-c-txt-peru { color: hsl(30, 59%, 10%) } -.sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } -.sf-c-txt-peru\:0, .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } -.sf-c-txt-peru\:10, .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } -.sf-c-txt-peru\:20, .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } -.sf-c-txt-peru\:30, .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } -.sf-c-txt-peru\:40, .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } -.sf-c-txt-peru\:50, .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } -.sf-c-txt-peru\:60, .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } -.sf-c-txt-peru\:70, .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } -.sf-c-txt-peru\:80, .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } -.sf-c-txt-peru\:90, .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } -.sf-c-txt-peru\:100, .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } - -html[data-theme='dark'] .sf-c-peru, html.dark .sf-c-peru { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 47%) } -html[data-theme='dark'] .sf-c-peru\:0, html.dark .sf-c-peru\:0 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } -html[data-theme='dark'] .sf-c-peru\:10, html.dark .sf-c-peru\:10 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-peru\:20, html.dark .sf-c-peru\:20 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-peru\:30, html.dark .sf-c-peru\:30 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-peru\:40, html.dark .sf-c-peru\:40 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-peru\:50, html.dark .sf-c-peru\:50 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-peru\:60, html.dark .sf-c-peru\:60 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-peru\:70, html.dark .sf-c-peru\:70 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-peru\:80, html.dark .sf-c-peru\:80 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-peru\:90, html.dark .sf-c-peru\:90 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-peru\:100, html.dark .sf-c-peru\:100 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } - -html[data-theme='dark'] .sf-c-peru\:st, html.dark .sf-c-peru\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-peru\:0\:st, html.dark .sf-c-peru\:0\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } -html[data-theme='dark'] .sf-c-peru\:10\:st, html.dark .sf-c-peru\:10\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-peru\:20\:st, html.dark .sf-c-peru\:20\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-peru\:30\:st, html.dark .sf-c-peru\:30\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-peru\:40\:st, html.dark .sf-c-peru\:40\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-peru\:50\:st, html.dark .sf-c-peru\:50\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-peru\:60\:st, html.dark .sf-c-peru\:60\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-peru\:70\:st, html.dark .sf-c-peru\:70\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-peru\:80\:st, html.dark .sf-c-peru\:80\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-peru\:90\:st, html.dark .sf-c-peru\:90\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-peru\:100\:st, html.dark .sf-c-peru\:100\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-peru\:st, html.dark .sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-txt-peru\:0\:st, html.dark .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-peru\:10\:st, html.dark .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-peru\:20\:st, html.dark .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-peru\:30\:st, html.dark .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-peru\:40\:st, html.dark .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-peru\:50\:st, html.dark .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-peru\:60\:st, html.dark .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-peru\:70\:st, html.dark .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-peru\:80\:st, html.dark .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-peru\:90\:st, html.dark .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-peru\:100\:st, html.dark .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-peru, html.auto .sf-c-peru { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 47%) } - html[data-theme='auto'] .sf-c-peru\:0, html.auto .sf-c-peru\:0 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } - html[data-theme='auto'] .sf-c-peru\:10, html.auto .sf-c-peru\:10 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-peru\:20, html.auto .sf-c-peru\:20 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-peru\:30, html.auto .sf-c-peru\:30 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-peru\:40, html.auto .sf-c-peru\:40 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-peru\:50, html.auto .sf-c-peru\:50 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-peru\:60, html.auto .sf-c-peru\:60 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-peru\:70, html.auto .sf-c-peru\:70 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-peru\:80, html.auto .sf-c-peru\:80 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-peru\:90, html.auto .sf-c-peru\:90 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-peru\:100, html.auto .sf-c-peru\:100 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } - - html[data-theme='auto'] .sf-c-peru\:st, html.auto .sf-c-peru\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-peru\:0\:st, html.auto .sf-c-peru\:0\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } - html[data-theme='auto'] .sf-c-peru\:10\:st, html.auto .sf-c-peru\:10\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-peru\:20\:st, html.auto .sf-c-peru\:20\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-peru\:30\:st, html.auto .sf-c-peru\:30\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-peru\:40\:st, html.auto .sf-c-peru\:40\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-peru\:50\:st, html.auto .sf-c-peru\:50\:st { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-peru\:60\:st, html.auto .sf-c-peru\:60\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-peru\:70\:st, html.auto .sf-c-peru\:70\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-peru\:80\:st, html.auto .sf-c-peru\:80\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-peru\:90\:st, html.auto .sf-c-peru\:90\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-peru\:100\:st, html.auto .sf-c-peru\:100\:st { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-peru\:st, html.auto .sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-txt-peru\:0\:st, html.auto .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-peru\:10\:st, html.auto .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-peru\:20\:st, html.auto .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-peru\:30\:st, html.auto .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-peru\:40\:st, html.auto .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-peru\:50\:st, html.auto .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-peru\:60\:st, html.auto .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-peru\:70\:st, html.auto .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-peru\:80\:st, html.auto .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-peru\:90\:st, html.auto .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-peru\:100\:st, html.auto .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/pink.css b/src/colors/10/pink.css deleted file mode 100644 index da27266..0000000 --- a/src/colors/10/pink.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-pink { - --sf-c-pink: 350 100% 88%; - --sf-c-pink-0: 350 100% 0%; - --sf-c-pink-10: 350 100% 10%; - --sf-c-pink-20: 350 100% 20%; - --sf-c-pink-30: 350 100% 30%; - --sf-c-pink-40: 350 100% 40%; - --sf-c-pink-50: 350 100% 50%; - --sf-c-pink-60: 350 100% 60%; - --sf-c-pink-70: 350 100% 70%; - --sf-c-pink-80: 350 100% 80%; - --sf-c-pink-90: 350 100% 90%; - --sf-c-pink-100: 350 100% 100%; -} - -.sf-c-pink, .sf-c-pink\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 88%) } -.sf-c-pink\:0, .sf-c-pink\:0\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } -.sf-c-pink\:10, .sf-c-pink\:10\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } -.sf-c-pink\:20, .sf-c-pink\:20\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } -.sf-c-pink\:30, .sf-c-pink\:30\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 30%) } -.sf-c-pink\:40, .sf-c-pink\:40\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 40%) } -.sf-c-pink\:50, .sf-c-pink\:50\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 50%) } -.sf-c-pink\:60, .sf-c-pink\:60\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 60%) } -.sf-c-pink\:70, .sf-c-pink\:70\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 70%) } -.sf-c-pink\:80, .sf-c-pink\:80\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 80%) } -.sf-c-pink\:90, .sf-c-pink\:90\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } -.sf-c-pink\:100, .sf-c-pink\:100\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } - -.sf-c-txt-pink { color: hsl(350, 100%, 10%) } -.sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } -.sf-c-txt-pink\:0, .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } -.sf-c-txt-pink\:10, .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } -.sf-c-txt-pink\:20, .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } -.sf-c-txt-pink\:30, .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } -.sf-c-txt-pink\:40, .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } -.sf-c-txt-pink\:50, .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } -.sf-c-txt-pink\:60, .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } -.sf-c-txt-pink\:70, .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } -.sf-c-txt-pink\:80, .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } -.sf-c-txt-pink\:90, .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } -.sf-c-txt-pink\:100, .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } - -html[data-theme='dark'] .sf-c-pink, html.dark .sf-c-pink { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 12%) } -html[data-theme='dark'] .sf-c-pink\:0, html.dark .sf-c-pink\:0 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } -html[data-theme='dark'] .sf-c-pink\:10, html.dark .sf-c-pink\:10 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-pink\:20, html.dark .sf-c-pink\:20 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-pink\:30, html.dark .sf-c-pink\:30 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-pink\:40, html.dark .sf-c-pink\:40 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-pink\:50, html.dark .sf-c-pink\:50 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-pink\:60, html.dark .sf-c-pink\:60 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-pink\:70, html.dark .sf-c-pink\:70 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-pink\:80, html.dark .sf-c-pink\:80 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-pink\:90, html.dark .sf-c-pink\:90 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-pink\:100, html.dark .sf-c-pink\:100 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } - -html[data-theme='dark'] .sf-c-pink\:st, html.dark .sf-c-pink\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-pink\:0\:st, html.dark .sf-c-pink\:0\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } -html[data-theme='dark'] .sf-c-pink\:10\:st, html.dark .sf-c-pink\:10\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-pink\:20\:st, html.dark .sf-c-pink\:20\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-pink\:30\:st, html.dark .sf-c-pink\:30\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-pink\:40\:st, html.dark .sf-c-pink\:40\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-pink\:50\:st, html.dark .sf-c-pink\:50\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-pink\:60\:st, html.dark .sf-c-pink\:60\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-pink\:70\:st, html.dark .sf-c-pink\:70\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-pink\:80\:st, html.dark .sf-c-pink\:80\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-pink\:90\:st, html.dark .sf-c-pink\:90\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-pink\:100\:st, html.dark .sf-c-pink\:100\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-pink\:st, html.dark .sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-pink\:0\:st, html.dark .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-pink\:10\:st, html.dark .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-pink\:20\:st, html.dark .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-pink\:30\:st, html.dark .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-pink\:40\:st, html.dark .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-pink\:50\:st, html.dark .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-pink\:60\:st, html.dark .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-pink\:70\:st, html.dark .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-pink\:80\:st, html.dark .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-pink\:90\:st, html.dark .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-pink\:100\:st, html.dark .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-pink, html.auto .sf-c-pink { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 12%) } - html[data-theme='auto'] .sf-c-pink\:0, html.auto .sf-c-pink\:0 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } - html[data-theme='auto'] .sf-c-pink\:10, html.auto .sf-c-pink\:10 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-pink\:20, html.auto .sf-c-pink\:20 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-pink\:30, html.auto .sf-c-pink\:30 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-pink\:40, html.auto .sf-c-pink\:40 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-pink\:50, html.auto .sf-c-pink\:50 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-pink\:60, html.auto .sf-c-pink\:60 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-pink\:70, html.auto .sf-c-pink\:70 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-pink\:80, html.auto .sf-c-pink\:80 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-pink\:90, html.auto .sf-c-pink\:90 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-pink\:100, html.auto .sf-c-pink\:100 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } - - html[data-theme='auto'] .sf-c-pink\:st, html.auto .sf-c-pink\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-pink\:0\:st, html.auto .sf-c-pink\:0\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } - html[data-theme='auto'] .sf-c-pink\:10\:st, html.auto .sf-c-pink\:10\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-pink\:20\:st, html.auto .sf-c-pink\:20\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-pink\:30\:st, html.auto .sf-c-pink\:30\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-pink\:40\:st, html.auto .sf-c-pink\:40\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-pink\:50\:st, html.auto .sf-c-pink\:50\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-pink\:60\:st, html.auto .sf-c-pink\:60\:st { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-pink\:70\:st, html.auto .sf-c-pink\:70\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-pink\:80\:st, html.auto .sf-c-pink\:80\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-pink\:90\:st, html.auto .sf-c-pink\:90\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-pink\:100\:st, html.auto .sf-c-pink\:100\:st { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-pink\:st, html.auto .sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-pink\:0\:st, html.auto .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-pink\:10\:st, html.auto .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-pink\:20\:st, html.auto .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-pink\:30\:st, html.auto .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-pink\:40\:st, html.auto .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-pink\:50\:st, html.auto .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-pink\:60\:st, html.auto .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-pink\:70\:st, html.auto .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-pink\:80\:st, html.auto .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-pink\:90\:st, html.auto .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-pink\:100\:st, html.auto .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/plum.css b/src/colors/10/plum.css deleted file mode 100644 index fa8dabb..0000000 --- a/src/colors/10/plum.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-plum { - --sf-c-plum: 300 47% 75%; - --sf-c-plum-0: 300 47% 0%; - --sf-c-plum-10: 300 47% 10%; - --sf-c-plum-20: 300 47% 20%; - --sf-c-plum-30: 300 47% 30%; - --sf-c-plum-40: 300 47% 40%; - --sf-c-plum-50: 300 47% 50%; - --sf-c-plum-60: 300 47% 60%; - --sf-c-plum-70: 300 47% 70%; - --sf-c-plum-80: 300 47% 80%; - --sf-c-plum-90: 300 47% 90%; - --sf-c-plum-100: 300 47% 100%; -} - -.sf-c-plum, .sf-c-plum\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 75%) } -.sf-c-plum\:0, .sf-c-plum\:0\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } -.sf-c-plum\:10, .sf-c-plum\:10\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } -.sf-c-plum\:20, .sf-c-plum\:20\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } -.sf-c-plum\:30, .sf-c-plum\:30\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 30%) } -.sf-c-plum\:40, .sf-c-plum\:40\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 40%) } -.sf-c-plum\:50, .sf-c-plum\:50\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 50%) } -.sf-c-plum\:60, .sf-c-plum\:60\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 60%) } -.sf-c-plum\:70, .sf-c-plum\:70\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 70%) } -.sf-c-plum\:80, .sf-c-plum\:80\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 80%) } -.sf-c-plum\:90, .sf-c-plum\:90\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } -.sf-c-plum\:100, .sf-c-plum\:100\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } - -.sf-c-txt-plum { color: hsl(300, 47%, 10%) } -.sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } -.sf-c-txt-plum\:0, .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } -.sf-c-txt-plum\:10, .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } -.sf-c-txt-plum\:20, .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } -.sf-c-txt-plum\:30, .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } -.sf-c-txt-plum\:40, .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } -.sf-c-txt-plum\:50, .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } -.sf-c-txt-plum\:60, .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } -.sf-c-txt-plum\:70, .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } -.sf-c-txt-plum\:80, .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } -.sf-c-txt-plum\:90, .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } -.sf-c-txt-plum\:100, .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } - -html[data-theme='dark'] .sf-c-plum, html.dark .sf-c-plum { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-plum\:0, html.dark .sf-c-plum\:0 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } -html[data-theme='dark'] .sf-c-plum\:10, html.dark .sf-c-plum\:10 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-plum\:20, html.dark .sf-c-plum\:20 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-plum\:30, html.dark .sf-c-plum\:30 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-plum\:40, html.dark .sf-c-plum\:40 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-plum\:50, html.dark .sf-c-plum\:50 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-plum\:60, html.dark .sf-c-plum\:60 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-plum\:70, html.dark .sf-c-plum\:70 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-plum\:80, html.dark .sf-c-plum\:80 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-plum\:90, html.dark .sf-c-plum\:90 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-plum\:100, html.dark .sf-c-plum\:100 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } - -html[data-theme='dark'] .sf-c-plum\:st, html.dark .sf-c-plum\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-plum\:0\:st, html.dark .sf-c-plum\:0\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } -html[data-theme='dark'] .sf-c-plum\:10\:st, html.dark .sf-c-plum\:10\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-plum\:20\:st, html.dark .sf-c-plum\:20\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-plum\:30\:st, html.dark .sf-c-plum\:30\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-plum\:40\:st, html.dark .sf-c-plum\:40\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-plum\:50\:st, html.dark .sf-c-plum\:50\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-plum\:60\:st, html.dark .sf-c-plum\:60\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-plum\:70\:st, html.dark .sf-c-plum\:70\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-plum\:80\:st, html.dark .sf-c-plum\:80\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-plum\:90\:st, html.dark .sf-c-plum\:90\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-plum\:100\:st, html.dark .sf-c-plum\:100\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } - -html[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } -html[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } - -html[data-theme='dark'] .sf-c-txt-plum\:st, html.dark .sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:0\:st, html.dark .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } -html[data-theme='dark'] .sf-c-txt-plum\:10\:st, html.dark .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-txt-plum\:20\:st, html.dark .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-txt-plum\:30\:st, html.dark .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-txt-plum\:40\:st, html.dark .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-txt-plum\:50\:st, html.dark .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-txt-plum\:60\:st, html.dark .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-txt-plum\:70\:st, html.dark .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-txt-plum\:80\:st, html.dark .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-txt-plum\:90\:st, html.dark .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-txt-plum\:100\:st, html.dark .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-plum, html.auto .sf-c-plum { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-plum\:0, html.auto .sf-c-plum\:0 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } - html[data-theme='auto'] .sf-c-plum\:10, html.auto .sf-c-plum\:10 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-plum\:20, html.auto .sf-c-plum\:20 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-plum\:30, html.auto .sf-c-plum\:30 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-plum\:40, html.auto .sf-c-plum\:40 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-plum\:50, html.auto .sf-c-plum\:50 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-plum\:60, html.auto .sf-c-plum\:60 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-plum\:70, html.auto .sf-c-plum\:70 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-plum\:80, html.auto .sf-c-plum\:80 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-plum\:90, html.auto .sf-c-plum\:90 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-plum\:100, html.auto .sf-c-plum\:100 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } - - html[data-theme='auto'] .sf-c-plum\:st, html.auto .sf-c-plum\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-plum\:0\:st, html.auto .sf-c-plum\:0\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } - html[data-theme='auto'] .sf-c-plum\:10\:st, html.auto .sf-c-plum\:10\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-plum\:20\:st, html.auto .sf-c-plum\:20\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-plum\:30\:st, html.auto .sf-c-plum\:30\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-plum\:40\:st, html.auto .sf-c-plum\:40\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-plum\:50\:st, html.auto .sf-c-plum\:50\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-plum\:60\:st, html.auto .sf-c-plum\:60\:st { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-plum\:70\:st, html.auto .sf-c-plum\:70\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-plum\:80\:st, html.auto .sf-c-plum\:80\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-plum\:90\:st, html.auto .sf-c-plum\:90\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-plum\:100\:st, html.auto .sf-c-plum\:100\:st { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } - - html[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } - html[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } - - html[data-theme='auto'] .sf-c-txt-plum\:st, html.auto .sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:0\:st, html.auto .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } - html[data-theme='auto'] .sf-c-txt-plum\:10\:st, html.auto .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-txt-plum\:20\:st, html.auto .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-txt-plum\:30\:st, html.auto .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-txt-plum\:40\:st, html.auto .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-txt-plum\:50\:st, html.auto .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-txt-plum\:60\:st, html.auto .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-txt-plum\:70\:st, html.auto .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-txt-plum\:80\:st, html.auto .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-txt-plum\:90\:st, html.auto .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-txt-plum\:100\:st, html.auto .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/powderblue.css b/src/colors/10/powderblue.css deleted file mode 100644 index 68fa338..0000000 --- a/src/colors/10/powderblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-powderblue { - --sf-c-powderblue: 187 52% 80%; - --sf-c-powderblue-0: 187 52% 0%; - --sf-c-powderblue-10: 187 52% 10%; - --sf-c-powderblue-20: 187 52% 20%; - --sf-c-powderblue-30: 187 52% 30%; - --sf-c-powderblue-40: 187 52% 40%; - --sf-c-powderblue-50: 187 52% 50%; - --sf-c-powderblue-60: 187 52% 60%; - --sf-c-powderblue-70: 187 52% 70%; - --sf-c-powderblue-80: 187 52% 80%; - --sf-c-powderblue-90: 187 52% 90%; - --sf-c-powderblue-100: 187 52% 100%; -} - -.sf-c-powderblue, .sf-c-powderblue\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } -.sf-c-powderblue\:0, .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } -.sf-c-powderblue\:10, .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } -.sf-c-powderblue\:20, .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } -.sf-c-powderblue\:30, .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 30%) } -.sf-c-powderblue\:40, .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 40%) } -.sf-c-powderblue\:50, .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 50%) } -.sf-c-powderblue\:60, .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 60%) } -.sf-c-powderblue\:70, .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 70%) } -.sf-c-powderblue\:80, .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } -.sf-c-powderblue\:90, .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } -.sf-c-powderblue\:100, .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } - -.sf-c-txt-powderblue { color: hsl(187, 52%, 10%) } -.sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } -.sf-c-txt-powderblue\:0, .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } -.sf-c-txt-powderblue\:10, .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } -.sf-c-txt-powderblue\:20, .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } -.sf-c-txt-powderblue\:30, .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } -.sf-c-txt-powderblue\:40, .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } -.sf-c-txt-powderblue\:50, .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } -.sf-c-txt-powderblue\:60, .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } -.sf-c-txt-powderblue\:70, .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } -.sf-c-txt-powderblue\:80, .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } -.sf-c-txt-powderblue\:90, .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } -.sf-c-txt-powderblue\:100, .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } - -html[data-theme='dark'] .sf-c-powderblue, html.dark .sf-c-powderblue { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:0, html.dark .sf-c-powderblue\:0 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } -html[data-theme='dark'] .sf-c-powderblue\:10, html.dark .sf-c-powderblue\:10 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-powderblue\:20, html.dark .sf-c-powderblue\:20 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:30, html.dark .sf-c-powderblue\:30 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-powderblue\:40, html.dark .sf-c-powderblue\:40 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-powderblue\:50, html.dark .sf-c-powderblue\:50 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-powderblue\:60, html.dark .sf-c-powderblue\:60 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-powderblue\:70, html.dark .sf-c-powderblue\:70 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-powderblue\:80, html.dark .sf-c-powderblue\:80 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:90, html.dark .sf-c-powderblue\:90 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-powderblue\:100, html.dark .sf-c-powderblue\:100 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } - -html[data-theme='dark'] .sf-c-powderblue\:st, html.dark .sf-c-powderblue\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:0\:st, html.dark .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } -html[data-theme='dark'] .sf-c-powderblue\:10\:st, html.dark .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-powderblue\:20\:st, html.dark .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:30\:st, html.dark .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-powderblue\:40\:st, html.dark .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-powderblue\:50\:st, html.dark .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-powderblue\:60\:st, html.dark .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-powderblue\:70\:st, html.dark .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-powderblue\:80\:st, html.dark .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:90\:st, html.dark .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-powderblue\:100\:st, html.dark .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } - -html[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } - -html[data-theme='dark'] .sf-c-txt-powderblue\:st, html.dark .sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:0\:st, html.dark .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:10\:st, html.dark .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:20\:st, html.dark .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:30\:st, html.dark .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:40\:st, html.dark .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:50\:st, html.dark .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:60\:st, html.dark .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:70\:st, html.dark .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:80\:st, html.dark .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:90\:st, html.dark .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:100\:st, html.dark .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-powderblue, html.auto .sf-c-powderblue { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:0, html.auto .sf-c-powderblue\:0 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } - html[data-theme='auto'] .sf-c-powderblue\:10, html.auto .sf-c-powderblue\:10 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-powderblue\:20, html.auto .sf-c-powderblue\:20 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:30, html.auto .sf-c-powderblue\:30 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-powderblue\:40, html.auto .sf-c-powderblue\:40 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-powderblue\:50, html.auto .sf-c-powderblue\:50 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-powderblue\:60, html.auto .sf-c-powderblue\:60 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-powderblue\:70, html.auto .sf-c-powderblue\:70 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-powderblue\:80, html.auto .sf-c-powderblue\:80 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:90, html.auto .sf-c-powderblue\:90 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-powderblue\:100, html.auto .sf-c-powderblue\:100 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } - - html[data-theme='auto'] .sf-c-powderblue\:st, html.auto .sf-c-powderblue\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:0\:st, html.auto .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } - html[data-theme='auto'] .sf-c-powderblue\:10\:st, html.auto .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-powderblue\:20\:st, html.auto .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:30\:st, html.auto .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-powderblue\:40\:st, html.auto .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-powderblue\:50\:st, html.auto .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-powderblue\:60\:st, html.auto .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-powderblue\:70\:st, html.auto .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-powderblue\:80\:st, html.auto .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:90\:st, html.auto .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-powderblue\:100\:st, html.auto .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } - - html[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } - - html[data-theme='auto'] .sf-c-txt-powderblue\:st, html.auto .sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:0\:st, html.auto .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:10\:st, html.auto .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:20\:st, html.auto .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:30\:st, html.auto .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:40\:st, html.auto .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:50\:st, html.auto .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:60\:st, html.auto .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:70\:st, html.auto .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:80\:st, html.auto .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:90\:st, html.auto .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:100\:st, html.auto .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/purple.css b/src/colors/10/purple.css deleted file mode 100644 index 62262ce..0000000 --- a/src/colors/10/purple.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-purple { - --sf-c-purple: 300 100% 25%; - --sf-c-purple-0: 300 100% 0%; - --sf-c-purple-10: 300 100% 10%; - --sf-c-purple-20: 300 100% 20%; - --sf-c-purple-30: 300 100% 30%; - --sf-c-purple-40: 300 100% 40%; - --sf-c-purple-50: 300 100% 50%; - --sf-c-purple-60: 300 100% 60%; - --sf-c-purple-70: 300 100% 70%; - --sf-c-purple-80: 300 100% 80%; - --sf-c-purple-90: 300 100% 90%; - --sf-c-purple-100: 300 100% 100%; -} - -.sf-c-purple, .sf-c-purple\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 25%) } -.sf-c-purple\:0, .sf-c-purple\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -.sf-c-purple\:10, .sf-c-purple\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -.sf-c-purple\:20, .sf-c-purple\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -.sf-c-purple\:30, .sf-c-purple\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -.sf-c-purple\:40, .sf-c-purple\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -.sf-c-purple\:50, .sf-c-purple\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -.sf-c-purple\:60, .sf-c-purple\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -.sf-c-purple\:70, .sf-c-purple\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -.sf-c-purple\:80, .sf-c-purple\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -.sf-c-purple\:90, .sf-c-purple\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -.sf-c-purple\:100, .sf-c-purple\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-purple { color: hsl(300, 100%, 25%) } -.sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-purple\:0, .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-purple\:10, .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-purple\:20, .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-purple\:30, .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-purple\:40, .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-purple\:50, .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-purple\:60, .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-purple\:70, .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-purple\:80, .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-purple\:90, .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-purple\:100, .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-purple, html.dark .sf-c-purple { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-purple\:0, html.dark .sf-c-purple\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-purple\:10, html.dark .sf-c-purple\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-purple\:20, html.dark .sf-c-purple\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-purple\:30, html.dark .sf-c-purple\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-purple\:40, html.dark .sf-c-purple\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-purple\:50, html.dark .sf-c-purple\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-purple\:60, html.dark .sf-c-purple\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-purple\:70, html.dark .sf-c-purple\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-purple\:80, html.dark .sf-c-purple\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-purple\:90, html.dark .sf-c-purple\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-purple\:100, html.dark .sf-c-purple\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-purple\:st, html.dark .sf-c-purple\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-purple\:0\:st, html.dark .sf-c-purple\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-purple\:10\:st, html.dark .sf-c-purple\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-purple\:20\:st, html.dark .sf-c-purple\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-purple\:30\:st, html.dark .sf-c-purple\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-purple\:40\:st, html.dark .sf-c-purple\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-purple\:50\:st, html.dark .sf-c-purple\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-purple\:60\:st, html.dark .sf-c-purple\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-purple\:70\:st, html.dark .sf-c-purple\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-purple\:80\:st, html.dark .sf-c-purple\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-purple\:90\:st, html.dark .sf-c-purple\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-purple\:100\:st, html.dark .sf-c-purple\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-purple\:st, html.dark .sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-purple\:0\:st, html.dark .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-purple\:10\:st, html.dark .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-purple\:20\:st, html.dark .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-purple\:30\:st, html.dark .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-purple\:40\:st, html.dark .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-purple\:50\:st, html.dark .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-purple\:60\:st, html.dark .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-purple\:70\:st, html.dark .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-purple\:80\:st, html.dark .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-purple\:90\:st, html.dark .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-purple\:100\:st, html.dark .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-purple, html.auto .sf-c-purple { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-purple\:0, html.auto .sf-c-purple\:0 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-purple\:10, html.auto .sf-c-purple\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-purple\:20, html.auto .sf-c-purple\:20 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-purple\:30, html.auto .sf-c-purple\:30 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-purple\:40, html.auto .sf-c-purple\:40 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-purple\:50, html.auto .sf-c-purple\:50 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-purple\:60, html.auto .sf-c-purple\:60 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-purple\:70, html.auto .sf-c-purple\:70 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-purple\:80, html.auto .sf-c-purple\:80 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-purple\:90, html.auto .sf-c-purple\:90 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-purple\:100, html.auto .sf-c-purple\:100 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-purple\:st, html.auto .sf-c-purple\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-purple\:0\:st, html.auto .sf-c-purple\:0\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-purple\:10\:st, html.auto .sf-c-purple\:10\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-purple\:20\:st, html.auto .sf-c-purple\:20\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-purple\:30\:st, html.auto .sf-c-purple\:30\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-purple\:40\:st, html.auto .sf-c-purple\:40\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-purple\:50\:st, html.auto .sf-c-purple\:50\:st { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-purple\:60\:st, html.auto .sf-c-purple\:60\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-purple\:70\:st, html.auto .sf-c-purple\:70\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-purple\:80\:st, html.auto .sf-c-purple\:80\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-purple\:90\:st, html.auto .sf-c-purple\:90\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-purple\:100\:st, html.auto .sf-c-purple\:100\:st { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-purple\:st, html.auto .sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-purple\:0\:st, html.auto .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-purple\:10\:st, html.auto .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-purple\:20\:st, html.auto .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-purple\:30\:st, html.auto .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-purple\:40\:st, html.auto .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-purple\:50\:st, html.auto .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-purple\:60\:st, html.auto .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-purple\:70\:st, html.auto .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-purple\:80\:st, html.auto .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-purple\:90\:st, html.auto .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-purple\:100\:st, html.auto .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/rebeccapurple.css b/src/colors/10/rebeccapurple.css deleted file mode 100644 index cdd4d62..0000000 --- a/src/colors/10/rebeccapurple.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-rebeccapurple { - --sf-c-rebeccapurple: 270 50% 40%; - --sf-c-rebeccapurple-0: 270 50% 0%; - --sf-c-rebeccapurple-10: 270 50% 10%; - --sf-c-rebeccapurple-20: 270 50% 20%; - --sf-c-rebeccapurple-30: 270 50% 30%; - --sf-c-rebeccapurple-40: 270 50% 40%; - --sf-c-rebeccapurple-50: 270 50% 50%; - --sf-c-rebeccapurple-60: 270 50% 60%; - --sf-c-rebeccapurple-70: 270 50% 70%; - --sf-c-rebeccapurple-80: 270 50% 80%; - --sf-c-rebeccapurple-90: 270 50% 90%; - --sf-c-rebeccapurple-100: 270 50% 100%; -} - -.sf-c-rebeccapurple, .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } -.sf-c-rebeccapurple\:0, .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } -.sf-c-rebeccapurple\:10, .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } -.sf-c-rebeccapurple\:20, .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } -.sf-c-rebeccapurple\:30, .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 30%) } -.sf-c-rebeccapurple\:40, .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } -.sf-c-rebeccapurple\:50, .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 50%) } -.sf-c-rebeccapurple\:60, .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } -.sf-c-rebeccapurple\:70, .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 70%) } -.sf-c-rebeccapurple\:80, .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 80%) } -.sf-c-rebeccapurple\:90, .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } -.sf-c-rebeccapurple\:100, .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } - -.sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:0, .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } -.sf-c-txt-rebeccapurple\:10, .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } -.sf-c-txt-rebeccapurple\:20, .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } -.sf-c-txt-rebeccapurple\:30, .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } -.sf-c-txt-rebeccapurple\:40, .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:50, .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } -.sf-c-txt-rebeccapurple\:60, .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } -.sf-c-txt-rebeccapurple\:70, .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } -.sf-c-txt-rebeccapurple\:80, .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } -.sf-c-txt-rebeccapurple\:90, .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } -.sf-c-txt-rebeccapurple\:100, .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } - -html[data-theme='dark'] .sf-c-rebeccapurple, html.dark .sf-c-rebeccapurple { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:0, html.dark .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:10, html.dark .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:20, html.dark .sf-c-rebeccapurple\:20 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:30, html.dark .sf-c-rebeccapurple\:30 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:40, html.dark .sf-c-rebeccapurple\:40 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:50, html.dark .sf-c-rebeccapurple\:50 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:60, html.dark .sf-c-rebeccapurple\:60 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:70, html.dark .sf-c-rebeccapurple\:70 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:80, html.dark .sf-c-rebeccapurple\:80 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:90, html.dark .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:100, html.dark .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } - -html[data-theme='dark'] .sf-c-rebeccapurple\:st, html.dark .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:0\:st, html.dark .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:10\:st, html.dark .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:20\:st, html.dark .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:30\:st, html.dark .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:40\:st, html.dark .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:50\:st, html.dark .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:60\:st, html.dark .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:70\:st, html.dark .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:80\:st, html.dark .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:90\:st, html.dark .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:100\:st, html.dark .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:st, html.dark .sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:st, html.dark .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:st, html.dark .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:st, html.dark .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:st, html.dark .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:st, html.dark .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:st, html.dark .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:st, html.dark .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:st, html.dark .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:st, html.dark .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:st, html.dark .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:st, html.dark .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-rebeccapurple, html.auto .sf-c-rebeccapurple { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:0, html.auto .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:10, html.auto .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:20, html.auto .sf-c-rebeccapurple\:20 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:30, html.auto .sf-c-rebeccapurple\:30 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:40, html.auto .sf-c-rebeccapurple\:40 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:50, html.auto .sf-c-rebeccapurple\:50 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:60, html.auto .sf-c-rebeccapurple\:60 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:70, html.auto .sf-c-rebeccapurple\:70 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:80, html.auto .sf-c-rebeccapurple\:80 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:90, html.auto .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:100, html.auto .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } - - html[data-theme='auto'] .sf-c-rebeccapurple\:st, html.auto .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:0\:st, html.auto .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:10\:st, html.auto .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:20\:st, html.auto .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:30\:st, html.auto .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:40\:st, html.auto .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:50\:st, html.auto .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:60\:st, html.auto .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:70\:st, html.auto .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:80\:st, html.auto .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:90\:st, html.auto .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:100\:st, html.auto .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:st, html.auto .sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:st, html.auto .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:st, html.auto .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:st, html.auto .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:st, html.auto .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:st, html.auto .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:st, html.auto .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:st, html.auto .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:st, html.auto .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:st, html.auto .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:st, html.auto .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:st, html.auto .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/red.css b/src/colors/10/red.css deleted file mode 100644 index d2e2f33..0000000 --- a/src/colors/10/red.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-red { - --sf-c-red: 0 100% 50%; - --sf-c-red-0: 0 100% 0%; - --sf-c-red-10: 0 100% 10%; - --sf-c-red-20: 0 100% 20%; - --sf-c-red-30: 0 100% 30%; - --sf-c-red-40: 0 100% 40%; - --sf-c-red-50: 0 100% 50%; - --sf-c-red-60: 0 100% 60%; - --sf-c-red-70: 0 100% 70%; - --sf-c-red-80: 0 100% 80%; - --sf-c-red-90: 0 100% 90%; - --sf-c-red-100: 0 100% 100%; -} - -.sf-c-red, .sf-c-red\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -.sf-c-red\:0, .sf-c-red\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -.sf-c-red\:10, .sf-c-red\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -.sf-c-red\:20, .sf-c-red\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -.sf-c-red\:30, .sf-c-red\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -.sf-c-red\:40, .sf-c-red\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -.sf-c-red\:50, .sf-c-red\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -.sf-c-red\:60, .sf-c-red\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -.sf-c-red\:70, .sf-c-red\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -.sf-c-red\:80, .sf-c-red\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -.sf-c-red\:90, .sf-c-red\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -.sf-c-red\:100, .sf-c-red\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-red { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:0, .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-red\:10, .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-red\:20, .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-red\:30, .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-red\:40, .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-red\:50, .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:60, .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-red\:70, .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-red\:80, .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-red\:90, .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-red\:100, .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-red, html.dark .sf-c-red { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:0, html.dark .sf-c-red\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-red\:10, html.dark .sf-c-red\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-red\:20, html.dark .sf-c-red\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-red\:30, html.dark .sf-c-red\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-red\:40, html.dark .sf-c-red\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-red\:50, html.dark .sf-c-red\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:60, html.dark .sf-c-red\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-red\:70, html.dark .sf-c-red\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-red\:80, html.dark .sf-c-red\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-red\:90, html.dark .sf-c-red\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-red\:100, html.dark .sf-c-red\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-red\:st, html.dark .sf-c-red\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:0\:st, html.dark .sf-c-red\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-red\:10\:st, html.dark .sf-c-red\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-red\:20\:st, html.dark .sf-c-red\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-red\:30\:st, html.dark .sf-c-red\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-red\:40\:st, html.dark .sf-c-red\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-red\:50\:st, html.dark .sf-c-red\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:60\:st, html.dark .sf-c-red\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-red\:70\:st, html.dark .sf-c-red\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-red\:80\:st, html.dark .sf-c-red\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-red\:90\:st, html.dark .sf-c-red\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-red\:100\:st, html.dark .sf-c-red\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-red\:st, html.dark .sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:0\:st, html.dark .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-red\:10\:st, html.dark .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-red\:20\:st, html.dark .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-red\:30\:st, html.dark .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-red\:40\:st, html.dark .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-red\:50\:st, html.dark .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:60\:st, html.dark .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-red\:70\:st, html.dark .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-red\:80\:st, html.dark .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-red\:90\:st, html.dark .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-red\:100\:st, html.dark .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-red, html.auto .sf-c-red { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:0, html.auto .sf-c-red\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-red\:10, html.auto .sf-c-red\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-red\:20, html.auto .sf-c-red\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-red\:30, html.auto .sf-c-red\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-red\:40, html.auto .sf-c-red\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-red\:50, html.auto .sf-c-red\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:60, html.auto .sf-c-red\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-red\:70, html.auto .sf-c-red\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-red\:80, html.auto .sf-c-red\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-red\:90, html.auto .sf-c-red\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-red\:100, html.auto .sf-c-red\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-red\:st, html.auto .sf-c-red\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:0\:st, html.auto .sf-c-red\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-red\:10\:st, html.auto .sf-c-red\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-red\:20\:st, html.auto .sf-c-red\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-red\:30\:st, html.auto .sf-c-red\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-red\:40\:st, html.auto .sf-c-red\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-red\:50\:st, html.auto .sf-c-red\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:60\:st, html.auto .sf-c-red\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-red\:70\:st, html.auto .sf-c-red\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-red\:80\:st, html.auto .sf-c-red\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-red\:90\:st, html.auto .sf-c-red\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-red\:100\:st, html.auto .sf-c-red\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-red\:st, html.auto .sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:0\:st, html.auto .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-red\:10\:st, html.auto .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-red\:20\:st, html.auto .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-red\:30\:st, html.auto .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-red\:40\:st, html.auto .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-red\:50\:st, html.auto .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:60\:st, html.auto .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-red\:70\:st, html.auto .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-red\:80\:st, html.auto .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-red\:90\:st, html.auto .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-red\:100\:st, html.auto .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/rosybrown.css b/src/colors/10/rosybrown.css deleted file mode 100644 index 5a39ff0..0000000 --- a/src/colors/10/rosybrown.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-rosybrown { - --sf-c-rosybrown: 0 25% 65%; - --sf-c-rosybrown-0: 0 25% 0%; - --sf-c-rosybrown-10: 0 25% 10%; - --sf-c-rosybrown-20: 0 25% 20%; - --sf-c-rosybrown-30: 0 25% 30%; - --sf-c-rosybrown-40: 0 25% 40%; - --sf-c-rosybrown-50: 0 25% 50%; - --sf-c-rosybrown-60: 0 25% 60%; - --sf-c-rosybrown-70: 0 25% 70%; - --sf-c-rosybrown-80: 0 25% 80%; - --sf-c-rosybrown-90: 0 25% 90%; - --sf-c-rosybrown-100: 0 25% 100%; -} - -.sf-c-rosybrown, .sf-c-rosybrown\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 65%) } -.sf-c-rosybrown\:0, .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } -.sf-c-rosybrown\:10, .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } -.sf-c-rosybrown\:20, .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } -.sf-c-rosybrown\:30, .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 30%) } -.sf-c-rosybrown\:40, .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 40%) } -.sf-c-rosybrown\:50, .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 50%) } -.sf-c-rosybrown\:60, .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 60%) } -.sf-c-rosybrown\:70, .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 70%) } -.sf-c-rosybrown\:80, .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 80%) } -.sf-c-rosybrown\:90, .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } -.sf-c-rosybrown\:100, .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } - -.sf-c-txt-rosybrown { color: hsl(0, 25%, 10%) } -.sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } -.sf-c-txt-rosybrown\:0, .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } -.sf-c-txt-rosybrown\:10, .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } -.sf-c-txt-rosybrown\:20, .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } -.sf-c-txt-rosybrown\:30, .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } -.sf-c-txt-rosybrown\:40, .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } -.sf-c-txt-rosybrown\:50, .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } -.sf-c-txt-rosybrown\:60, .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } -.sf-c-txt-rosybrown\:70, .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } -.sf-c-txt-rosybrown\:80, .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } -.sf-c-txt-rosybrown\:90, .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } -.sf-c-txt-rosybrown\:100, .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } - -html[data-theme='dark'] .sf-c-rosybrown, html.dark .sf-c-rosybrown { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-rosybrown\:0, html.dark .sf-c-rosybrown\:0 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } -html[data-theme='dark'] .sf-c-rosybrown\:10, html.dark .sf-c-rosybrown\:10 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-rosybrown\:20, html.dark .sf-c-rosybrown\:20 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-rosybrown\:30, html.dark .sf-c-rosybrown\:30 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-rosybrown\:40, html.dark .sf-c-rosybrown\:40 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-rosybrown\:50, html.dark .sf-c-rosybrown\:50 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-rosybrown\:60, html.dark .sf-c-rosybrown\:60 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-rosybrown\:70, html.dark .sf-c-rosybrown\:70 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-rosybrown\:80, html.dark .sf-c-rosybrown\:80 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-rosybrown\:90, html.dark .sf-c-rosybrown\:90 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-rosybrown\:100, html.dark .sf-c-rosybrown\:100 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } - -html[data-theme='dark'] .sf-c-rosybrown\:st, html.dark .sf-c-rosybrown\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-rosybrown\:0\:st, html.dark .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } -html[data-theme='dark'] .sf-c-rosybrown\:10\:st, html.dark .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-rosybrown\:20\:st, html.dark .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-rosybrown\:30\:st, html.dark .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-rosybrown\:40\:st, html.dark .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-rosybrown\:50\:st, html.dark .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-rosybrown\:60\:st, html.dark .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-rosybrown\:70\:st, html.dark .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-rosybrown\:80\:st, html.dark .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-rosybrown\:90\:st, html.dark .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-rosybrown\:100\:st, html.dark .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-rosybrown\:st, html.dark .sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:0\:st, html.dark .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:10\:st, html.dark .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:20\:st, html.dark .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:30\:st, html.dark .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:40\:st, html.dark .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:50\:st, html.dark .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:60\:st, html.dark .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:70\:st, html.dark .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:80\:st, html.dark .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:90\:st, html.dark .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:100\:st, html.dark .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-rosybrown, html.auto .sf-c-rosybrown { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-rosybrown\:0, html.auto .sf-c-rosybrown\:0 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } - html[data-theme='auto'] .sf-c-rosybrown\:10, html.auto .sf-c-rosybrown\:10 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-rosybrown\:20, html.auto .sf-c-rosybrown\:20 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-rosybrown\:30, html.auto .sf-c-rosybrown\:30 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-rosybrown\:40, html.auto .sf-c-rosybrown\:40 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-rosybrown\:50, html.auto .sf-c-rosybrown\:50 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-rosybrown\:60, html.auto .sf-c-rosybrown\:60 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-rosybrown\:70, html.auto .sf-c-rosybrown\:70 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-rosybrown\:80, html.auto .sf-c-rosybrown\:80 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-rosybrown\:90, html.auto .sf-c-rosybrown\:90 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-rosybrown\:100, html.auto .sf-c-rosybrown\:100 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } - - html[data-theme='auto'] .sf-c-rosybrown\:st, html.auto .sf-c-rosybrown\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-rosybrown\:0\:st, html.auto .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } - html[data-theme='auto'] .sf-c-rosybrown\:10\:st, html.auto .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-rosybrown\:20\:st, html.auto .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-rosybrown\:30\:st, html.auto .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-rosybrown\:40\:st, html.auto .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-rosybrown\:50\:st, html.auto .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-rosybrown\:60\:st, html.auto .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-rosybrown\:70\:st, html.auto .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-rosybrown\:80\:st, html.auto .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-rosybrown\:90\:st, html.auto .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-rosybrown\:100\:st, html.auto .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-rosybrown\:st, html.auto .sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:0\:st, html.auto .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:10\:st, html.auto .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:20\:st, html.auto .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:30\:st, html.auto .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:40\:st, html.auto .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:50\:st, html.auto .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:60\:st, html.auto .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:70\:st, html.auto .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:80\:st, html.auto .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:90\:st, html.auto .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:100\:st, html.auto .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/royalblue.css b/src/colors/10/royalblue.css deleted file mode 100644 index 426ab13..0000000 --- a/src/colors/10/royalblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-royalblue { - --sf-c-royalblue: 225 73% 57%; - --sf-c-royalblue-0: 225 73% 0%; - --sf-c-royalblue-10: 225 73% 10%; - --sf-c-royalblue-20: 225 73% 20%; - --sf-c-royalblue-30: 225 73% 30%; - --sf-c-royalblue-40: 225 73% 40%; - --sf-c-royalblue-50: 225 73% 50%; - --sf-c-royalblue-60: 225 73% 60%; - --sf-c-royalblue-70: 225 73% 70%; - --sf-c-royalblue-80: 225 73% 80%; - --sf-c-royalblue-90: 225 73% 90%; - --sf-c-royalblue-100: 225 73% 100%; -} - -.sf-c-royalblue, .sf-c-royalblue\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 57%) } -.sf-c-royalblue\:0, .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } -.sf-c-royalblue\:10, .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } -.sf-c-royalblue\:20, .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } -.sf-c-royalblue\:30, .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 30%) } -.sf-c-royalblue\:40, .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 40%) } -.sf-c-royalblue\:50, .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 50%) } -.sf-c-royalblue\:60, .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 60%) } -.sf-c-royalblue\:70, .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 70%) } -.sf-c-royalblue\:80, .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 80%) } -.sf-c-royalblue\:90, .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } -.sf-c-royalblue\:100, .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } - -.sf-c-txt-royalblue { color: hsl(225, 73%, 10%) } -.sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } -.sf-c-txt-royalblue\:0, .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } -.sf-c-txt-royalblue\:10, .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } -.sf-c-txt-royalblue\:20, .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } -.sf-c-txt-royalblue\:30, .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } -.sf-c-txt-royalblue\:40, .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } -.sf-c-txt-royalblue\:50, .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } -.sf-c-txt-royalblue\:60, .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } -.sf-c-txt-royalblue\:70, .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } -.sf-c-txt-royalblue\:80, .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } -.sf-c-txt-royalblue\:90, .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } -.sf-c-txt-royalblue\:100, .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } - -html[data-theme='dark'] .sf-c-royalblue, html.dark .sf-c-royalblue { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 43%) } -html[data-theme='dark'] .sf-c-royalblue\:0, html.dark .sf-c-royalblue\:0 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } -html[data-theme='dark'] .sf-c-royalblue\:10, html.dark .sf-c-royalblue\:10 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-royalblue\:20, html.dark .sf-c-royalblue\:20 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-royalblue\:30, html.dark .sf-c-royalblue\:30 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-royalblue\:40, html.dark .sf-c-royalblue\:40 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-royalblue\:50, html.dark .sf-c-royalblue\:50 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-royalblue\:60, html.dark .sf-c-royalblue\:60 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-royalblue\:70, html.dark .sf-c-royalblue\:70 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-royalblue\:80, html.dark .sf-c-royalblue\:80 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-royalblue\:90, html.dark .sf-c-royalblue\:90 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-royalblue\:100, html.dark .sf-c-royalblue\:100 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } - -html[data-theme='dark'] .sf-c-royalblue\:st, html.dark .sf-c-royalblue\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-royalblue\:0\:st, html.dark .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } -html[data-theme='dark'] .sf-c-royalblue\:10\:st, html.dark .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-royalblue\:20\:st, html.dark .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-royalblue\:30\:st, html.dark .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-royalblue\:40\:st, html.dark .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-royalblue\:50\:st, html.dark .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-royalblue\:60\:st, html.dark .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-royalblue\:70\:st, html.dark .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-royalblue\:80\:st, html.dark .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-royalblue\:90\:st, html.dark .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-royalblue\:100\:st, html.dark .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } - -html[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } - -html[data-theme='dark'] .sf-c-txt-royalblue\:st, html.dark .sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:0\:st, html.dark .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:10\:st, html.dark .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:20\:st, html.dark .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:30\:st, html.dark .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:40\:st, html.dark .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:50\:st, html.dark .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:60\:st, html.dark .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:70\:st, html.dark .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:80\:st, html.dark .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:90\:st, html.dark .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:100\:st, html.dark .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-royalblue, html.auto .sf-c-royalblue { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 43%) } - html[data-theme='auto'] .sf-c-royalblue\:0, html.auto .sf-c-royalblue\:0 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } - html[data-theme='auto'] .sf-c-royalblue\:10, html.auto .sf-c-royalblue\:10 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-royalblue\:20, html.auto .sf-c-royalblue\:20 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-royalblue\:30, html.auto .sf-c-royalblue\:30 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-royalblue\:40, html.auto .sf-c-royalblue\:40 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-royalblue\:50, html.auto .sf-c-royalblue\:50 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-royalblue\:60, html.auto .sf-c-royalblue\:60 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-royalblue\:70, html.auto .sf-c-royalblue\:70 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-royalblue\:80, html.auto .sf-c-royalblue\:80 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-royalblue\:90, html.auto .sf-c-royalblue\:90 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-royalblue\:100, html.auto .sf-c-royalblue\:100 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } - - html[data-theme='auto'] .sf-c-royalblue\:st, html.auto .sf-c-royalblue\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-royalblue\:0\:st, html.auto .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } - html[data-theme='auto'] .sf-c-royalblue\:10\:st, html.auto .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-royalblue\:20\:st, html.auto .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-royalblue\:30\:st, html.auto .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-royalblue\:40\:st, html.auto .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-royalblue\:50\:st, html.auto .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-royalblue\:60\:st, html.auto .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-royalblue\:70\:st, html.auto .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-royalblue\:80\:st, html.auto .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-royalblue\:90\:st, html.auto .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-royalblue\:100\:st, html.auto .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } - - html[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } - - html[data-theme='auto'] .sf-c-txt-royalblue\:st, html.auto .sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:0\:st, html.auto .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:10\:st, html.auto .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:20\:st, html.auto .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:30\:st, html.auto .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:40\:st, html.auto .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:50\:st, html.auto .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:60\:st, html.auto .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:70\:st, html.auto .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:80\:st, html.auto .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:90\:st, html.auto .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:100\:st, html.auto .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/saddlebrown.css b/src/colors/10/saddlebrown.css deleted file mode 100644 index e3c36d3..0000000 --- a/src/colors/10/saddlebrown.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-saddlebrown { - --sf-c-saddlebrown: 25 76% 31%; - --sf-c-saddlebrown-0: 25 76% 0%; - --sf-c-saddlebrown-10: 25 76% 10%; - --sf-c-saddlebrown-20: 25 76% 20%; - --sf-c-saddlebrown-30: 25 76% 30%; - --sf-c-saddlebrown-40: 25 76% 40%; - --sf-c-saddlebrown-50: 25 76% 50%; - --sf-c-saddlebrown-60: 25 76% 60%; - --sf-c-saddlebrown-70: 25 76% 70%; - --sf-c-saddlebrown-80: 25 76% 80%; - --sf-c-saddlebrown-90: 25 76% 90%; - --sf-c-saddlebrown-100: 25 76% 100%; -} - -.sf-c-saddlebrown, .sf-c-saddlebrown\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 31%) } -.sf-c-saddlebrown\:0, .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } -.sf-c-saddlebrown\:10, .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } -.sf-c-saddlebrown\:20, .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } -.sf-c-saddlebrown\:30, .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 30%) } -.sf-c-saddlebrown\:40, .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 40%) } -.sf-c-saddlebrown\:50, .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 50%) } -.sf-c-saddlebrown\:60, .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 60%) } -.sf-c-saddlebrown\:70, .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 70%) } -.sf-c-saddlebrown\:80, .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 80%) } -.sf-c-saddlebrown\:90, .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } -.sf-c-saddlebrown\:100, .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } - -.sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } -.sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } -.sf-c-txt-saddlebrown\:0, .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } -.sf-c-txt-saddlebrown\:10, .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } -.sf-c-txt-saddlebrown\:20, .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } -.sf-c-txt-saddlebrown\:30, .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } -.sf-c-txt-saddlebrown\:40, .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } -.sf-c-txt-saddlebrown\:50, .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } -.sf-c-txt-saddlebrown\:60, .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } -.sf-c-txt-saddlebrown\:70, .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } -.sf-c-txt-saddlebrown\:80, .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } -.sf-c-txt-saddlebrown\:90, .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } -.sf-c-txt-saddlebrown\:100, .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } - -html[data-theme='dark'] .sf-c-saddlebrown, html.dark .sf-c-saddlebrown { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 69%) } -html[data-theme='dark'] .sf-c-saddlebrown\:0, html.dark .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } -html[data-theme='dark'] .sf-c-saddlebrown\:10, html.dark .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-saddlebrown\:20, html.dark .sf-c-saddlebrown\:20 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-saddlebrown\:30, html.dark .sf-c-saddlebrown\:30 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-saddlebrown\:40, html.dark .sf-c-saddlebrown\:40 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-saddlebrown\:50, html.dark .sf-c-saddlebrown\:50 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-saddlebrown\:60, html.dark .sf-c-saddlebrown\:60 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-saddlebrown\:70, html.dark .sf-c-saddlebrown\:70 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-saddlebrown\:80, html.dark .sf-c-saddlebrown\:80 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-saddlebrown\:90, html.dark .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-saddlebrown\:100, html.dark .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } - -html[data-theme='dark'] .sf-c-saddlebrown\:st, html.dark .sf-c-saddlebrown\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 31%) } -html[data-theme='dark'] .sf-c-saddlebrown\:0\:st, html.dark .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } -html[data-theme='dark'] .sf-c-saddlebrown\:10\:st, html.dark .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-saddlebrown\:20\:st, html.dark .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-saddlebrown\:30\:st, html.dark .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-saddlebrown\:40\:st, html.dark .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-saddlebrown\:50\:st, html.dark .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-saddlebrown\:60\:st, html.dark .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-saddlebrown\:70\:st, html.dark .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-saddlebrown\:80\:st, html.dark .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-saddlebrown\:90\:st, html.dark .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-saddlebrown\:100\:st, html.dark .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-saddlebrown\:st, html.dark .sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:st, html.dark .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:st, html.dark .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:st, html.dark .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:st, html.dark .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:st, html.dark .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:st, html.dark .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:st, html.dark .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:st, html.dark .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:st, html.dark .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:st, html.dark .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:st, html.dark .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-saddlebrown, html.auto .sf-c-saddlebrown { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 69%) } - html[data-theme='auto'] .sf-c-saddlebrown\:0, html.auto .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } - html[data-theme='auto'] .sf-c-saddlebrown\:10, html.auto .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-saddlebrown\:20, html.auto .sf-c-saddlebrown\:20 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-saddlebrown\:30, html.auto .sf-c-saddlebrown\:30 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-saddlebrown\:40, html.auto .sf-c-saddlebrown\:40 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-saddlebrown\:50, html.auto .sf-c-saddlebrown\:50 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-saddlebrown\:60, html.auto .sf-c-saddlebrown\:60 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-saddlebrown\:70, html.auto .sf-c-saddlebrown\:70 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-saddlebrown\:80, html.auto .sf-c-saddlebrown\:80 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-saddlebrown\:90, html.auto .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-saddlebrown\:100, html.auto .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } - - html[data-theme='auto'] .sf-c-saddlebrown\:st, html.auto .sf-c-saddlebrown\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 31%) } - html[data-theme='auto'] .sf-c-saddlebrown\:0\:st, html.auto .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } - html[data-theme='auto'] .sf-c-saddlebrown\:10\:st, html.auto .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-saddlebrown\:20\:st, html.auto .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-saddlebrown\:30\:st, html.auto .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-saddlebrown\:40\:st, html.auto .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-saddlebrown\:50\:st, html.auto .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-saddlebrown\:60\:st, html.auto .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-saddlebrown\:70\:st, html.auto .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-saddlebrown\:80\:st, html.auto .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-saddlebrown\:90\:st, html.auto .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-saddlebrown\:100\:st, html.auto .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-saddlebrown\:st, html.auto .sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:st, html.auto .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:st, html.auto .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:st, html.auto .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:st, html.auto .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:st, html.auto .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:st, html.auto .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:st, html.auto .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:st, html.auto .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:st, html.auto .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:st, html.auto .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:st, html.auto .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/salmon.css b/src/colors/10/salmon.css deleted file mode 100644 index d9e960a..0000000 --- a/src/colors/10/salmon.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-salmon { - --sf-c-salmon: 6 93% 71%; - --sf-c-salmon-0: 6 93% 0%; - --sf-c-salmon-10: 6 93% 10%; - --sf-c-salmon-20: 6 93% 20%; - --sf-c-salmon-30: 6 93% 30%; - --sf-c-salmon-40: 6 93% 40%; - --sf-c-salmon-50: 6 93% 50%; - --sf-c-salmon-60: 6 93% 60%; - --sf-c-salmon-70: 6 93% 70%; - --sf-c-salmon-80: 6 93% 80%; - --sf-c-salmon-90: 6 93% 90%; - --sf-c-salmon-100: 6 93% 100%; -} - -.sf-c-salmon, .sf-c-salmon\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 71%) } -.sf-c-salmon\:0, .sf-c-salmon\:0\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } -.sf-c-salmon\:10, .sf-c-salmon\:10\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } -.sf-c-salmon\:20, .sf-c-salmon\:20\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } -.sf-c-salmon\:30, .sf-c-salmon\:30\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 30%) } -.sf-c-salmon\:40, .sf-c-salmon\:40\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 40%) } -.sf-c-salmon\:50, .sf-c-salmon\:50\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 50%) } -.sf-c-salmon\:60, .sf-c-salmon\:60\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 60%) } -.sf-c-salmon\:70, .sf-c-salmon\:70\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 70%) } -.sf-c-salmon\:80, .sf-c-salmon\:80\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80%) } -.sf-c-salmon\:90, .sf-c-salmon\:90\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } -.sf-c-salmon\:100, .sf-c-salmon\:100\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } - -.sf-c-txt-salmon { color: hsl(6, 93%, 10%) } -.sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } -.sf-c-txt-salmon\:0, .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } -.sf-c-txt-salmon\:10, .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } -.sf-c-txt-salmon\:20, .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } -.sf-c-txt-salmon\:30, .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } -.sf-c-txt-salmon\:40, .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } -.sf-c-txt-salmon\:50, .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } -.sf-c-txt-salmon\:60, .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } -.sf-c-txt-salmon\:70, .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } -.sf-c-txt-salmon\:80, .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } -.sf-c-txt-salmon\:90, .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } -.sf-c-txt-salmon\:100, .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } - -html[data-theme='dark'] .sf-c-salmon, html.dark .sf-c-salmon { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 29%) } -html[data-theme='dark'] .sf-c-salmon\:0, html.dark .sf-c-salmon\:0 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } -html[data-theme='dark'] .sf-c-salmon\:10, html.dark .sf-c-salmon\:10 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-salmon\:20, html.dark .sf-c-salmon\:20 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-salmon\:30, html.dark .sf-c-salmon\:30 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-salmon\:40, html.dark .sf-c-salmon\:40 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-salmon\:50, html.dark .sf-c-salmon\:50 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-salmon\:60, html.dark .sf-c-salmon\:60 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-salmon\:70, html.dark .sf-c-salmon\:70 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-salmon\:80, html.dark .sf-c-salmon\:80 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-salmon\:90, html.dark .sf-c-salmon\:90 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-salmon\:100, html.dark .sf-c-salmon\:100 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } - -html[data-theme='dark'] .sf-c-salmon\:st, html.dark .sf-c-salmon\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-salmon\:0\:st, html.dark .sf-c-salmon\:0\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } -html[data-theme='dark'] .sf-c-salmon\:10\:st, html.dark .sf-c-salmon\:10\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-salmon\:20\:st, html.dark .sf-c-salmon\:20\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-salmon\:30\:st, html.dark .sf-c-salmon\:30\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-salmon\:40\:st, html.dark .sf-c-salmon\:40\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-salmon\:50\:st, html.dark .sf-c-salmon\:50\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-salmon\:60\:st, html.dark .sf-c-salmon\:60\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-salmon\:70\:st, html.dark .sf-c-salmon\:70\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-salmon\:80\:st, html.dark .sf-c-salmon\:80\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-salmon\:90\:st, html.dark .sf-c-salmon\:90\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-salmon\:100\:st, html.dark .sf-c-salmon\:100\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } - -html[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } -html[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } - -html[data-theme='dark'] .sf-c-txt-salmon\:st, html.dark .sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-txt-salmon\:0\:st, html.dark .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } -html[data-theme='dark'] .sf-c-txt-salmon\:10\:st, html.dark .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-salmon\:20\:st, html.dark .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-salmon\:30\:st, html.dark .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-salmon\:40\:st, html.dark .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-salmon\:50\:st, html.dark .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-salmon\:60\:st, html.dark .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-salmon\:70\:st, html.dark .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-salmon\:80\:st, html.dark .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-salmon\:90\:st, html.dark .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-salmon\:100\:st, html.dark .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-salmon, html.auto .sf-c-salmon { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 29%) } - html[data-theme='auto'] .sf-c-salmon\:0, html.auto .sf-c-salmon\:0 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } - html[data-theme='auto'] .sf-c-salmon\:10, html.auto .sf-c-salmon\:10 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-salmon\:20, html.auto .sf-c-salmon\:20 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-salmon\:30, html.auto .sf-c-salmon\:30 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-salmon\:40, html.auto .sf-c-salmon\:40 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-salmon\:50, html.auto .sf-c-salmon\:50 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-salmon\:60, html.auto .sf-c-salmon\:60 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-salmon\:70, html.auto .sf-c-salmon\:70 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-salmon\:80, html.auto .sf-c-salmon\:80 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-salmon\:90, html.auto .sf-c-salmon\:90 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-salmon\:100, html.auto .sf-c-salmon\:100 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } - - html[data-theme='auto'] .sf-c-salmon\:st, html.auto .sf-c-salmon\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-salmon\:0\:st, html.auto .sf-c-salmon\:0\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } - html[data-theme='auto'] .sf-c-salmon\:10\:st, html.auto .sf-c-salmon\:10\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-salmon\:20\:st, html.auto .sf-c-salmon\:20\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-salmon\:30\:st, html.auto .sf-c-salmon\:30\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-salmon\:40\:st, html.auto .sf-c-salmon\:40\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-salmon\:50\:st, html.auto .sf-c-salmon\:50\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-salmon\:60\:st, html.auto .sf-c-salmon\:60\:st { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-salmon\:70\:st, html.auto .sf-c-salmon\:70\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-salmon\:80\:st, html.auto .sf-c-salmon\:80\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-salmon\:90\:st, html.auto .sf-c-salmon\:90\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-salmon\:100\:st, html.auto .sf-c-salmon\:100\:st { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } - - html[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } - html[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } - - html[data-theme='auto'] .sf-c-txt-salmon\:st, html.auto .sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-txt-salmon\:0\:st, html.auto .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } - html[data-theme='auto'] .sf-c-txt-salmon\:10\:st, html.auto .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-salmon\:20\:st, html.auto .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-salmon\:30\:st, html.auto .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-salmon\:40\:st, html.auto .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-salmon\:50\:st, html.auto .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-salmon\:60\:st, html.auto .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-salmon\:70\:st, html.auto .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-salmon\:80\:st, html.auto .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-salmon\:90\:st, html.auto .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-salmon\:100\:st, html.auto .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/sandybrown.css b/src/colors/10/sandybrown.css deleted file mode 100644 index 267d747..0000000 --- a/src/colors/10/sandybrown.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-sandybrown { - --sf-c-sandybrown: 28 87% 67%; - --sf-c-sandybrown-0: 28 87% 0%; - --sf-c-sandybrown-10: 28 87% 10%; - --sf-c-sandybrown-20: 28 87% 20%; - --sf-c-sandybrown-30: 28 87% 30%; - --sf-c-sandybrown-40: 28 87% 40%; - --sf-c-sandybrown-50: 28 87% 50%; - --sf-c-sandybrown-60: 28 87% 60%; - --sf-c-sandybrown-70: 28 87% 70%; - --sf-c-sandybrown-80: 28 87% 80%; - --sf-c-sandybrown-90: 28 87% 90%; - --sf-c-sandybrown-100: 28 87% 100%; -} - -.sf-c-sandybrown, .sf-c-sandybrown\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 67%) } -.sf-c-sandybrown\:0, .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } -.sf-c-sandybrown\:10, .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } -.sf-c-sandybrown\:20, .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } -.sf-c-sandybrown\:30, .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 30%) } -.sf-c-sandybrown\:40, .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 40%) } -.sf-c-sandybrown\:50, .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 50%) } -.sf-c-sandybrown\:60, .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 60%) } -.sf-c-sandybrown\:70, .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 70%) } -.sf-c-sandybrown\:80, .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 80%) } -.sf-c-sandybrown\:90, .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } -.sf-c-sandybrown\:100, .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } - -.sf-c-txt-sandybrown { color: hsl(28, 87%, 10%) } -.sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } -.sf-c-txt-sandybrown\:0, .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } -.sf-c-txt-sandybrown\:10, .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } -.sf-c-txt-sandybrown\:20, .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } -.sf-c-txt-sandybrown\:30, .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } -.sf-c-txt-sandybrown\:40, .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } -.sf-c-txt-sandybrown\:50, .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } -.sf-c-txt-sandybrown\:60, .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } -.sf-c-txt-sandybrown\:70, .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } -.sf-c-txt-sandybrown\:80, .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } -.sf-c-txt-sandybrown\:90, .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } -.sf-c-txt-sandybrown\:100, .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } - -html[data-theme='dark'] .sf-c-sandybrown, html.dark .sf-c-sandybrown { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 33%) } -html[data-theme='dark'] .sf-c-sandybrown\:0, html.dark .sf-c-sandybrown\:0 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } -html[data-theme='dark'] .sf-c-sandybrown\:10, html.dark .sf-c-sandybrown\:10 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-sandybrown\:20, html.dark .sf-c-sandybrown\:20 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-sandybrown\:30, html.dark .sf-c-sandybrown\:30 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-sandybrown\:40, html.dark .sf-c-sandybrown\:40 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-sandybrown\:50, html.dark .sf-c-sandybrown\:50 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-sandybrown\:60, html.dark .sf-c-sandybrown\:60 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-sandybrown\:70, html.dark .sf-c-sandybrown\:70 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-sandybrown\:80, html.dark .sf-c-sandybrown\:80 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-sandybrown\:90, html.dark .sf-c-sandybrown\:90 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-sandybrown\:100, html.dark .sf-c-sandybrown\:100 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } - -html[data-theme='dark'] .sf-c-sandybrown\:st, html.dark .sf-c-sandybrown\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-sandybrown\:0\:st, html.dark .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } -html[data-theme='dark'] .sf-c-sandybrown\:10\:st, html.dark .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-sandybrown\:20\:st, html.dark .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-sandybrown\:30\:st, html.dark .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-sandybrown\:40\:st, html.dark .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-sandybrown\:50\:st, html.dark .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-sandybrown\:60\:st, html.dark .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-sandybrown\:70\:st, html.dark .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-sandybrown\:80\:st, html.dark .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-sandybrown\:90\:st, html.dark .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-sandybrown\:100\:st, html.dark .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } - -html[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } - -html[data-theme='dark'] .sf-c-txt-sandybrown\:st, html.dark .sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:0\:st, html.dark .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:10\:st, html.dark .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:20\:st, html.dark .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:30\:st, html.dark .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:40\:st, html.dark .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:50\:st, html.dark .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:60\:st, html.dark .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:70\:st, html.dark .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:80\:st, html.dark .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:90\:st, html.dark .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:100\:st, html.dark .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-sandybrown, html.auto .sf-c-sandybrown { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 33%) } - html[data-theme='auto'] .sf-c-sandybrown\:0, html.auto .sf-c-sandybrown\:0 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } - html[data-theme='auto'] .sf-c-sandybrown\:10, html.auto .sf-c-sandybrown\:10 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-sandybrown\:20, html.auto .sf-c-sandybrown\:20 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-sandybrown\:30, html.auto .sf-c-sandybrown\:30 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-sandybrown\:40, html.auto .sf-c-sandybrown\:40 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-sandybrown\:50, html.auto .sf-c-sandybrown\:50 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-sandybrown\:60, html.auto .sf-c-sandybrown\:60 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-sandybrown\:70, html.auto .sf-c-sandybrown\:70 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-sandybrown\:80, html.auto .sf-c-sandybrown\:80 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-sandybrown\:90, html.auto .sf-c-sandybrown\:90 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-sandybrown\:100, html.auto .sf-c-sandybrown\:100 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } - - html[data-theme='auto'] .sf-c-sandybrown\:st, html.auto .sf-c-sandybrown\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-sandybrown\:0\:st, html.auto .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } - html[data-theme='auto'] .sf-c-sandybrown\:10\:st, html.auto .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-sandybrown\:20\:st, html.auto .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-sandybrown\:30\:st, html.auto .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-sandybrown\:40\:st, html.auto .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-sandybrown\:50\:st, html.auto .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-sandybrown\:60\:st, html.auto .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-sandybrown\:70\:st, html.auto .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-sandybrown\:80\:st, html.auto .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-sandybrown\:90\:st, html.auto .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-sandybrown\:100\:st, html.auto .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } - - html[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } - - html[data-theme='auto'] .sf-c-txt-sandybrown\:st, html.auto .sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:0\:st, html.auto .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:10\:st, html.auto .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:20\:st, html.auto .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:30\:st, html.auto .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:40\:st, html.auto .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:50\:st, html.auto .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:60\:st, html.auto .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:70\:st, html.auto .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:80\:st, html.auto .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:90\:st, html.auto .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:100\:st, html.auto .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/seagreen.css b/src/colors/10/seagreen.css deleted file mode 100644 index fe29ed9..0000000 --- a/src/colors/10/seagreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-seagreen { - --sf-c-seagreen: 146 50% 36%; - --sf-c-seagreen-0: 146 50% 0%; - --sf-c-seagreen-10: 146 50% 10%; - --sf-c-seagreen-20: 146 50% 20%; - --sf-c-seagreen-30: 146 50% 30%; - --sf-c-seagreen-40: 146 50% 40%; - --sf-c-seagreen-50: 146 50% 50%; - --sf-c-seagreen-60: 146 50% 60%; - --sf-c-seagreen-70: 146 50% 70%; - --sf-c-seagreen-80: 146 50% 80%; - --sf-c-seagreen-90: 146 50% 90%; - --sf-c-seagreen-100: 146 50% 100%; -} - -.sf-c-seagreen, .sf-c-seagreen\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 36%) } -.sf-c-seagreen\:0, .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } -.sf-c-seagreen\:10, .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } -.sf-c-seagreen\:20, .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } -.sf-c-seagreen\:30, .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 30%) } -.sf-c-seagreen\:40, .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 40%) } -.sf-c-seagreen\:50, .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 50%) } -.sf-c-seagreen\:60, .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 60%) } -.sf-c-seagreen\:70, .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 70%) } -.sf-c-seagreen\:80, .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 80%) } -.sf-c-seagreen\:90, .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } -.sf-c-seagreen\:100, .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } - -.sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } -.sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } -.sf-c-txt-seagreen\:0, .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } -.sf-c-txt-seagreen\:10, .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } -.sf-c-txt-seagreen\:20, .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } -.sf-c-txt-seagreen\:30, .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } -.sf-c-txt-seagreen\:40, .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } -.sf-c-txt-seagreen\:50, .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } -.sf-c-txt-seagreen\:60, .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } -.sf-c-txt-seagreen\:70, .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } -.sf-c-txt-seagreen\:80, .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } -.sf-c-txt-seagreen\:90, .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } -.sf-c-txt-seagreen\:100, .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } - -html[data-theme='dark'] .sf-c-seagreen, html.dark .sf-c-seagreen { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 64%) } -html[data-theme='dark'] .sf-c-seagreen\:0, html.dark .sf-c-seagreen\:0 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } -html[data-theme='dark'] .sf-c-seagreen\:10, html.dark .sf-c-seagreen\:10 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-seagreen\:20, html.dark .sf-c-seagreen\:20 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-seagreen\:30, html.dark .sf-c-seagreen\:30 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-seagreen\:40, html.dark .sf-c-seagreen\:40 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-seagreen\:50, html.dark .sf-c-seagreen\:50 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-seagreen\:60, html.dark .sf-c-seagreen\:60 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-seagreen\:70, html.dark .sf-c-seagreen\:70 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-seagreen\:80, html.dark .sf-c-seagreen\:80 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-seagreen\:90, html.dark .sf-c-seagreen\:90 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-seagreen\:100, html.dark .sf-c-seagreen\:100 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } - -html[data-theme='dark'] .sf-c-seagreen\:st, html.dark .sf-c-seagreen\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 36%) } -html[data-theme='dark'] .sf-c-seagreen\:0\:st, html.dark .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } -html[data-theme='dark'] .sf-c-seagreen\:10\:st, html.dark .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-seagreen\:20\:st, html.dark .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-seagreen\:30\:st, html.dark .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-seagreen\:40\:st, html.dark .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-seagreen\:50\:st, html.dark .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-seagreen\:60\:st, html.dark .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-seagreen\:70\:st, html.dark .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-seagreen\:80\:st, html.dark .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-seagreen\:90\:st, html.dark .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-seagreen\:100\:st, html.dark .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-seagreen\:st, html.dark .sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:0\:st, html.dark .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:10\:st, html.dark .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:20\:st, html.dark .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:30\:st, html.dark .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:40\:st, html.dark .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:50\:st, html.dark .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:60\:st, html.dark .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:70\:st, html.dark .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:80\:st, html.dark .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:90\:st, html.dark .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:100\:st, html.dark .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-seagreen, html.auto .sf-c-seagreen { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 64%) } - html[data-theme='auto'] .sf-c-seagreen\:0, html.auto .sf-c-seagreen\:0 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } - html[data-theme='auto'] .sf-c-seagreen\:10, html.auto .sf-c-seagreen\:10 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-seagreen\:20, html.auto .sf-c-seagreen\:20 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-seagreen\:30, html.auto .sf-c-seagreen\:30 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-seagreen\:40, html.auto .sf-c-seagreen\:40 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-seagreen\:50, html.auto .sf-c-seagreen\:50 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-seagreen\:60, html.auto .sf-c-seagreen\:60 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-seagreen\:70, html.auto .sf-c-seagreen\:70 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-seagreen\:80, html.auto .sf-c-seagreen\:80 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-seagreen\:90, html.auto .sf-c-seagreen\:90 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-seagreen\:100, html.auto .sf-c-seagreen\:100 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } - - html[data-theme='auto'] .sf-c-seagreen\:st, html.auto .sf-c-seagreen\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 36%) } - html[data-theme='auto'] .sf-c-seagreen\:0\:st, html.auto .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } - html[data-theme='auto'] .sf-c-seagreen\:10\:st, html.auto .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-seagreen\:20\:st, html.auto .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-seagreen\:30\:st, html.auto .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-seagreen\:40\:st, html.auto .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-seagreen\:50\:st, html.auto .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-seagreen\:60\:st, html.auto .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-seagreen\:70\:st, html.auto .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-seagreen\:80\:st, html.auto .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-seagreen\:90\:st, html.auto .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-seagreen\:100\:st, html.auto .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-seagreen\:st, html.auto .sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:0\:st, html.auto .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:10\:st, html.auto .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:20\:st, html.auto .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:30\:st, html.auto .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:40\:st, html.auto .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:50\:st, html.auto .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:60\:st, html.auto .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:70\:st, html.auto .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:80\:st, html.auto .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:90\:st, html.auto .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:100\:st, html.auto .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/seashell.css b/src/colors/10/seashell.css deleted file mode 100644 index 7f8511e..0000000 --- a/src/colors/10/seashell.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-seashell { - --sf-c-seashell: 25 100% 97%; - --sf-c-seashell-0: 25 100% 0%; - --sf-c-seashell-10: 25 100% 10%; - --sf-c-seashell-20: 25 100% 20%; - --sf-c-seashell-30: 25 100% 30%; - --sf-c-seashell-40: 25 100% 40%; - --sf-c-seashell-50: 25 100% 50%; - --sf-c-seashell-60: 25 100% 60%; - --sf-c-seashell-70: 25 100% 70%; - --sf-c-seashell-80: 25 100% 80%; - --sf-c-seashell-90: 25 100% 90%; - --sf-c-seashell-100: 25 100% 100%; -} - -.sf-c-seashell, .sf-c-seashell\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 97%) } -.sf-c-seashell\:0, .sf-c-seashell\:0\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } -.sf-c-seashell\:10, .sf-c-seashell\:10\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } -.sf-c-seashell\:20, .sf-c-seashell\:20\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } -.sf-c-seashell\:30, .sf-c-seashell\:30\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 30%) } -.sf-c-seashell\:40, .sf-c-seashell\:40\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 40%) } -.sf-c-seashell\:50, .sf-c-seashell\:50\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 50%) } -.sf-c-seashell\:60, .sf-c-seashell\:60\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 60%) } -.sf-c-seashell\:70, .sf-c-seashell\:70\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 70%) } -.sf-c-seashell\:80, .sf-c-seashell\:80\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 80%) } -.sf-c-seashell\:90, .sf-c-seashell\:90\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } -.sf-c-seashell\:100, .sf-c-seashell\:100\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } - -.sf-c-txt-seashell { color: hsl(25, 100%, 10%) } -.sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } -.sf-c-txt-seashell\:0, .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } -.sf-c-txt-seashell\:10, .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } -.sf-c-txt-seashell\:20, .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } -.sf-c-txt-seashell\:30, .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } -.sf-c-txt-seashell\:40, .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } -.sf-c-txt-seashell\:50, .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } -.sf-c-txt-seashell\:60, .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } -.sf-c-txt-seashell\:70, .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } -.sf-c-txt-seashell\:80, .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } -.sf-c-txt-seashell\:90, .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } -.sf-c-txt-seashell\:100, .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } - -html[data-theme='dark'] .sf-c-seashell, html.dark .sf-c-seashell { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 3%) } -html[data-theme='dark'] .sf-c-seashell\:0, html.dark .sf-c-seashell\:0 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } -html[data-theme='dark'] .sf-c-seashell\:10, html.dark .sf-c-seashell\:10 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-seashell\:20, html.dark .sf-c-seashell\:20 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-seashell\:30, html.dark .sf-c-seashell\:30 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-seashell\:40, html.dark .sf-c-seashell\:40 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-seashell\:50, html.dark .sf-c-seashell\:50 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-seashell\:60, html.dark .sf-c-seashell\:60 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-seashell\:70, html.dark .sf-c-seashell\:70 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-seashell\:80, html.dark .sf-c-seashell\:80 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-seashell\:90, html.dark .sf-c-seashell\:90 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-seashell\:100, html.dark .sf-c-seashell\:100 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } - -html[data-theme='dark'] .sf-c-seashell\:st, html.dark .sf-c-seashell\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-seashell\:0\:st, html.dark .sf-c-seashell\:0\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } -html[data-theme='dark'] .sf-c-seashell\:10\:st, html.dark .sf-c-seashell\:10\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-seashell\:20\:st, html.dark .sf-c-seashell\:20\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-seashell\:30\:st, html.dark .sf-c-seashell\:30\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-seashell\:40\:st, html.dark .sf-c-seashell\:40\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-seashell\:50\:st, html.dark .sf-c-seashell\:50\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-seashell\:60\:st, html.dark .sf-c-seashell\:60\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-seashell\:70\:st, html.dark .sf-c-seashell\:70\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-seashell\:80\:st, html.dark .sf-c-seashell\:80\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-seashell\:90\:st, html.dark .sf-c-seashell\:90\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-seashell\:100\:st, html.dark .sf-c-seashell\:100\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-seashell\:st, html.dark .sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-seashell\:0\:st, html.dark .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-seashell\:10\:st, html.dark .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-seashell\:20\:st, html.dark .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-seashell\:30\:st, html.dark .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-seashell\:40\:st, html.dark .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-seashell\:50\:st, html.dark .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-seashell\:60\:st, html.dark .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-seashell\:70\:st, html.dark .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-seashell\:80\:st, html.dark .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-seashell\:90\:st, html.dark .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-seashell\:100\:st, html.dark .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-seashell, html.auto .sf-c-seashell { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 3%) } - html[data-theme='auto'] .sf-c-seashell\:0, html.auto .sf-c-seashell\:0 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } - html[data-theme='auto'] .sf-c-seashell\:10, html.auto .sf-c-seashell\:10 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-seashell\:20, html.auto .sf-c-seashell\:20 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-seashell\:30, html.auto .sf-c-seashell\:30 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-seashell\:40, html.auto .sf-c-seashell\:40 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-seashell\:50, html.auto .sf-c-seashell\:50 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-seashell\:60, html.auto .sf-c-seashell\:60 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-seashell\:70, html.auto .sf-c-seashell\:70 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-seashell\:80, html.auto .sf-c-seashell\:80 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-seashell\:90, html.auto .sf-c-seashell\:90 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-seashell\:100, html.auto .sf-c-seashell\:100 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } - - html[data-theme='auto'] .sf-c-seashell\:st, html.auto .sf-c-seashell\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-seashell\:0\:st, html.auto .sf-c-seashell\:0\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } - html[data-theme='auto'] .sf-c-seashell\:10\:st, html.auto .sf-c-seashell\:10\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-seashell\:20\:st, html.auto .sf-c-seashell\:20\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-seashell\:30\:st, html.auto .sf-c-seashell\:30\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-seashell\:40\:st, html.auto .sf-c-seashell\:40\:st { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-seashell\:50\:st, html.auto .sf-c-seashell\:50\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-seashell\:60\:st, html.auto .sf-c-seashell\:60\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-seashell\:70\:st, html.auto .sf-c-seashell\:70\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-seashell\:80\:st, html.auto .sf-c-seashell\:80\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-seashell\:90\:st, html.auto .sf-c-seashell\:90\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-seashell\:100\:st, html.auto .sf-c-seashell\:100\:st { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-seashell\:st, html.auto .sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-seashell\:0\:st, html.auto .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-seashell\:10\:st, html.auto .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-seashell\:20\:st, html.auto .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-seashell\:30\:st, html.auto .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-seashell\:40\:st, html.auto .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-seashell\:50\:st, html.auto .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-seashell\:60\:st, html.auto .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-seashell\:70\:st, html.auto .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-seashell\:80\:st, html.auto .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-seashell\:90\:st, html.auto .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-seashell\:100\:st, html.auto .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/sienna.css b/src/colors/10/sienna.css deleted file mode 100644 index 55d3df5..0000000 --- a/src/colors/10/sienna.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-sienna { - --sf-c-sienna: 19 56% 40%; - --sf-c-sienna-0: 19 56% 0%; - --sf-c-sienna-10: 19 56% 10%; - --sf-c-sienna-20: 19 56% 20%; - --sf-c-sienna-30: 19 56% 30%; - --sf-c-sienna-40: 19 56% 40%; - --sf-c-sienna-50: 19 56% 50%; - --sf-c-sienna-60: 19 56% 60%; - --sf-c-sienna-70: 19 56% 70%; - --sf-c-sienna-80: 19 56% 80%; - --sf-c-sienna-90: 19 56% 90%; - --sf-c-sienna-100: 19 56% 100%; -} - -.sf-c-sienna, .sf-c-sienna\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } -.sf-c-sienna\:0, .sf-c-sienna\:0\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } -.sf-c-sienna\:10, .sf-c-sienna\:10\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } -.sf-c-sienna\:20, .sf-c-sienna\:20\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } -.sf-c-sienna\:30, .sf-c-sienna\:30\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 30%) } -.sf-c-sienna\:40, .sf-c-sienna\:40\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } -.sf-c-sienna\:50, .sf-c-sienna\:50\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 50%) } -.sf-c-sienna\:60, .sf-c-sienna\:60\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } -.sf-c-sienna\:70, .sf-c-sienna\:70\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 70%) } -.sf-c-sienna\:80, .sf-c-sienna\:80\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 80%) } -.sf-c-sienna\:90, .sf-c-sienna\:90\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } -.sf-c-sienna\:100, .sf-c-sienna\:100\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } - -.sf-c-txt-sienna { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:0, .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } -.sf-c-txt-sienna\:10, .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } -.sf-c-txt-sienna\:20, .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } -.sf-c-txt-sienna\:30, .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } -.sf-c-txt-sienna\:40, .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:50, .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } -.sf-c-txt-sienna\:60, .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } -.sf-c-txt-sienna\:70, .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } -.sf-c-txt-sienna\:80, .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } -.sf-c-txt-sienna\:90, .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } -.sf-c-txt-sienna\:100, .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } - -html[data-theme='dark'] .sf-c-sienna, html.dark .sf-c-sienna { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:0, html.dark .sf-c-sienna\:0 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } -html[data-theme='dark'] .sf-c-sienna\:10, html.dark .sf-c-sienna\:10 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-sienna\:20, html.dark .sf-c-sienna\:20 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-sienna\:30, html.dark .sf-c-sienna\:30 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-sienna\:40, html.dark .sf-c-sienna\:40 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:50, html.dark .sf-c-sienna\:50 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-sienna\:60, html.dark .sf-c-sienna\:60 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:70, html.dark .sf-c-sienna\:70 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-sienna\:80, html.dark .sf-c-sienna\:80 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-sienna\:90, html.dark .sf-c-sienna\:90 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-sienna\:100, html.dark .sf-c-sienna\:100 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } - -html[data-theme='dark'] .sf-c-sienna\:st, html.dark .sf-c-sienna\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:0\:st, html.dark .sf-c-sienna\:0\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } -html[data-theme='dark'] .sf-c-sienna\:10\:st, html.dark .sf-c-sienna\:10\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-sienna\:20\:st, html.dark .sf-c-sienna\:20\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-sienna\:30\:st, html.dark .sf-c-sienna\:30\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-sienna\:40\:st, html.dark .sf-c-sienna\:40\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:50\:st, html.dark .sf-c-sienna\:50\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-sienna\:60\:st, html.dark .sf-c-sienna\:60\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:70\:st, html.dark .sf-c-sienna\:70\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-sienna\:80\:st, html.dark .sf-c-sienna\:80\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-sienna\:90\:st, html.dark .sf-c-sienna\:90\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-sienna\:100\:st, html.dark .sf-c-sienna\:100\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } - -html[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } -html[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } - -html[data-theme='dark'] .sf-c-txt-sienna\:st, html.dark .sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:0\:st, html.dark .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } -html[data-theme='dark'] .sf-c-txt-sienna\:10\:st, html.dark .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-sienna\:20\:st, html.dark .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-sienna\:30\:st, html.dark .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-sienna\:40\:st, html.dark .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:50\:st, html.dark .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-sienna\:60\:st, html.dark .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:70\:st, html.dark .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-sienna\:80\:st, html.dark .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-sienna\:90\:st, html.dark .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-sienna\:100\:st, html.dark .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-sienna, html.auto .sf-c-sienna { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:0, html.auto .sf-c-sienna\:0 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } - html[data-theme='auto'] .sf-c-sienna\:10, html.auto .sf-c-sienna\:10 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-sienna\:20, html.auto .sf-c-sienna\:20 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-sienna\:30, html.auto .sf-c-sienna\:30 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-sienna\:40, html.auto .sf-c-sienna\:40 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:50, html.auto .sf-c-sienna\:50 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-sienna\:60, html.auto .sf-c-sienna\:60 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:70, html.auto .sf-c-sienna\:70 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-sienna\:80, html.auto .sf-c-sienna\:80 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-sienna\:90, html.auto .sf-c-sienna\:90 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-sienna\:100, html.auto .sf-c-sienna\:100 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } - - html[data-theme='auto'] .sf-c-sienna\:st, html.auto .sf-c-sienna\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:0\:st, html.auto .sf-c-sienna\:0\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } - html[data-theme='auto'] .sf-c-sienna\:10\:st, html.auto .sf-c-sienna\:10\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-sienna\:20\:st, html.auto .sf-c-sienna\:20\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-sienna\:30\:st, html.auto .sf-c-sienna\:30\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-sienna\:40\:st, html.auto .sf-c-sienna\:40\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:50\:st, html.auto .sf-c-sienna\:50\:st { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-sienna\:60\:st, html.auto .sf-c-sienna\:60\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:70\:st, html.auto .sf-c-sienna\:70\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-sienna\:80\:st, html.auto .sf-c-sienna\:80\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-sienna\:90\:st, html.auto .sf-c-sienna\:90\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-sienna\:100\:st, html.auto .sf-c-sienna\:100\:st { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } - - html[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } - html[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } - - html[data-theme='auto'] .sf-c-txt-sienna\:st, html.auto .sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:0\:st, html.auto .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } - html[data-theme='auto'] .sf-c-txt-sienna\:10\:st, html.auto .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-sienna\:20\:st, html.auto .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-sienna\:30\:st, html.auto .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-sienna\:40\:st, html.auto .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:50\:st, html.auto .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-sienna\:60\:st, html.auto .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:70\:st, html.auto .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-sienna\:80\:st, html.auto .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-sienna\:90\:st, html.auto .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-sienna\:100\:st, html.auto .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/silver.css b/src/colors/10/silver.css deleted file mode 100644 index 849afa8..0000000 --- a/src/colors/10/silver.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-silver { - --sf-c-silver: 0 0% 75%; - --sf-c-silver-0: 0 0% 0%; - --sf-c-silver-10: 0 0% 10%; - --sf-c-silver-20: 0 0% 20%; - --sf-c-silver-30: 0 0% 30%; - --sf-c-silver-40: 0 0% 40%; - --sf-c-silver-50: 0 0% 50%; - --sf-c-silver-60: 0 0% 60%; - --sf-c-silver-70: 0 0% 70%; - --sf-c-silver-80: 0 0% 80%; - --sf-c-silver-90: 0 0% 90%; - --sf-c-silver-100: 0 0% 100%; -} - -.sf-c-silver, .sf-c-silver\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 75%) } -.sf-c-silver\:0, .sf-c-silver\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-silver\:10, .sf-c-silver\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-silver\:20, .sf-c-silver\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-silver\:30, .sf-c-silver\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-silver\:40, .sf-c-silver\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-silver\:50, .sf-c-silver\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-silver\:60, .sf-c-silver\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-silver\:70, .sf-c-silver\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-silver\:80, .sf-c-silver\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-silver\:90, .sf-c-silver\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-silver\:100, .sf-c-silver\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-silver { color: hsl(0, 0%, 10%) } -.sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-silver\:0, .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-silver\:10, .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-silver\:20, .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-silver\:30, .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-silver\:40, .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-silver\:50, .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-silver\:60, .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-silver\:70, .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-silver\:80, .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-silver\:90, .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-silver\:100, .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-silver, html.dark .sf-c-silver { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-silver\:0, html.dark .sf-c-silver\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-silver\:10, html.dark .sf-c-silver\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-silver\:20, html.dark .sf-c-silver\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-silver\:30, html.dark .sf-c-silver\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-silver\:40, html.dark .sf-c-silver\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-silver\:50, html.dark .sf-c-silver\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-silver\:60, html.dark .sf-c-silver\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-silver\:70, html.dark .sf-c-silver\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-silver\:80, html.dark .sf-c-silver\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-silver\:90, html.dark .sf-c-silver\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-silver\:100, html.dark .sf-c-silver\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-silver\:st, html.dark .sf-c-silver\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-silver\:0\:st, html.dark .sf-c-silver\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-silver\:10\:st, html.dark .sf-c-silver\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-silver\:20\:st, html.dark .sf-c-silver\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-silver\:30\:st, html.dark .sf-c-silver\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-silver\:40\:st, html.dark .sf-c-silver\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-silver\:50\:st, html.dark .sf-c-silver\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-silver\:60\:st, html.dark .sf-c-silver\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-silver\:70\:st, html.dark .sf-c-silver\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-silver\:80\:st, html.dark .sf-c-silver\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-silver\:90\:st, html.dark .sf-c-silver\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-silver\:100\:st, html.dark .sf-c-silver\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-silver\:st, html.dark .sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:0\:st, html.dark .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-silver\:10\:st, html.dark .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-silver\:20\:st, html.dark .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-silver\:30\:st, html.dark .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-silver\:40\:st, html.dark .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-silver\:50\:st, html.dark .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-silver\:60\:st, html.dark .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-silver\:70\:st, html.dark .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-silver\:80\:st, html.dark .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-silver\:90\:st, html.dark .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-silver\:100\:st, html.dark .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-silver, html.auto .sf-c-silver { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-silver\:0, html.auto .sf-c-silver\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-silver\:10, html.auto .sf-c-silver\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-silver\:20, html.auto .sf-c-silver\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-silver\:30, html.auto .sf-c-silver\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-silver\:40, html.auto .sf-c-silver\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-silver\:50, html.auto .sf-c-silver\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-silver\:60, html.auto .sf-c-silver\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-silver\:70, html.auto .sf-c-silver\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-silver\:80, html.auto .sf-c-silver\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-silver\:90, html.auto .sf-c-silver\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-silver\:100, html.auto .sf-c-silver\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-silver\:st, html.auto .sf-c-silver\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-silver\:0\:st, html.auto .sf-c-silver\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-silver\:10\:st, html.auto .sf-c-silver\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-silver\:20\:st, html.auto .sf-c-silver\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-silver\:30\:st, html.auto .sf-c-silver\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-silver\:40\:st, html.auto .sf-c-silver\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-silver\:50\:st, html.auto .sf-c-silver\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-silver\:60\:st, html.auto .sf-c-silver\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-silver\:70\:st, html.auto .sf-c-silver\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-silver\:80\:st, html.auto .sf-c-silver\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-silver\:90\:st, html.auto .sf-c-silver\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-silver\:100\:st, html.auto .sf-c-silver\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-silver\:st, html.auto .sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:0\:st, html.auto .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-silver\:10\:st, html.auto .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-silver\:20\:st, html.auto .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-silver\:30\:st, html.auto .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-silver\:40\:st, html.auto .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-silver\:50\:st, html.auto .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-silver\:60\:st, html.auto .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-silver\:70\:st, html.auto .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-silver\:80\:st, html.auto .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-silver\:90\:st, html.auto .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-silver\:100\:st, html.auto .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/skyblue.css b/src/colors/10/skyblue.css deleted file mode 100644 index f22af55..0000000 --- a/src/colors/10/skyblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-skyblue { - --sf-c-skyblue: 197 71% 73%; - --sf-c-skyblue-0: 197 71% 0%; - --sf-c-skyblue-10: 197 71% 10%; - --sf-c-skyblue-20: 197 71% 20%; - --sf-c-skyblue-30: 197 71% 30%; - --sf-c-skyblue-40: 197 71% 40%; - --sf-c-skyblue-50: 197 71% 50%; - --sf-c-skyblue-60: 197 71% 60%; - --sf-c-skyblue-70: 197 71% 70%; - --sf-c-skyblue-80: 197 71% 80%; - --sf-c-skyblue-90: 197 71% 90%; - --sf-c-skyblue-100: 197 71% 100%; -} - -.sf-c-skyblue, .sf-c-skyblue\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 73%) } -.sf-c-skyblue\:0, .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } -.sf-c-skyblue\:10, .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } -.sf-c-skyblue\:20, .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } -.sf-c-skyblue\:30, .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 30%) } -.sf-c-skyblue\:40, .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 40%) } -.sf-c-skyblue\:50, .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 50%) } -.sf-c-skyblue\:60, .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 60%) } -.sf-c-skyblue\:70, .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 70%) } -.sf-c-skyblue\:80, .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 80%) } -.sf-c-skyblue\:90, .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } -.sf-c-skyblue\:100, .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } - -.sf-c-txt-skyblue { color: hsl(197, 71%, 10%) } -.sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } -.sf-c-txt-skyblue\:0, .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } -.sf-c-txt-skyblue\:10, .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } -.sf-c-txt-skyblue\:20, .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } -.sf-c-txt-skyblue\:30, .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } -.sf-c-txt-skyblue\:40, .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } -.sf-c-txt-skyblue\:50, .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } -.sf-c-txt-skyblue\:60, .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } -.sf-c-txt-skyblue\:70, .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } -.sf-c-txt-skyblue\:80, .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } -.sf-c-txt-skyblue\:90, .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } -.sf-c-txt-skyblue\:100, .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } - -html[data-theme='dark'] .sf-c-skyblue, html.dark .sf-c-skyblue { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 27%) } -html[data-theme='dark'] .sf-c-skyblue\:0, html.dark .sf-c-skyblue\:0 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } -html[data-theme='dark'] .sf-c-skyblue\:10, html.dark .sf-c-skyblue\:10 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-skyblue\:20, html.dark .sf-c-skyblue\:20 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-skyblue\:30, html.dark .sf-c-skyblue\:30 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-skyblue\:40, html.dark .sf-c-skyblue\:40 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-skyblue\:50, html.dark .sf-c-skyblue\:50 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-skyblue\:60, html.dark .sf-c-skyblue\:60 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-skyblue\:70, html.dark .sf-c-skyblue\:70 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-skyblue\:80, html.dark .sf-c-skyblue\:80 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-skyblue\:90, html.dark .sf-c-skyblue\:90 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-skyblue\:100, html.dark .sf-c-skyblue\:100 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } - -html[data-theme='dark'] .sf-c-skyblue\:st, html.dark .sf-c-skyblue\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-skyblue\:0\:st, html.dark .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } -html[data-theme='dark'] .sf-c-skyblue\:10\:st, html.dark .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-skyblue\:20\:st, html.dark .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-skyblue\:30\:st, html.dark .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-skyblue\:40\:st, html.dark .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-skyblue\:50\:st, html.dark .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-skyblue\:60\:st, html.dark .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-skyblue\:70\:st, html.dark .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-skyblue\:80\:st, html.dark .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-skyblue\:90\:st, html.dark .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-skyblue\:100\:st, html.dark .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } - -html[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } - -html[data-theme='dark'] .sf-c-txt-skyblue\:st, html.dark .sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:0\:st, html.dark .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:10\:st, html.dark .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:20\:st, html.dark .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:30\:st, html.dark .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:40\:st, html.dark .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:50\:st, html.dark .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:60\:st, html.dark .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:70\:st, html.dark .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:80\:st, html.dark .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:90\:st, html.dark .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:100\:st, html.dark .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-skyblue, html.auto .sf-c-skyblue { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 27%) } - html[data-theme='auto'] .sf-c-skyblue\:0, html.auto .sf-c-skyblue\:0 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } - html[data-theme='auto'] .sf-c-skyblue\:10, html.auto .sf-c-skyblue\:10 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-skyblue\:20, html.auto .sf-c-skyblue\:20 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-skyblue\:30, html.auto .sf-c-skyblue\:30 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-skyblue\:40, html.auto .sf-c-skyblue\:40 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-skyblue\:50, html.auto .sf-c-skyblue\:50 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-skyblue\:60, html.auto .sf-c-skyblue\:60 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-skyblue\:70, html.auto .sf-c-skyblue\:70 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-skyblue\:80, html.auto .sf-c-skyblue\:80 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-skyblue\:90, html.auto .sf-c-skyblue\:90 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-skyblue\:100, html.auto .sf-c-skyblue\:100 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } - - html[data-theme='auto'] .sf-c-skyblue\:st, html.auto .sf-c-skyblue\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-skyblue\:0\:st, html.auto .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } - html[data-theme='auto'] .sf-c-skyblue\:10\:st, html.auto .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-skyblue\:20\:st, html.auto .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-skyblue\:30\:st, html.auto .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-skyblue\:40\:st, html.auto .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-skyblue\:50\:st, html.auto .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-skyblue\:60\:st, html.auto .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-skyblue\:70\:st, html.auto .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-skyblue\:80\:st, html.auto .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-skyblue\:90\:st, html.auto .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-skyblue\:100\:st, html.auto .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } - - html[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } - - html[data-theme='auto'] .sf-c-txt-skyblue\:st, html.auto .sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:0\:st, html.auto .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:10\:st, html.auto .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:20\:st, html.auto .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:30\:st, html.auto .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:40\:st, html.auto .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:50\:st, html.auto .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:60\:st, html.auto .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:70\:st, html.auto .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:80\:st, html.auto .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:90\:st, html.auto .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:100\:st, html.auto .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/slateblue.css b/src/colors/10/slateblue.css deleted file mode 100644 index caf8899..0000000 --- a/src/colors/10/slateblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-slateblue { - --sf-c-slateblue: 248 53% 58%; - --sf-c-slateblue-0: 248 53% 0%; - --sf-c-slateblue-10: 248 53% 10%; - --sf-c-slateblue-20: 248 53% 20%; - --sf-c-slateblue-30: 248 53% 30%; - --sf-c-slateblue-40: 248 53% 40%; - --sf-c-slateblue-50: 248 53% 50%; - --sf-c-slateblue-60: 248 53% 60%; - --sf-c-slateblue-70: 248 53% 70%; - --sf-c-slateblue-80: 248 53% 80%; - --sf-c-slateblue-90: 248 53% 90%; - --sf-c-slateblue-100: 248 53% 100%; -} - -.sf-c-slateblue, .sf-c-slateblue\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 58%) } -.sf-c-slateblue\:0, .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } -.sf-c-slateblue\:10, .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } -.sf-c-slateblue\:20, .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } -.sf-c-slateblue\:30, .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 30%) } -.sf-c-slateblue\:40, .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 40%) } -.sf-c-slateblue\:50, .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 50%) } -.sf-c-slateblue\:60, .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 60%) } -.sf-c-slateblue\:70, .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 70%) } -.sf-c-slateblue\:80, .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 80%) } -.sf-c-slateblue\:90, .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } -.sf-c-slateblue\:100, .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } - -.sf-c-txt-slateblue { color: hsl(248, 53%, 10%) } -.sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } -.sf-c-txt-slateblue\:0, .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } -.sf-c-txt-slateblue\:10, .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } -.sf-c-txt-slateblue\:20, .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } -.sf-c-txt-slateblue\:30, .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } -.sf-c-txt-slateblue\:40, .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } -.sf-c-txt-slateblue\:50, .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } -.sf-c-txt-slateblue\:60, .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } -.sf-c-txt-slateblue\:70, .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } -.sf-c-txt-slateblue\:80, .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } -.sf-c-txt-slateblue\:90, .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } -.sf-c-txt-slateblue\:100, .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } - -html[data-theme='dark'] .sf-c-slateblue, html.dark .sf-c-slateblue { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 42%) } -html[data-theme='dark'] .sf-c-slateblue\:0, html.dark .sf-c-slateblue\:0 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } -html[data-theme='dark'] .sf-c-slateblue\:10, html.dark .sf-c-slateblue\:10 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-slateblue\:20, html.dark .sf-c-slateblue\:20 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-slateblue\:30, html.dark .sf-c-slateblue\:30 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-slateblue\:40, html.dark .sf-c-slateblue\:40 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-slateblue\:50, html.dark .sf-c-slateblue\:50 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-slateblue\:60, html.dark .sf-c-slateblue\:60 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-slateblue\:70, html.dark .sf-c-slateblue\:70 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-slateblue\:80, html.dark .sf-c-slateblue\:80 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-slateblue\:90, html.dark .sf-c-slateblue\:90 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-slateblue\:100, html.dark .sf-c-slateblue\:100 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } - -html[data-theme='dark'] .sf-c-slateblue\:st, html.dark .sf-c-slateblue\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-slateblue\:0\:st, html.dark .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } -html[data-theme='dark'] .sf-c-slateblue\:10\:st, html.dark .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-slateblue\:20\:st, html.dark .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-slateblue\:30\:st, html.dark .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-slateblue\:40\:st, html.dark .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-slateblue\:50\:st, html.dark .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-slateblue\:60\:st, html.dark .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-slateblue\:70\:st, html.dark .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-slateblue\:80\:st, html.dark .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-slateblue\:90\:st, html.dark .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-slateblue\:100\:st, html.dark .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slateblue\:st, html.dark .sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:0\:st, html.dark .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:10\:st, html.dark .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:20\:st, html.dark .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:30\:st, html.dark .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:40\:st, html.dark .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:50\:st, html.dark .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:60\:st, html.dark .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:70\:st, html.dark .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:80\:st, html.dark .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:90\:st, html.dark .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:100\:st, html.dark .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slateblue, html.auto .sf-c-slateblue { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 42%) } - html[data-theme='auto'] .sf-c-slateblue\:0, html.auto .sf-c-slateblue\:0 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } - html[data-theme='auto'] .sf-c-slateblue\:10, html.auto .sf-c-slateblue\:10 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-slateblue\:20, html.auto .sf-c-slateblue\:20 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-slateblue\:30, html.auto .sf-c-slateblue\:30 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-slateblue\:40, html.auto .sf-c-slateblue\:40 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-slateblue\:50, html.auto .sf-c-slateblue\:50 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-slateblue\:60, html.auto .sf-c-slateblue\:60 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-slateblue\:70, html.auto .sf-c-slateblue\:70 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-slateblue\:80, html.auto .sf-c-slateblue\:80 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-slateblue\:90, html.auto .sf-c-slateblue\:90 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-slateblue\:100, html.auto .sf-c-slateblue\:100 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } - - html[data-theme='auto'] .sf-c-slateblue\:st, html.auto .sf-c-slateblue\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-slateblue\:0\:st, html.auto .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } - html[data-theme='auto'] .sf-c-slateblue\:10\:st, html.auto .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-slateblue\:20\:st, html.auto .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-slateblue\:30\:st, html.auto .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-slateblue\:40\:st, html.auto .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-slateblue\:50\:st, html.auto .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-slateblue\:60\:st, html.auto .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-slateblue\:70\:st, html.auto .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-slateblue\:80\:st, html.auto .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-slateblue\:90\:st, html.auto .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-slateblue\:100\:st, html.auto .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slateblue\:st, html.auto .sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:0\:st, html.auto .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:10\:st, html.auto .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:20\:st, html.auto .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:30\:st, html.auto .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:40\:st, html.auto .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:50\:st, html.auto .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:60\:st, html.auto .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:70\:st, html.auto .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:80\:st, html.auto .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:90\:st, html.auto .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:100\:st, html.auto .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/slategray.css b/src/colors/10/slategray.css deleted file mode 100644 index 5979a0a..0000000 --- a/src/colors/10/slategray.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-slategray { - --sf-c-slategray: 210 13% 50%; - --sf-c-slategray-0: 210 13% 0%; - --sf-c-slategray-10: 210 13% 10%; - --sf-c-slategray-20: 210 13% 20%; - --sf-c-slategray-30: 210 13% 30%; - --sf-c-slategray-40: 210 13% 40%; - --sf-c-slategray-50: 210 13% 50%; - --sf-c-slategray-60: 210 13% 60%; - --sf-c-slategray-70: 210 13% 70%; - --sf-c-slategray-80: 210 13% 80%; - --sf-c-slategray-90: 210 13% 90%; - --sf-c-slategray-100: 210 13% 100%; -} - -.sf-c-slategray, .sf-c-slategray\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -.sf-c-slategray\:0, .sf-c-slategray\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -.sf-c-slategray\:10, .sf-c-slategray\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -.sf-c-slategray\:20, .sf-c-slategray\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -.sf-c-slategray\:30, .sf-c-slategray\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -.sf-c-slategray\:40, .sf-c-slategray\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -.sf-c-slategray\:50, .sf-c-slategray\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -.sf-c-slategray\:60, .sf-c-slategray\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -.sf-c-slategray\:70, .sf-c-slategray\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -.sf-c-slategray\:80, .sf-c-slategray\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -.sf-c-slategray\:90, .sf-c-slategray\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -.sf-c-slategray\:100, .sf-c-slategray\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - -.sf-c-txt-slategray { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:0, .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } -.sf-c-txt-slategray\:10, .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } -.sf-c-txt-slategray\:20, .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } -.sf-c-txt-slategray\:30, .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } -.sf-c-txt-slategray\:40, .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } -.sf-c-txt-slategray\:50, .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:60, .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } -.sf-c-txt-slategray\:70, .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } -.sf-c-txt-slategray\:80, .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } -.sf-c-txt-slategray\:90, .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } -.sf-c-txt-slategray\:100, .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-slategray, html.dark .sf-c-slategray { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:0, html.dark .sf-c-slategray\:0 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-slategray\:10, html.dark .sf-c-slategray\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategray\:20, html.dark .sf-c-slategray\:20 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategray\:30, html.dark .sf-c-slategray\:30 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategray\:40, html.dark .sf-c-slategray\:40 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategray\:50, html.dark .sf-c-slategray\:50 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:60, html.dark .sf-c-slategray\:60 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategray\:70, html.dark .sf-c-slategray\:70 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategray\:80, html.dark .sf-c-slategray\:80 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategray\:90, html.dark .sf-c-slategray\:90 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategray\:100, html.dark .sf-c-slategray\:100 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-slategray\:st, html.dark .sf-c-slategray\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:0\:st, html.dark .sf-c-slategray\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-slategray\:10\:st, html.dark .sf-c-slategray\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategray\:20\:st, html.dark .sf-c-slategray\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategray\:30\:st, html.dark .sf-c-slategray\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategray\:40\:st, html.dark .sf-c-slategray\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategray\:50\:st, html.dark .sf-c-slategray\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:60\:st, html.dark .sf-c-slategray\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategray\:70\:st, html.dark .sf-c-slategray\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategray\:80\:st, html.dark .sf-c-slategray\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategray\:90\:st, html.dark .sf-c-slategray\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategray\:100\:st, html.dark .sf-c-slategray\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slategray\:st, html.dark .sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:0\:st, html.dark .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-txt-slategray\:10\:st, html.dark .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategray\:20\:st, html.dark .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategray\:30\:st, html.dark .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategray\:40\:st, html.dark .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategray\:50\:st, html.dark .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:60\:st, html.dark .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategray\:70\:st, html.dark .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategray\:80\:st, html.dark .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategray\:90\:st, html.dark .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategray\:100\:st, html.dark .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slategray, html.auto .sf-c-slategray { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:0, html.auto .sf-c-slategray\:0 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-slategray\:10, html.auto .sf-c-slategray\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategray\:20, html.auto .sf-c-slategray\:20 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategray\:30, html.auto .sf-c-slategray\:30 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategray\:40, html.auto .sf-c-slategray\:40 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategray\:50, html.auto .sf-c-slategray\:50 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:60, html.auto .sf-c-slategray\:60 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategray\:70, html.auto .sf-c-slategray\:70 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategray\:80, html.auto .sf-c-slategray\:80 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategray\:90, html.auto .sf-c-slategray\:90 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategray\:100, html.auto .sf-c-slategray\:100 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-slategray\:st, html.auto .sf-c-slategray\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:0\:st, html.auto .sf-c-slategray\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-slategray\:10\:st, html.auto .sf-c-slategray\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategray\:20\:st, html.auto .sf-c-slategray\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategray\:30\:st, html.auto .sf-c-slategray\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategray\:40\:st, html.auto .sf-c-slategray\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategray\:50\:st, html.auto .sf-c-slategray\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:60\:st, html.auto .sf-c-slategray\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategray\:70\:st, html.auto .sf-c-slategray\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategray\:80\:st, html.auto .sf-c-slategray\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategray\:90\:st, html.auto .sf-c-slategray\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategray\:100\:st, html.auto .sf-c-slategray\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slategray\:st, html.auto .sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:0\:st, html.auto .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-txt-slategray\:10\:st, html.auto .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategray\:20\:st, html.auto .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategray\:30\:st, html.auto .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategray\:40\:st, html.auto .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategray\:50\:st, html.auto .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:60\:st, html.auto .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategray\:70\:st, html.auto .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategray\:80\:st, html.auto .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategray\:90\:st, html.auto .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategray\:100\:st, html.auto .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/slategrey.css b/src/colors/10/slategrey.css deleted file mode 100644 index 0c5410e..0000000 --- a/src/colors/10/slategrey.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-slategrey { - --sf-c-slategrey: 210 13% 50%; - --sf-c-slategrey-0: 210 13% 0%; - --sf-c-slategrey-10: 210 13% 10%; - --sf-c-slategrey-20: 210 13% 20%; - --sf-c-slategrey-30: 210 13% 30%; - --sf-c-slategrey-40: 210 13% 40%; - --sf-c-slategrey-50: 210 13% 50%; - --sf-c-slategrey-60: 210 13% 60%; - --sf-c-slategrey-70: 210 13% 70%; - --sf-c-slategrey-80: 210 13% 80%; - --sf-c-slategrey-90: 210 13% 90%; - --sf-c-slategrey-100: 210 13% 100%; -} - -.sf-c-slategrey, .sf-c-slategrey\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -.sf-c-slategrey\:0, .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -.sf-c-slategrey\:10, .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -.sf-c-slategrey\:20, .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -.sf-c-slategrey\:30, .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -.sf-c-slategrey\:40, .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -.sf-c-slategrey\:50, .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -.sf-c-slategrey\:60, .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -.sf-c-slategrey\:70, .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -.sf-c-slategrey\:80, .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -.sf-c-slategrey\:90, .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -.sf-c-slategrey\:100, .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - -.sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:0, .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } -.sf-c-txt-slategrey\:10, .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } -.sf-c-txt-slategrey\:20, .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } -.sf-c-txt-slategrey\:30, .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } -.sf-c-txt-slategrey\:40, .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } -.sf-c-txt-slategrey\:50, .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:60, .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } -.sf-c-txt-slategrey\:70, .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } -.sf-c-txt-slategrey\:80, .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } -.sf-c-txt-slategrey\:90, .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } -.sf-c-txt-slategrey\:100, .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-slategrey, html.dark .sf-c-slategrey { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:0, html.dark .sf-c-slategrey\:0 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-slategrey\:10, html.dark .sf-c-slategrey\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategrey\:20, html.dark .sf-c-slategrey\:20 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategrey\:30, html.dark .sf-c-slategrey\:30 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategrey\:40, html.dark .sf-c-slategrey\:40 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategrey\:50, html.dark .sf-c-slategrey\:50 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:60, html.dark .sf-c-slategrey\:60 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategrey\:70, html.dark .sf-c-slategrey\:70 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategrey\:80, html.dark .sf-c-slategrey\:80 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategrey\:90, html.dark .sf-c-slategrey\:90 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategrey\:100, html.dark .sf-c-slategrey\:100 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-slategrey\:st, html.dark .sf-c-slategrey\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:0\:st, html.dark .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-slategrey\:10\:st, html.dark .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategrey\:20\:st, html.dark .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategrey\:30\:st, html.dark .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategrey\:40\:st, html.dark .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategrey\:50\:st, html.dark .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:60\:st, html.dark .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategrey\:70\:st, html.dark .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategrey\:80\:st, html.dark .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategrey\:90\:st, html.dark .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategrey\:100\:st, html.dark .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slategrey\:st, html.dark .sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:0\:st, html.dark .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:10\:st, html.dark .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:20\:st, html.dark .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:30\:st, html.dark .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:40\:st, html.dark .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:50\:st, html.dark .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:60\:st, html.dark .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:70\:st, html.dark .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:80\:st, html.dark .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:90\:st, html.dark .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:100\:st, html.dark .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slategrey, html.auto .sf-c-slategrey { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:0, html.auto .sf-c-slategrey\:0 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-slategrey\:10, html.auto .sf-c-slategrey\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategrey\:20, html.auto .sf-c-slategrey\:20 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategrey\:30, html.auto .sf-c-slategrey\:30 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategrey\:40, html.auto .sf-c-slategrey\:40 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategrey\:50, html.auto .sf-c-slategrey\:50 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:60, html.auto .sf-c-slategrey\:60 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategrey\:70, html.auto .sf-c-slategrey\:70 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategrey\:80, html.auto .sf-c-slategrey\:80 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategrey\:90, html.auto .sf-c-slategrey\:90 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategrey\:100, html.auto .sf-c-slategrey\:100 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-slategrey\:st, html.auto .sf-c-slategrey\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:0\:st, html.auto .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-slategrey\:10\:st, html.auto .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategrey\:20\:st, html.auto .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategrey\:30\:st, html.auto .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategrey\:40\:st, html.auto .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategrey\:50\:st, html.auto .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:60\:st, html.auto .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategrey\:70\:st, html.auto .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategrey\:80\:st, html.auto .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategrey\:90\:st, html.auto .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategrey\:100\:st, html.auto .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slategrey\:st, html.auto .sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:0\:st, html.auto .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:10\:st, html.auto .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:20\:st, html.auto .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:30\:st, html.auto .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:40\:st, html.auto .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:50\:st, html.auto .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:60\:st, html.auto .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:70\:st, html.auto .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:80\:st, html.auto .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:90\:st, html.auto .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:100\:st, html.auto .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/snow.css b/src/colors/10/snow.css deleted file mode 100644 index 3af9482..0000000 --- a/src/colors/10/snow.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-snow { - --sf-c-snow: 0 100% 99%; - --sf-c-snow-0: 0 100% 0%; - --sf-c-snow-10: 0 100% 10%; - --sf-c-snow-20: 0 100% 20%; - --sf-c-snow-30: 0 100% 30%; - --sf-c-snow-40: 0 100% 40%; - --sf-c-snow-50: 0 100% 50%; - --sf-c-snow-60: 0 100% 60%; - --sf-c-snow-70: 0 100% 70%; - --sf-c-snow-80: 0 100% 80%; - --sf-c-snow-90: 0 100% 90%; - --sf-c-snow-100: 0 100% 100%; -} - -.sf-c-snow, .sf-c-snow\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 99%) } -.sf-c-snow\:0, .sf-c-snow\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -.sf-c-snow\:10, .sf-c-snow\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -.sf-c-snow\:20, .sf-c-snow\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -.sf-c-snow\:30, .sf-c-snow\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -.sf-c-snow\:40, .sf-c-snow\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -.sf-c-snow\:50, .sf-c-snow\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -.sf-c-snow\:60, .sf-c-snow\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -.sf-c-snow\:70, .sf-c-snow\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -.sf-c-snow\:80, .sf-c-snow\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -.sf-c-snow\:90, .sf-c-snow\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -.sf-c-snow\:100, .sf-c-snow\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-snow { color: hsl(0, 100%, 10%) } -.sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } -.sf-c-txt-snow\:0, .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-snow\:10, .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-snow\:20, .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-snow\:30, .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-snow\:40, .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-snow\:50, .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-snow\:60, .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-snow\:70, .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-snow\:80, .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-snow\:90, .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-snow\:100, .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-snow, html.dark .sf-c-snow { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 1%) } -html[data-theme='dark'] .sf-c-snow\:0, html.dark .sf-c-snow\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-snow\:10, html.dark .sf-c-snow\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-snow\:20, html.dark .sf-c-snow\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-snow\:30, html.dark .sf-c-snow\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-snow\:40, html.dark .sf-c-snow\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-snow\:50, html.dark .sf-c-snow\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-snow\:60, html.dark .sf-c-snow\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-snow\:70, html.dark .sf-c-snow\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-snow\:80, html.dark .sf-c-snow\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-snow\:90, html.dark .sf-c-snow\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-snow\:100, html.dark .sf-c-snow\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-snow\:st, html.dark .sf-c-snow\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-snow\:0\:st, html.dark .sf-c-snow\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-snow\:10\:st, html.dark .sf-c-snow\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-snow\:20\:st, html.dark .sf-c-snow\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-snow\:30\:st, html.dark .sf-c-snow\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-snow\:40\:st, html.dark .sf-c-snow\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-snow\:50\:st, html.dark .sf-c-snow\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-snow\:60\:st, html.dark .sf-c-snow\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-snow\:70\:st, html.dark .sf-c-snow\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-snow\:80\:st, html.dark .sf-c-snow\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-snow\:90\:st, html.dark .sf-c-snow\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-snow\:100\:st, html.dark .sf-c-snow\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-snow\:st, html.dark .sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-snow\:0\:st, html.dark .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-snow\:10\:st, html.dark .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-snow\:20\:st, html.dark .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-snow\:30\:st, html.dark .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-snow\:40\:st, html.dark .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-snow\:50\:st, html.dark .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-snow\:60\:st, html.dark .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-snow\:70\:st, html.dark .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-snow\:80\:st, html.dark .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-snow\:90\:st, html.dark .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-snow\:100\:st, html.dark .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-snow, html.auto .sf-c-snow { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 1%) } - html[data-theme='auto'] .sf-c-snow\:0, html.auto .sf-c-snow\:0 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-snow\:10, html.auto .sf-c-snow\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-snow\:20, html.auto .sf-c-snow\:20 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-snow\:30, html.auto .sf-c-snow\:30 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-snow\:40, html.auto .sf-c-snow\:40 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-snow\:50, html.auto .sf-c-snow\:50 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-snow\:60, html.auto .sf-c-snow\:60 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-snow\:70, html.auto .sf-c-snow\:70 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-snow\:80, html.auto .sf-c-snow\:80 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-snow\:90, html.auto .sf-c-snow\:90 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-snow\:100, html.auto .sf-c-snow\:100 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-snow\:st, html.auto .sf-c-snow\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-snow\:0\:st, html.auto .sf-c-snow\:0\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-snow\:10\:st, html.auto .sf-c-snow\:10\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-snow\:20\:st, html.auto .sf-c-snow\:20\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-snow\:30\:st, html.auto .sf-c-snow\:30\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-snow\:40\:st, html.auto .sf-c-snow\:40\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-snow\:50\:st, html.auto .sf-c-snow\:50\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-snow\:60\:st, html.auto .sf-c-snow\:60\:st { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-snow\:70\:st, html.auto .sf-c-snow\:70\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-snow\:80\:st, html.auto .sf-c-snow\:80\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-snow\:90\:st, html.auto .sf-c-snow\:90\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-snow\:100\:st, html.auto .sf-c-snow\:100\:st { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-snow\:st, html.auto .sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-snow\:0\:st, html.auto .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-snow\:10\:st, html.auto .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-snow\:20\:st, html.auto .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-snow\:30\:st, html.auto .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-snow\:40\:st, html.auto .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-snow\:50\:st, html.auto .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-snow\:60\:st, html.auto .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-snow\:70\:st, html.auto .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-snow\:80\:st, html.auto .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-snow\:90\:st, html.auto .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-snow\:100\:st, html.auto .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/springgreen.css b/src/colors/10/springgreen.css deleted file mode 100644 index 454fe5e..0000000 --- a/src/colors/10/springgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-springgreen { - --sf-c-springgreen: 150 100% 50%; - --sf-c-springgreen-0: 150 100% 0%; - --sf-c-springgreen-10: 150 100% 10%; - --sf-c-springgreen-20: 150 100% 20%; - --sf-c-springgreen-30: 150 100% 30%; - --sf-c-springgreen-40: 150 100% 40%; - --sf-c-springgreen-50: 150 100% 50%; - --sf-c-springgreen-60: 150 100% 60%; - --sf-c-springgreen-70: 150 100% 70%; - --sf-c-springgreen-80: 150 100% 80%; - --sf-c-springgreen-90: 150 100% 90%; - --sf-c-springgreen-100: 150 100% 100%; -} - -.sf-c-springgreen, .sf-c-springgreen\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -.sf-c-springgreen\:0, .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -.sf-c-springgreen\:10, .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -.sf-c-springgreen\:20, .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -.sf-c-springgreen\:30, .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -.sf-c-springgreen\:40, .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -.sf-c-springgreen\:50, .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -.sf-c-springgreen\:60, .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -.sf-c-springgreen\:70, .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -.sf-c-springgreen\:80, .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -.sf-c-springgreen\:90, .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -.sf-c-springgreen\:100, .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - -.sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:0, .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } -.sf-c-txt-springgreen\:10, .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } -.sf-c-txt-springgreen\:20, .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } -.sf-c-txt-springgreen\:30, .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } -.sf-c-txt-springgreen\:40, .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } -.sf-c-txt-springgreen\:50, .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:60, .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } -.sf-c-txt-springgreen\:70, .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } -.sf-c-txt-springgreen\:80, .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } -.sf-c-txt-springgreen\:90, .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } -.sf-c-txt-springgreen\:100, .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-springgreen, html.dark .sf-c-springgreen { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:0, html.dark .sf-c-springgreen\:0 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-springgreen\:10, html.dark .sf-c-springgreen\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-springgreen\:20, html.dark .sf-c-springgreen\:20 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-springgreen\:30, html.dark .sf-c-springgreen\:30 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-springgreen\:40, html.dark .sf-c-springgreen\:40 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-springgreen\:50, html.dark .sf-c-springgreen\:50 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:60, html.dark .sf-c-springgreen\:60 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-springgreen\:70, html.dark .sf-c-springgreen\:70 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-springgreen\:80, html.dark .sf-c-springgreen\:80 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-springgreen\:90, html.dark .sf-c-springgreen\:90 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-springgreen\:100, html.dark .sf-c-springgreen\:100 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-springgreen\:st, html.dark .sf-c-springgreen\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:0\:st, html.dark .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-springgreen\:10\:st, html.dark .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-springgreen\:20\:st, html.dark .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-springgreen\:30\:st, html.dark .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-springgreen\:40\:st, html.dark .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-springgreen\:50\:st, html.dark .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:60\:st, html.dark .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-springgreen\:70\:st, html.dark .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-springgreen\:80\:st, html.dark .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-springgreen\:90\:st, html.dark .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-springgreen\:100\:st, html.dark .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-springgreen\:st, html.dark .sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:0\:st, html.dark .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:10\:st, html.dark .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:20\:st, html.dark .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:30\:st, html.dark .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:40\:st, html.dark .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:50\:st, html.dark .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:60\:st, html.dark .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:70\:st, html.dark .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:80\:st, html.dark .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:90\:st, html.dark .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:100\:st, html.dark .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-springgreen, html.auto .sf-c-springgreen { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:0, html.auto .sf-c-springgreen\:0 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-springgreen\:10, html.auto .sf-c-springgreen\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-springgreen\:20, html.auto .sf-c-springgreen\:20 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-springgreen\:30, html.auto .sf-c-springgreen\:30 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-springgreen\:40, html.auto .sf-c-springgreen\:40 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-springgreen\:50, html.auto .sf-c-springgreen\:50 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:60, html.auto .sf-c-springgreen\:60 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-springgreen\:70, html.auto .sf-c-springgreen\:70 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-springgreen\:80, html.auto .sf-c-springgreen\:80 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-springgreen\:90, html.auto .sf-c-springgreen\:90 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-springgreen\:100, html.auto .sf-c-springgreen\:100 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-springgreen\:st, html.auto .sf-c-springgreen\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:0\:st, html.auto .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-springgreen\:10\:st, html.auto .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-springgreen\:20\:st, html.auto .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-springgreen\:30\:st, html.auto .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-springgreen\:40\:st, html.auto .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-springgreen\:50\:st, html.auto .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:60\:st, html.auto .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-springgreen\:70\:st, html.auto .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-springgreen\:80\:st, html.auto .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-springgreen\:90\:st, html.auto .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-springgreen\:100\:st, html.auto .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-springgreen\:st, html.auto .sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:0\:st, html.auto .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:10\:st, html.auto .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:20\:st, html.auto .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:30\:st, html.auto .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:40\:st, html.auto .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:50\:st, html.auto .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:60\:st, html.auto .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:70\:st, html.auto .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:80\:st, html.auto .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:90\:st, html.auto .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:100\:st, html.auto .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/steelblue.css b/src/colors/10/steelblue.css deleted file mode 100644 index 0a82f87..0000000 --- a/src/colors/10/steelblue.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-steelblue { - --sf-c-steelblue: 207 44% 49%; - --sf-c-steelblue-0: 207 44% 0%; - --sf-c-steelblue-10: 207 44% 10%; - --sf-c-steelblue-20: 207 44% 20%; - --sf-c-steelblue-30: 207 44% 30%; - --sf-c-steelblue-40: 207 44% 40%; - --sf-c-steelblue-50: 207 44% 50%; - --sf-c-steelblue-60: 207 44% 60%; - --sf-c-steelblue-70: 207 44% 70%; - --sf-c-steelblue-80: 207 44% 80%; - --sf-c-steelblue-90: 207 44% 90%; - --sf-c-steelblue-100: 207 44% 100%; -} - -.sf-c-steelblue, .sf-c-steelblue\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 49%) } -.sf-c-steelblue\:0, .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } -.sf-c-steelblue\:10, .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } -.sf-c-steelblue\:20, .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } -.sf-c-steelblue\:30, .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 30%) } -.sf-c-steelblue\:40, .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 40%) } -.sf-c-steelblue\:50, .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 50%) } -.sf-c-steelblue\:60, .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 60%) } -.sf-c-steelblue\:70, .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 70%) } -.sf-c-steelblue\:80, .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 80%) } -.sf-c-steelblue\:90, .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } -.sf-c-steelblue\:100, .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } - -.sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } -.sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } -.sf-c-txt-steelblue\:0, .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } -.sf-c-txt-steelblue\:10, .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } -.sf-c-txt-steelblue\:20, .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } -.sf-c-txt-steelblue\:30, .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } -.sf-c-txt-steelblue\:40, .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } -.sf-c-txt-steelblue\:50, .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } -.sf-c-txt-steelblue\:60, .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } -.sf-c-txt-steelblue\:70, .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } -.sf-c-txt-steelblue\:80, .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } -.sf-c-txt-steelblue\:90, .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } -.sf-c-txt-steelblue\:100, .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } - -html[data-theme='dark'] .sf-c-steelblue, html.dark .sf-c-steelblue { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 51%) } -html[data-theme='dark'] .sf-c-steelblue\:0, html.dark .sf-c-steelblue\:0 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } -html[data-theme='dark'] .sf-c-steelblue\:10, html.dark .sf-c-steelblue\:10 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-steelblue\:20, html.dark .sf-c-steelblue\:20 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-steelblue\:30, html.dark .sf-c-steelblue\:30 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-steelblue\:40, html.dark .sf-c-steelblue\:40 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-steelblue\:50, html.dark .sf-c-steelblue\:50 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-steelblue\:60, html.dark .sf-c-steelblue\:60 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-steelblue\:70, html.dark .sf-c-steelblue\:70 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-steelblue\:80, html.dark .sf-c-steelblue\:80 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-steelblue\:90, html.dark .sf-c-steelblue\:90 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-steelblue\:100, html.dark .sf-c-steelblue\:100 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } - -html[data-theme='dark'] .sf-c-steelblue\:st, html.dark .sf-c-steelblue\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 49%) } -html[data-theme='dark'] .sf-c-steelblue\:0\:st, html.dark .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } -html[data-theme='dark'] .sf-c-steelblue\:10\:st, html.dark .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-steelblue\:20\:st, html.dark .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-steelblue\:30\:st, html.dark .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-steelblue\:40\:st, html.dark .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-steelblue\:50\:st, html.dark .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-steelblue\:60\:st, html.dark .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-steelblue\:70\:st, html.dark .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-steelblue\:80\:st, html.dark .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-steelblue\:90\:st, html.dark .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-steelblue\:100\:st, html.dark .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } - -html[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } - -html[data-theme='dark'] .sf-c-txt-steelblue\:st, html.dark .sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:0\:st, html.dark .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:10\:st, html.dark .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:20\:st, html.dark .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:30\:st, html.dark .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:40\:st, html.dark .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:50\:st, html.dark .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:60\:st, html.dark .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:70\:st, html.dark .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:80\:st, html.dark .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:90\:st, html.dark .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:100\:st, html.dark .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-steelblue, html.auto .sf-c-steelblue { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 51%) } - html[data-theme='auto'] .sf-c-steelblue\:0, html.auto .sf-c-steelblue\:0 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } - html[data-theme='auto'] .sf-c-steelblue\:10, html.auto .sf-c-steelblue\:10 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-steelblue\:20, html.auto .sf-c-steelblue\:20 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-steelblue\:30, html.auto .sf-c-steelblue\:30 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-steelblue\:40, html.auto .sf-c-steelblue\:40 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-steelblue\:50, html.auto .sf-c-steelblue\:50 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-steelblue\:60, html.auto .sf-c-steelblue\:60 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-steelblue\:70, html.auto .sf-c-steelblue\:70 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-steelblue\:80, html.auto .sf-c-steelblue\:80 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-steelblue\:90, html.auto .sf-c-steelblue\:90 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-steelblue\:100, html.auto .sf-c-steelblue\:100 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } - - html[data-theme='auto'] .sf-c-steelblue\:st, html.auto .sf-c-steelblue\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 49%) } - html[data-theme='auto'] .sf-c-steelblue\:0\:st, html.auto .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } - html[data-theme='auto'] .sf-c-steelblue\:10\:st, html.auto .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-steelblue\:20\:st, html.auto .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-steelblue\:30\:st, html.auto .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-steelblue\:40\:st, html.auto .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-steelblue\:50\:st, html.auto .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-steelblue\:60\:st, html.auto .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-steelblue\:70\:st, html.auto .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-steelblue\:80\:st, html.auto .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-steelblue\:90\:st, html.auto .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-steelblue\:100\:st, html.auto .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } - - html[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } - - html[data-theme='auto'] .sf-c-txt-steelblue\:st, html.auto .sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:0\:st, html.auto .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:10\:st, html.auto .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:20\:st, html.auto .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:30\:st, html.auto .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:40\:st, html.auto .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:50\:st, html.auto .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:60\:st, html.auto .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:70\:st, html.auto .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:80\:st, html.auto .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:90\:st, html.auto .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:100\:st, html.auto .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/tan.css b/src/colors/10/tan.css deleted file mode 100644 index 60eff0b..0000000 --- a/src/colors/10/tan.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-tan { - --sf-c-tan: 34 44% 69%; - --sf-c-tan-0: 34 44% 0%; - --sf-c-tan-10: 34 44% 10%; - --sf-c-tan-20: 34 44% 20%; - --sf-c-tan-30: 34 44% 30%; - --sf-c-tan-40: 34 44% 40%; - --sf-c-tan-50: 34 44% 50%; - --sf-c-tan-60: 34 44% 60%; - --sf-c-tan-70: 34 44% 70%; - --sf-c-tan-80: 34 44% 80%; - --sf-c-tan-90: 34 44% 90%; - --sf-c-tan-100: 34 44% 100%; -} - -.sf-c-tan, .sf-c-tan\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 69%) } -.sf-c-tan\:0, .sf-c-tan\:0\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } -.sf-c-tan\:10, .sf-c-tan\:10\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } -.sf-c-tan\:20, .sf-c-tan\:20\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } -.sf-c-tan\:30, .sf-c-tan\:30\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 30%) } -.sf-c-tan\:40, .sf-c-tan\:40\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 40%) } -.sf-c-tan\:50, .sf-c-tan\:50\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 50%) } -.sf-c-tan\:60, .sf-c-tan\:60\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 60%) } -.sf-c-tan\:70, .sf-c-tan\:70\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 70%) } -.sf-c-tan\:80, .sf-c-tan\:80\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) } -.sf-c-tan\:90, .sf-c-tan\:90\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } -.sf-c-tan\:100, .sf-c-tan\:100\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } - -.sf-c-txt-tan { color: hsl(34, 44%, 10%) } -.sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } -.sf-c-txt-tan\:0, .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } -.sf-c-txt-tan\:10, .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } -.sf-c-txt-tan\:20, .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } -.sf-c-txt-tan\:30, .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } -.sf-c-txt-tan\:40, .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } -.sf-c-txt-tan\:50, .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } -.sf-c-txt-tan\:60, .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } -.sf-c-txt-tan\:70, .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } -.sf-c-txt-tan\:80, .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } -.sf-c-txt-tan\:90, .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } -.sf-c-txt-tan\:100, .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } - -html[data-theme='dark'] .sf-c-tan, html.dark .sf-c-tan { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 31%) } -html[data-theme='dark'] .sf-c-tan\:0, html.dark .sf-c-tan\:0 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } -html[data-theme='dark'] .sf-c-tan\:10, html.dark .sf-c-tan\:10 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-tan\:20, html.dark .sf-c-tan\:20 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-tan\:30, html.dark .sf-c-tan\:30 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-tan\:40, html.dark .sf-c-tan\:40 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-tan\:50, html.dark .sf-c-tan\:50 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-tan\:60, html.dark .sf-c-tan\:60 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-tan\:70, html.dark .sf-c-tan\:70 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-tan\:80, html.dark .sf-c-tan\:80 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-tan\:90, html.dark .sf-c-tan\:90 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-tan\:100, html.dark .sf-c-tan\:100 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } - -html[data-theme='dark'] .sf-c-tan\:st, html.dark .sf-c-tan\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-tan\:0\:st, html.dark .sf-c-tan\:0\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } -html[data-theme='dark'] .sf-c-tan\:10\:st, html.dark .sf-c-tan\:10\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-tan\:20\:st, html.dark .sf-c-tan\:20\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-tan\:30\:st, html.dark .sf-c-tan\:30\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-tan\:40\:st, html.dark .sf-c-tan\:40\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-tan\:50\:st, html.dark .sf-c-tan\:50\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-tan\:60\:st, html.dark .sf-c-tan\:60\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-tan\:70\:st, html.dark .sf-c-tan\:70\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-tan\:80\:st, html.dark .sf-c-tan\:80\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-tan\:90\:st, html.dark .sf-c-tan\:90\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-tan\:100\:st, html.dark .sf-c-tan\:100\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } - -html[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } -html[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } - -html[data-theme='dark'] .sf-c-txt-tan\:st, html.dark .sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-txt-tan\:0\:st, html.dark .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } -html[data-theme='dark'] .sf-c-txt-tan\:10\:st, html.dark .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-tan\:20\:st, html.dark .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-tan\:30\:st, html.dark .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-tan\:40\:st, html.dark .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-tan\:50\:st, html.dark .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-tan\:60\:st, html.dark .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-tan\:70\:st, html.dark .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-tan\:80\:st, html.dark .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-tan\:90\:st, html.dark .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-tan\:100\:st, html.dark .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-tan, html.auto .sf-c-tan { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 31%) } - html[data-theme='auto'] .sf-c-tan\:0, html.auto .sf-c-tan\:0 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } - html[data-theme='auto'] .sf-c-tan\:10, html.auto .sf-c-tan\:10 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-tan\:20, html.auto .sf-c-tan\:20 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-tan\:30, html.auto .sf-c-tan\:30 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-tan\:40, html.auto .sf-c-tan\:40 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-tan\:50, html.auto .sf-c-tan\:50 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-tan\:60, html.auto .sf-c-tan\:60 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-tan\:70, html.auto .sf-c-tan\:70 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-tan\:80, html.auto .sf-c-tan\:80 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-tan\:90, html.auto .sf-c-tan\:90 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-tan\:100, html.auto .sf-c-tan\:100 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } - - html[data-theme='auto'] .sf-c-tan\:st, html.auto .sf-c-tan\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-tan\:0\:st, html.auto .sf-c-tan\:0\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } - html[data-theme='auto'] .sf-c-tan\:10\:st, html.auto .sf-c-tan\:10\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-tan\:20\:st, html.auto .sf-c-tan\:20\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-tan\:30\:st, html.auto .sf-c-tan\:30\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-tan\:40\:st, html.auto .sf-c-tan\:40\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-tan\:50\:st, html.auto .sf-c-tan\:50\:st { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-tan\:60\:st, html.auto .sf-c-tan\:60\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-tan\:70\:st, html.auto .sf-c-tan\:70\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-tan\:80\:st, html.auto .sf-c-tan\:80\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-tan\:90\:st, html.auto .sf-c-tan\:90\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-tan\:100\:st, html.auto .sf-c-tan\:100\:st { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } - - html[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } - html[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } - - html[data-theme='auto'] .sf-c-txt-tan\:st, html.auto .sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-txt-tan\:0\:st, html.auto .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } - html[data-theme='auto'] .sf-c-txt-tan\:10\:st, html.auto .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-tan\:20\:st, html.auto .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-tan\:30\:st, html.auto .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-tan\:40\:st, html.auto .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-tan\:50\:st, html.auto .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-tan\:60\:st, html.auto .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-tan\:70\:st, html.auto .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-tan\:80\:st, html.auto .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-tan\:90\:st, html.auto .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-tan\:100\:st, html.auto .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/teal.css b/src/colors/10/teal.css deleted file mode 100644 index c62166f..0000000 --- a/src/colors/10/teal.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-teal { - --sf-c-teal: 180 100% 25%; - --sf-c-teal-0: 180 100% 0%; - --sf-c-teal-10: 180 100% 10%; - --sf-c-teal-20: 180 100% 20%; - --sf-c-teal-30: 180 100% 30%; - --sf-c-teal-40: 180 100% 40%; - --sf-c-teal-50: 180 100% 50%; - --sf-c-teal-60: 180 100% 60%; - --sf-c-teal-70: 180 100% 70%; - --sf-c-teal-80: 180 100% 80%; - --sf-c-teal-90: 180 100% 90%; - --sf-c-teal-100: 180 100% 100%; -} - -.sf-c-teal, .sf-c-teal\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 25%) } -.sf-c-teal\:0, .sf-c-teal\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -.sf-c-teal\:10, .sf-c-teal\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -.sf-c-teal\:20, .sf-c-teal\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -.sf-c-teal\:30, .sf-c-teal\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -.sf-c-teal\:40, .sf-c-teal\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -.sf-c-teal\:50, .sf-c-teal\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -.sf-c-teal\:60, .sf-c-teal\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -.sf-c-teal\:70, .sf-c-teal\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -.sf-c-teal\:80, .sf-c-teal\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -.sf-c-teal\:90, .sf-c-teal\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -.sf-c-teal\:100, .sf-c-teal\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-teal { color: hsl(180, 100%, 25%) } -.sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-teal\:0, .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-teal\:10, .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-teal\:20, .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-teal\:30, .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-teal\:40, .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-teal\:50, .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-teal\:60, .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-teal\:70, .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-teal\:80, .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-teal\:90, .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-teal\:100, .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-teal, html.dark .sf-c-teal { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-teal\:0, html.dark .sf-c-teal\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-teal\:10, html.dark .sf-c-teal\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-teal\:20, html.dark .sf-c-teal\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-teal\:30, html.dark .sf-c-teal\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-teal\:40, html.dark .sf-c-teal\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-teal\:50, html.dark .sf-c-teal\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-teal\:60, html.dark .sf-c-teal\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-teal\:70, html.dark .sf-c-teal\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-teal\:80, html.dark .sf-c-teal\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-teal\:90, html.dark .sf-c-teal\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-teal\:100, html.dark .sf-c-teal\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-teal\:st, html.dark .sf-c-teal\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-teal\:0\:st, html.dark .sf-c-teal\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-teal\:10\:st, html.dark .sf-c-teal\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-teal\:20\:st, html.dark .sf-c-teal\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-teal\:30\:st, html.dark .sf-c-teal\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-teal\:40\:st, html.dark .sf-c-teal\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-teal\:50\:st, html.dark .sf-c-teal\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-teal\:60\:st, html.dark .sf-c-teal\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-teal\:70\:st, html.dark .sf-c-teal\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-teal\:80\:st, html.dark .sf-c-teal\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-teal\:90\:st, html.dark .sf-c-teal\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-teal\:100\:st, html.dark .sf-c-teal\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-teal\:st, html.dark .sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-teal\:0\:st, html.dark .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-teal\:10\:st, html.dark .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-teal\:20\:st, html.dark .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-teal\:30\:st, html.dark .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-teal\:40\:st, html.dark .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-teal\:50\:st, html.dark .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-teal\:60\:st, html.dark .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-teal\:70\:st, html.dark .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-teal\:80\:st, html.dark .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-teal\:90\:st, html.dark .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-teal\:100\:st, html.dark .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-teal, html.auto .sf-c-teal { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-teal\:0, html.auto .sf-c-teal\:0 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-teal\:10, html.auto .sf-c-teal\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-teal\:20, html.auto .sf-c-teal\:20 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-teal\:30, html.auto .sf-c-teal\:30 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-teal\:40, html.auto .sf-c-teal\:40 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-teal\:50, html.auto .sf-c-teal\:50 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-teal\:60, html.auto .sf-c-teal\:60 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-teal\:70, html.auto .sf-c-teal\:70 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-teal\:80, html.auto .sf-c-teal\:80 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-teal\:90, html.auto .sf-c-teal\:90 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-teal\:100, html.auto .sf-c-teal\:100 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-teal\:st, html.auto .sf-c-teal\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-teal\:0\:st, html.auto .sf-c-teal\:0\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-teal\:10\:st, html.auto .sf-c-teal\:10\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-teal\:20\:st, html.auto .sf-c-teal\:20\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-teal\:30\:st, html.auto .sf-c-teal\:30\:st { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-teal\:40\:st, html.auto .sf-c-teal\:40\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-teal\:50\:st, html.auto .sf-c-teal\:50\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-teal\:60\:st, html.auto .sf-c-teal\:60\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-teal\:70\:st, html.auto .sf-c-teal\:70\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-teal\:80\:st, html.auto .sf-c-teal\:80\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-teal\:90\:st, html.auto .sf-c-teal\:90\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-teal\:100\:st, html.auto .sf-c-teal\:100\:st { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-teal\:st, html.auto .sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-teal\:0\:st, html.auto .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-teal\:10\:st, html.auto .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-teal\:20\:st, html.auto .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-teal\:30\:st, html.auto .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-teal\:40\:st, html.auto .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-teal\:50\:st, html.auto .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-teal\:60\:st, html.auto .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-teal\:70\:st, html.auto .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-teal\:80\:st, html.auto .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-teal\:90\:st, html.auto .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-teal\:100\:st, html.auto .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/thistle.css b/src/colors/10/thistle.css deleted file mode 100644 index 67c1b67..0000000 --- a/src/colors/10/thistle.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-thistle { - --sf-c-thistle: 300 24% 80%; - --sf-c-thistle-0: 300 24% 0%; - --sf-c-thistle-10: 300 24% 10%; - --sf-c-thistle-20: 300 24% 20%; - --sf-c-thistle-30: 300 24% 30%; - --sf-c-thistle-40: 300 24% 40%; - --sf-c-thistle-50: 300 24% 50%; - --sf-c-thistle-60: 300 24% 60%; - --sf-c-thistle-70: 300 24% 70%; - --sf-c-thistle-80: 300 24% 80%; - --sf-c-thistle-90: 300 24% 90%; - --sf-c-thistle-100: 300 24% 100%; -} - -.sf-c-thistle, .sf-c-thistle\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } -.sf-c-thistle\:0, .sf-c-thistle\:0\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } -.sf-c-thistle\:10, .sf-c-thistle\:10\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } -.sf-c-thistle\:20, .sf-c-thistle\:20\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } -.sf-c-thistle\:30, .sf-c-thistle\:30\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 30%) } -.sf-c-thistle\:40, .sf-c-thistle\:40\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 40%) } -.sf-c-thistle\:50, .sf-c-thistle\:50\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 50%) } -.sf-c-thistle\:60, .sf-c-thistle\:60\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 60%) } -.sf-c-thistle\:70, .sf-c-thistle\:70\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 70%) } -.sf-c-thistle\:80, .sf-c-thistle\:80\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } -.sf-c-thistle\:90, .sf-c-thistle\:90\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } -.sf-c-thistle\:100, .sf-c-thistle\:100\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } - -.sf-c-txt-thistle { color: hsl(300, 24%, 10%) } -.sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } -.sf-c-txt-thistle\:0, .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } -.sf-c-txt-thistle\:10, .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } -.sf-c-txt-thistle\:20, .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } -.sf-c-txt-thistle\:30, .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } -.sf-c-txt-thistle\:40, .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } -.sf-c-txt-thistle\:50, .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } -.sf-c-txt-thistle\:60, .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } -.sf-c-txt-thistle\:70, .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } -.sf-c-txt-thistle\:80, .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } -.sf-c-txt-thistle\:90, .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } -.sf-c-txt-thistle\:100, .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } - -html[data-theme='dark'] .sf-c-thistle, html.dark .sf-c-thistle { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:0, html.dark .sf-c-thistle\:0 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } -html[data-theme='dark'] .sf-c-thistle\:10, html.dark .sf-c-thistle\:10 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-thistle\:20, html.dark .sf-c-thistle\:20 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:30, html.dark .sf-c-thistle\:30 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-thistle\:40, html.dark .sf-c-thistle\:40 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-thistle\:50, html.dark .sf-c-thistle\:50 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-thistle\:60, html.dark .sf-c-thistle\:60 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-thistle\:70, html.dark .sf-c-thistle\:70 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-thistle\:80, html.dark .sf-c-thistle\:80 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:90, html.dark .sf-c-thistle\:90 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-thistle\:100, html.dark .sf-c-thistle\:100 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } - -html[data-theme='dark'] .sf-c-thistle\:st, html.dark .sf-c-thistle\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:0\:st, html.dark .sf-c-thistle\:0\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } -html[data-theme='dark'] .sf-c-thistle\:10\:st, html.dark .sf-c-thistle\:10\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-thistle\:20\:st, html.dark .sf-c-thistle\:20\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:30\:st, html.dark .sf-c-thistle\:30\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-thistle\:40\:st, html.dark .sf-c-thistle\:40\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-thistle\:50\:st, html.dark .sf-c-thistle\:50\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-thistle\:60\:st, html.dark .sf-c-thistle\:60\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-thistle\:70\:st, html.dark .sf-c-thistle\:70\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-thistle\:80\:st, html.dark .sf-c-thistle\:80\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:90\:st, html.dark .sf-c-thistle\:90\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-thistle\:100\:st, html.dark .sf-c-thistle\:100\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } - -html[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } -html[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } - -html[data-theme='dark'] .sf-c-txt-thistle\:st, html.dark .sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:0\:st, html.dark .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } -html[data-theme='dark'] .sf-c-txt-thistle\:10\:st, html.dark .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-txt-thistle\:20\:st, html.dark .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-txt-thistle\:30\:st, html.dark .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-txt-thistle\:40\:st, html.dark .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-txt-thistle\:50\:st, html.dark .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-txt-thistle\:60\:st, html.dark .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-txt-thistle\:70\:st, html.dark .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-txt-thistle\:80\:st, html.dark .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:90\:st, html.dark .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-txt-thistle\:100\:st, html.dark .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-thistle, html.auto .sf-c-thistle { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:0, html.auto .sf-c-thistle\:0 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } - html[data-theme='auto'] .sf-c-thistle\:10, html.auto .sf-c-thistle\:10 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-thistle\:20, html.auto .sf-c-thistle\:20 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:30, html.auto .sf-c-thistle\:30 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-thistle\:40, html.auto .sf-c-thistle\:40 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-thistle\:50, html.auto .sf-c-thistle\:50 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-thistle\:60, html.auto .sf-c-thistle\:60 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-thistle\:70, html.auto .sf-c-thistle\:70 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-thistle\:80, html.auto .sf-c-thistle\:80 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:90, html.auto .sf-c-thistle\:90 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-thistle\:100, html.auto .sf-c-thistle\:100 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } - - html[data-theme='auto'] .sf-c-thistle\:st, html.auto .sf-c-thistle\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:0\:st, html.auto .sf-c-thistle\:0\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } - html[data-theme='auto'] .sf-c-thistle\:10\:st, html.auto .sf-c-thistle\:10\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-thistle\:20\:st, html.auto .sf-c-thistle\:20\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:30\:st, html.auto .sf-c-thistle\:30\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-thistle\:40\:st, html.auto .sf-c-thistle\:40\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-thistle\:50\:st, html.auto .sf-c-thistle\:50\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-thistle\:60\:st, html.auto .sf-c-thistle\:60\:st { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-thistle\:70\:st, html.auto .sf-c-thistle\:70\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-thistle\:80\:st, html.auto .sf-c-thistle\:80\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:90\:st, html.auto .sf-c-thistle\:90\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-thistle\:100\:st, html.auto .sf-c-thistle\:100\:st { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } - - html[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } - html[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } - - html[data-theme='auto'] .sf-c-txt-thistle\:st, html.auto .sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:0\:st, html.auto .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } - html[data-theme='auto'] .sf-c-txt-thistle\:10\:st, html.auto .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-txt-thistle\:20\:st, html.auto .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-txt-thistle\:30\:st, html.auto .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-txt-thistle\:40\:st, html.auto .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-txt-thistle\:50\:st, html.auto .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-txt-thistle\:60\:st, html.auto .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-txt-thistle\:70\:st, html.auto .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-txt-thistle\:80\:st, html.auto .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:90\:st, html.auto .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-txt-thistle\:100\:st, html.auto .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/tomato.css b/src/colors/10/tomato.css deleted file mode 100644 index 4b54027..0000000 --- a/src/colors/10/tomato.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-tomato { - --sf-c-tomato: 9 100% 64%; - --sf-c-tomato-0: 9 100% 0%; - --sf-c-tomato-10: 9 100% 10%; - --sf-c-tomato-20: 9 100% 20%; - --sf-c-tomato-30: 9 100% 30%; - --sf-c-tomato-40: 9 100% 40%; - --sf-c-tomato-50: 9 100% 50%; - --sf-c-tomato-60: 9 100% 60%; - --sf-c-tomato-70: 9 100% 70%; - --sf-c-tomato-80: 9 100% 80%; - --sf-c-tomato-90: 9 100% 90%; - --sf-c-tomato-100: 9 100% 100%; -} - -.sf-c-tomato, .sf-c-tomato\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 64%) } -.sf-c-tomato\:0, .sf-c-tomato\:0\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } -.sf-c-tomato\:10, .sf-c-tomato\:10\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } -.sf-c-tomato\:20, .sf-c-tomato\:20\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } -.sf-c-tomato\:30, .sf-c-tomato\:30\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 30%) } -.sf-c-tomato\:40, .sf-c-tomato\:40\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 40%) } -.sf-c-tomato\:50, .sf-c-tomato\:50\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 50%) } -.sf-c-tomato\:60, .sf-c-tomato\:60\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 60%) } -.sf-c-tomato\:70, .sf-c-tomato\:70\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 70%) } -.sf-c-tomato\:80, .sf-c-tomato\:80\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 80%) } -.sf-c-tomato\:90, .sf-c-tomato\:90\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } -.sf-c-tomato\:100, .sf-c-tomato\:100\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } - -.sf-c-txt-tomato { color: hsl(9, 100%, 10%) } -.sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } -.sf-c-txt-tomato\:0, .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } -.sf-c-txt-tomato\:10, .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } -.sf-c-txt-tomato\:20, .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } -.sf-c-txt-tomato\:30, .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } -.sf-c-txt-tomato\:40, .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } -.sf-c-txt-tomato\:50, .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } -.sf-c-txt-tomato\:60, .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } -.sf-c-txt-tomato\:70, .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } -.sf-c-txt-tomato\:80, .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } -.sf-c-txt-tomato\:90, .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } -.sf-c-txt-tomato\:100, .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } - -html[data-theme='dark'] .sf-c-tomato, html.dark .sf-c-tomato { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 36%) } -html[data-theme='dark'] .sf-c-tomato\:0, html.dark .sf-c-tomato\:0 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } -html[data-theme='dark'] .sf-c-tomato\:10, html.dark .sf-c-tomato\:10 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-tomato\:20, html.dark .sf-c-tomato\:20 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-tomato\:30, html.dark .sf-c-tomato\:30 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-tomato\:40, html.dark .sf-c-tomato\:40 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-tomato\:50, html.dark .sf-c-tomato\:50 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-tomato\:60, html.dark .sf-c-tomato\:60 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-tomato\:70, html.dark .sf-c-tomato\:70 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-tomato\:80, html.dark .sf-c-tomato\:80 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-tomato\:90, html.dark .sf-c-tomato\:90 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-tomato\:100, html.dark .sf-c-tomato\:100 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } - -html[data-theme='dark'] .sf-c-tomato\:st, html.dark .sf-c-tomato\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-tomato\:0\:st, html.dark .sf-c-tomato\:0\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } -html[data-theme='dark'] .sf-c-tomato\:10\:st, html.dark .sf-c-tomato\:10\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-tomato\:20\:st, html.dark .sf-c-tomato\:20\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-tomato\:30\:st, html.dark .sf-c-tomato\:30\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-tomato\:40\:st, html.dark .sf-c-tomato\:40\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-tomato\:50\:st, html.dark .sf-c-tomato\:50\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-tomato\:60\:st, html.dark .sf-c-tomato\:60\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-tomato\:70\:st, html.dark .sf-c-tomato\:70\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-tomato\:80\:st, html.dark .sf-c-tomato\:80\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-tomato\:90\:st, html.dark .sf-c-tomato\:90\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-tomato\:100\:st, html.dark .sf-c-tomato\:100\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-tomato\:st, html.dark .sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-txt-tomato\:0\:st, html.dark .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-tomato\:10\:st, html.dark .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-tomato\:20\:st, html.dark .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-tomato\:30\:st, html.dark .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-tomato\:40\:st, html.dark .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-tomato\:50\:st, html.dark .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-tomato\:60\:st, html.dark .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-tomato\:70\:st, html.dark .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-tomato\:80\:st, html.dark .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-tomato\:90\:st, html.dark .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-tomato\:100\:st, html.dark .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-tomato, html.auto .sf-c-tomato { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 36%) } - html[data-theme='auto'] .sf-c-tomato\:0, html.auto .sf-c-tomato\:0 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } - html[data-theme='auto'] .sf-c-tomato\:10, html.auto .sf-c-tomato\:10 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-tomato\:20, html.auto .sf-c-tomato\:20 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-tomato\:30, html.auto .sf-c-tomato\:30 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-tomato\:40, html.auto .sf-c-tomato\:40 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-tomato\:50, html.auto .sf-c-tomato\:50 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-tomato\:60, html.auto .sf-c-tomato\:60 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-tomato\:70, html.auto .sf-c-tomato\:70 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-tomato\:80, html.auto .sf-c-tomato\:80 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-tomato\:90, html.auto .sf-c-tomato\:90 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-tomato\:100, html.auto .sf-c-tomato\:100 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } - - html[data-theme='auto'] .sf-c-tomato\:st, html.auto .sf-c-tomato\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-tomato\:0\:st, html.auto .sf-c-tomato\:0\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } - html[data-theme='auto'] .sf-c-tomato\:10\:st, html.auto .sf-c-tomato\:10\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-tomato\:20\:st, html.auto .sf-c-tomato\:20\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-tomato\:30\:st, html.auto .sf-c-tomato\:30\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-tomato\:40\:st, html.auto .sf-c-tomato\:40\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-tomato\:50\:st, html.auto .sf-c-tomato\:50\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-tomato\:60\:st, html.auto .sf-c-tomato\:60\:st { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-tomato\:70\:st, html.auto .sf-c-tomato\:70\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-tomato\:80\:st, html.auto .sf-c-tomato\:80\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-tomato\:90\:st, html.auto .sf-c-tomato\:90\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-tomato\:100\:st, html.auto .sf-c-tomato\:100\:st { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-tomato\:st, html.auto .sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-txt-tomato\:0\:st, html.auto .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-tomato\:10\:st, html.auto .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-tomato\:20\:st, html.auto .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-tomato\:30\:st, html.auto .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-tomato\:40\:st, html.auto .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-tomato\:50\:st, html.auto .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-tomato\:60\:st, html.auto .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-tomato\:70\:st, html.auto .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-tomato\:80\:st, html.auto .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-tomato\:90\:st, html.auto .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-tomato\:100\:st, html.auto .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/turquoise.css b/src/colors/10/turquoise.css deleted file mode 100644 index c519161..0000000 --- a/src/colors/10/turquoise.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-turquoise { - --sf-c-turquoise: 174 72% 56%; - --sf-c-turquoise-0: 174 72% 0%; - --sf-c-turquoise-10: 174 72% 10%; - --sf-c-turquoise-20: 174 72% 20%; - --sf-c-turquoise-30: 174 72% 30%; - --sf-c-turquoise-40: 174 72% 40%; - --sf-c-turquoise-50: 174 72% 50%; - --sf-c-turquoise-60: 174 72% 60%; - --sf-c-turquoise-70: 174 72% 70%; - --sf-c-turquoise-80: 174 72% 80%; - --sf-c-turquoise-90: 174 72% 90%; - --sf-c-turquoise-100: 174 72% 100%; -} - -.sf-c-turquoise, .sf-c-turquoise\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 56%) } -.sf-c-turquoise\:0, .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } -.sf-c-turquoise\:10, .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } -.sf-c-turquoise\:20, .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } -.sf-c-turquoise\:30, .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 30%) } -.sf-c-turquoise\:40, .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 40%) } -.sf-c-turquoise\:50, .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 50%) } -.sf-c-turquoise\:60, .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 60%) } -.sf-c-turquoise\:70, .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 70%) } -.sf-c-turquoise\:80, .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 80%) } -.sf-c-turquoise\:90, .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } -.sf-c-turquoise\:100, .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } - -.sf-c-txt-turquoise { color: hsl(174, 72%, 10%) } -.sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } -.sf-c-txt-turquoise\:0, .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } -.sf-c-txt-turquoise\:10, .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } -.sf-c-txt-turquoise\:20, .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } -.sf-c-txt-turquoise\:30, .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } -.sf-c-txt-turquoise\:40, .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } -.sf-c-txt-turquoise\:50, .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } -.sf-c-txt-turquoise\:60, .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } -.sf-c-txt-turquoise\:70, .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } -.sf-c-txt-turquoise\:80, .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } -.sf-c-txt-turquoise\:90, .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } -.sf-c-txt-turquoise\:100, .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } - -html[data-theme='dark'] .sf-c-turquoise, html.dark .sf-c-turquoise { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 44%) } -html[data-theme='dark'] .sf-c-turquoise\:0, html.dark .sf-c-turquoise\:0 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } -html[data-theme='dark'] .sf-c-turquoise\:10, html.dark .sf-c-turquoise\:10 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-turquoise\:20, html.dark .sf-c-turquoise\:20 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-turquoise\:30, html.dark .sf-c-turquoise\:30 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-turquoise\:40, html.dark .sf-c-turquoise\:40 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-turquoise\:50, html.dark .sf-c-turquoise\:50 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-turquoise\:60, html.dark .sf-c-turquoise\:60 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-turquoise\:70, html.dark .sf-c-turquoise\:70 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-turquoise\:80, html.dark .sf-c-turquoise\:80 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-turquoise\:90, html.dark .sf-c-turquoise\:90 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-turquoise\:100, html.dark .sf-c-turquoise\:100 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } - -html[data-theme='dark'] .sf-c-turquoise\:st, html.dark .sf-c-turquoise\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-turquoise\:0\:st, html.dark .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } -html[data-theme='dark'] .sf-c-turquoise\:10\:st, html.dark .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-turquoise\:20\:st, html.dark .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-turquoise\:30\:st, html.dark .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-turquoise\:40\:st, html.dark .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-turquoise\:50\:st, html.dark .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-turquoise\:60\:st, html.dark .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-turquoise\:70\:st, html.dark .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-turquoise\:80\:st, html.dark .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-turquoise\:90\:st, html.dark .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-turquoise\:100\:st, html.dark .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } - -html[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } - -html[data-theme='dark'] .sf-c-txt-turquoise\:st, html.dark .sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:0\:st, html.dark .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:10\:st, html.dark .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:20\:st, html.dark .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:30\:st, html.dark .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:40\:st, html.dark .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:50\:st, html.dark .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:60\:st, html.dark .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:70\:st, html.dark .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:80\:st, html.dark .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:90\:st, html.dark .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:100\:st, html.dark .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-turquoise, html.auto .sf-c-turquoise { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 44%) } - html[data-theme='auto'] .sf-c-turquoise\:0, html.auto .sf-c-turquoise\:0 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } - html[data-theme='auto'] .sf-c-turquoise\:10, html.auto .sf-c-turquoise\:10 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-turquoise\:20, html.auto .sf-c-turquoise\:20 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-turquoise\:30, html.auto .sf-c-turquoise\:30 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-turquoise\:40, html.auto .sf-c-turquoise\:40 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-turquoise\:50, html.auto .sf-c-turquoise\:50 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-turquoise\:60, html.auto .sf-c-turquoise\:60 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-turquoise\:70, html.auto .sf-c-turquoise\:70 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-turquoise\:80, html.auto .sf-c-turquoise\:80 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-turquoise\:90, html.auto .sf-c-turquoise\:90 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-turquoise\:100, html.auto .sf-c-turquoise\:100 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } - - html[data-theme='auto'] .sf-c-turquoise\:st, html.auto .sf-c-turquoise\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-turquoise\:0\:st, html.auto .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } - html[data-theme='auto'] .sf-c-turquoise\:10\:st, html.auto .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-turquoise\:20\:st, html.auto .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-turquoise\:30\:st, html.auto .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-turquoise\:40\:st, html.auto .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-turquoise\:50\:st, html.auto .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-turquoise\:60\:st, html.auto .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-turquoise\:70\:st, html.auto .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-turquoise\:80\:st, html.auto .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-turquoise\:90\:st, html.auto .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-turquoise\:100\:st, html.auto .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } - - html[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } - - html[data-theme='auto'] .sf-c-txt-turquoise\:st, html.auto .sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:0\:st, html.auto .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:10\:st, html.auto .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:20\:st, html.auto .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:30\:st, html.auto .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:40\:st, html.auto .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:50\:st, html.auto .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:60\:st, html.auto .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:70\:st, html.auto .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:80\:st, html.auto .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:90\:st, html.auto .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:100\:st, html.auto .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/violet.css b/src/colors/10/violet.css deleted file mode 100644 index 3d11bc2..0000000 --- a/src/colors/10/violet.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-violet { - --sf-c-violet: 300 76% 72%; - --sf-c-violet-0: 300 76% 0%; - --sf-c-violet-10: 300 76% 10%; - --sf-c-violet-20: 300 76% 20%; - --sf-c-violet-30: 300 76% 30%; - --sf-c-violet-40: 300 76% 40%; - --sf-c-violet-50: 300 76% 50%; - --sf-c-violet-60: 300 76% 60%; - --sf-c-violet-70: 300 76% 70%; - --sf-c-violet-80: 300 76% 80%; - --sf-c-violet-90: 300 76% 90%; - --sf-c-violet-100: 300 76% 100%; -} - -.sf-c-violet, .sf-c-violet\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 72%) } -.sf-c-violet\:0, .sf-c-violet\:0\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } -.sf-c-violet\:10, .sf-c-violet\:10\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } -.sf-c-violet\:20, .sf-c-violet\:20\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } -.sf-c-violet\:30, .sf-c-violet\:30\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 30%) } -.sf-c-violet\:40, .sf-c-violet\:40\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 40%) } -.sf-c-violet\:50, .sf-c-violet\:50\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 50%) } -.sf-c-violet\:60, .sf-c-violet\:60\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 60%) } -.sf-c-violet\:70, .sf-c-violet\:70\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 70%) } -.sf-c-violet\:80, .sf-c-violet\:80\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 80%) } -.sf-c-violet\:90, .sf-c-violet\:90\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } -.sf-c-violet\:100, .sf-c-violet\:100\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } - -.sf-c-txt-violet { color: hsl(300, 76%, 10%) } -.sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } -.sf-c-txt-violet\:0, .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } -.sf-c-txt-violet\:10, .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } -.sf-c-txt-violet\:20, .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } -.sf-c-txt-violet\:30, .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } -.sf-c-txt-violet\:40, .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } -.sf-c-txt-violet\:50, .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } -.sf-c-txt-violet\:60, .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } -.sf-c-txt-violet\:70, .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } -.sf-c-txt-violet\:80, .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } -.sf-c-txt-violet\:90, .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } -.sf-c-txt-violet\:100, .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } - -html[data-theme='dark'] .sf-c-violet, html.dark .sf-c-violet { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 28%) } -html[data-theme='dark'] .sf-c-violet\:0, html.dark .sf-c-violet\:0 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } -html[data-theme='dark'] .sf-c-violet\:10, html.dark .sf-c-violet\:10 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-violet\:20, html.dark .sf-c-violet\:20 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-violet\:30, html.dark .sf-c-violet\:30 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-violet\:40, html.dark .sf-c-violet\:40 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-violet\:50, html.dark .sf-c-violet\:50 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-violet\:60, html.dark .sf-c-violet\:60 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-violet\:70, html.dark .sf-c-violet\:70 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-violet\:80, html.dark .sf-c-violet\:80 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-violet\:90, html.dark .sf-c-violet\:90 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-violet\:100, html.dark .sf-c-violet\:100 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } - -html[data-theme='dark'] .sf-c-violet\:st, html.dark .sf-c-violet\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-violet\:0\:st, html.dark .sf-c-violet\:0\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } -html[data-theme='dark'] .sf-c-violet\:10\:st, html.dark .sf-c-violet\:10\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-violet\:20\:st, html.dark .sf-c-violet\:20\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-violet\:30\:st, html.dark .sf-c-violet\:30\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-violet\:40\:st, html.dark .sf-c-violet\:40\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-violet\:50\:st, html.dark .sf-c-violet\:50\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-violet\:60\:st, html.dark .sf-c-violet\:60\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-violet\:70\:st, html.dark .sf-c-violet\:70\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-violet\:80\:st, html.dark .sf-c-violet\:80\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-violet\:90\:st, html.dark .sf-c-violet\:90\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-violet\:100\:st, html.dark .sf-c-violet\:100\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-violet\:st, html.dark .sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-txt-violet\:0\:st, html.dark .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-violet\:10\:st, html.dark .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-violet\:20\:st, html.dark .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-violet\:30\:st, html.dark .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-violet\:40\:st, html.dark .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-violet\:50\:st, html.dark .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-violet\:60\:st, html.dark .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-violet\:70\:st, html.dark .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-violet\:80\:st, html.dark .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-violet\:90\:st, html.dark .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-violet\:100\:st, html.dark .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-violet, html.auto .sf-c-violet { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 28%) } - html[data-theme='auto'] .sf-c-violet\:0, html.auto .sf-c-violet\:0 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } - html[data-theme='auto'] .sf-c-violet\:10, html.auto .sf-c-violet\:10 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-violet\:20, html.auto .sf-c-violet\:20 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-violet\:30, html.auto .sf-c-violet\:30 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-violet\:40, html.auto .sf-c-violet\:40 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-violet\:50, html.auto .sf-c-violet\:50 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-violet\:60, html.auto .sf-c-violet\:60 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-violet\:70, html.auto .sf-c-violet\:70 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-violet\:80, html.auto .sf-c-violet\:80 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-violet\:90, html.auto .sf-c-violet\:90 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-violet\:100, html.auto .sf-c-violet\:100 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } - - html[data-theme='auto'] .sf-c-violet\:st, html.auto .sf-c-violet\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-violet\:0\:st, html.auto .sf-c-violet\:0\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } - html[data-theme='auto'] .sf-c-violet\:10\:st, html.auto .sf-c-violet\:10\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-violet\:20\:st, html.auto .sf-c-violet\:20\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-violet\:30\:st, html.auto .sf-c-violet\:30\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-violet\:40\:st, html.auto .sf-c-violet\:40\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-violet\:50\:st, html.auto .sf-c-violet\:50\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-violet\:60\:st, html.auto .sf-c-violet\:60\:st { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-violet\:70\:st, html.auto .sf-c-violet\:70\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-violet\:80\:st, html.auto .sf-c-violet\:80\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-violet\:90\:st, html.auto .sf-c-violet\:90\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-violet\:100\:st, html.auto .sf-c-violet\:100\:st { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-violet\:st, html.auto .sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-txt-violet\:0\:st, html.auto .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-violet\:10\:st, html.auto .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-violet\:20\:st, html.auto .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-violet\:30\:st, html.auto .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-violet\:40\:st, html.auto .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-violet\:50\:st, html.auto .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-violet\:60\:st, html.auto .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-violet\:70\:st, html.auto .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-violet\:80\:st, html.auto .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-violet\:90\:st, html.auto .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-violet\:100\:st, html.auto .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/wheat.css b/src/colors/10/wheat.css deleted file mode 100644 index a6108b2..0000000 --- a/src/colors/10/wheat.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-wheat { - --sf-c-wheat: 39 77% 83%; - --sf-c-wheat-0: 39 77% 0%; - --sf-c-wheat-10: 39 77% 10%; - --sf-c-wheat-20: 39 77% 20%; - --sf-c-wheat-30: 39 77% 30%; - --sf-c-wheat-40: 39 77% 40%; - --sf-c-wheat-50: 39 77% 50%; - --sf-c-wheat-60: 39 77% 60%; - --sf-c-wheat-70: 39 77% 70%; - --sf-c-wheat-80: 39 77% 80%; - --sf-c-wheat-90: 39 77% 90%; - --sf-c-wheat-100: 39 77% 100%; -} - -.sf-c-wheat, .sf-c-wheat\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 83%) } -.sf-c-wheat\:0, .sf-c-wheat\:0\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } -.sf-c-wheat\:10, .sf-c-wheat\:10\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } -.sf-c-wheat\:20, .sf-c-wheat\:20\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } -.sf-c-wheat\:30, .sf-c-wheat\:30\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 30%) } -.sf-c-wheat\:40, .sf-c-wheat\:40\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 40%) } -.sf-c-wheat\:50, .sf-c-wheat\:50\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 50%) } -.sf-c-wheat\:60, .sf-c-wheat\:60\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 60%) } -.sf-c-wheat\:70, .sf-c-wheat\:70\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 70%) } -.sf-c-wheat\:80, .sf-c-wheat\:80\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80%) } -.sf-c-wheat\:90, .sf-c-wheat\:90\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } -.sf-c-wheat\:100, .sf-c-wheat\:100\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } - -.sf-c-txt-wheat { color: hsl(39, 77%, 10%) } -.sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } -.sf-c-txt-wheat\:0, .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } -.sf-c-txt-wheat\:10, .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } -.sf-c-txt-wheat\:20, .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } -.sf-c-txt-wheat\:30, .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } -.sf-c-txt-wheat\:40, .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } -.sf-c-txt-wheat\:50, .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } -.sf-c-txt-wheat\:60, .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } -.sf-c-txt-wheat\:70, .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } -.sf-c-txt-wheat\:80, .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } -.sf-c-txt-wheat\:90, .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } -.sf-c-txt-wheat\:100, .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } - -html[data-theme='dark'] .sf-c-wheat, html.dark .sf-c-wheat { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 17%) } -html[data-theme='dark'] .sf-c-wheat\:0, html.dark .sf-c-wheat\:0 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } -html[data-theme='dark'] .sf-c-wheat\:10, html.dark .sf-c-wheat\:10 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-wheat\:20, html.dark .sf-c-wheat\:20 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-wheat\:30, html.dark .sf-c-wheat\:30 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-wheat\:40, html.dark .sf-c-wheat\:40 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-wheat\:50, html.dark .sf-c-wheat\:50 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-wheat\:60, html.dark .sf-c-wheat\:60 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-wheat\:70, html.dark .sf-c-wheat\:70 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-wheat\:80, html.dark .sf-c-wheat\:80 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-wheat\:90, html.dark .sf-c-wheat\:90 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-wheat\:100, html.dark .sf-c-wheat\:100 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } - -html[data-theme='dark'] .sf-c-wheat\:st, html.dark .sf-c-wheat\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-wheat\:0\:st, html.dark .sf-c-wheat\:0\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } -html[data-theme='dark'] .sf-c-wheat\:10\:st, html.dark .sf-c-wheat\:10\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-wheat\:20\:st, html.dark .sf-c-wheat\:20\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-wheat\:30\:st, html.dark .sf-c-wheat\:30\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-wheat\:40\:st, html.dark .sf-c-wheat\:40\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-wheat\:50\:st, html.dark .sf-c-wheat\:50\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-wheat\:60\:st, html.dark .sf-c-wheat\:60\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-wheat\:70\:st, html.dark .sf-c-wheat\:70\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-wheat\:80\:st, html.dark .sf-c-wheat\:80\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-wheat\:90\:st, html.dark .sf-c-wheat\:90\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-wheat\:100\:st, html.dark .sf-c-wheat\:100\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } - -html[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } -html[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } - -html[data-theme='dark'] .sf-c-txt-wheat\:st, html.dark .sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-txt-wheat\:0\:st, html.dark .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } -html[data-theme='dark'] .sf-c-txt-wheat\:10\:st, html.dark .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-wheat\:20\:st, html.dark .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-wheat\:30\:st, html.dark .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-wheat\:40\:st, html.dark .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-wheat\:50\:st, html.dark .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-wheat\:60\:st, html.dark .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-wheat\:70\:st, html.dark .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-wheat\:80\:st, html.dark .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-wheat\:90\:st, html.dark .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-wheat\:100\:st, html.dark .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-wheat, html.auto .sf-c-wheat { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 17%) } - html[data-theme='auto'] .sf-c-wheat\:0, html.auto .sf-c-wheat\:0 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } - html[data-theme='auto'] .sf-c-wheat\:10, html.auto .sf-c-wheat\:10 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-wheat\:20, html.auto .sf-c-wheat\:20 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-wheat\:30, html.auto .sf-c-wheat\:30 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-wheat\:40, html.auto .sf-c-wheat\:40 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-wheat\:50, html.auto .sf-c-wheat\:50 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-wheat\:60, html.auto .sf-c-wheat\:60 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-wheat\:70, html.auto .sf-c-wheat\:70 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-wheat\:80, html.auto .sf-c-wheat\:80 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-wheat\:90, html.auto .sf-c-wheat\:90 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-wheat\:100, html.auto .sf-c-wheat\:100 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } - - html[data-theme='auto'] .sf-c-wheat\:st, html.auto .sf-c-wheat\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-wheat\:0\:st, html.auto .sf-c-wheat\:0\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } - html[data-theme='auto'] .sf-c-wheat\:10\:st, html.auto .sf-c-wheat\:10\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-wheat\:20\:st, html.auto .sf-c-wheat\:20\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-wheat\:30\:st, html.auto .sf-c-wheat\:30\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-wheat\:40\:st, html.auto .sf-c-wheat\:40\:st { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-wheat\:50\:st, html.auto .sf-c-wheat\:50\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-wheat\:60\:st, html.auto .sf-c-wheat\:60\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-wheat\:70\:st, html.auto .sf-c-wheat\:70\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-wheat\:80\:st, html.auto .sf-c-wheat\:80\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-wheat\:90\:st, html.auto .sf-c-wheat\:90\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-wheat\:100\:st, html.auto .sf-c-wheat\:100\:st { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } - - html[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } - html[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } - - html[data-theme='auto'] .sf-c-txt-wheat\:st, html.auto .sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-txt-wheat\:0\:st, html.auto .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } - html[data-theme='auto'] .sf-c-txt-wheat\:10\:st, html.auto .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-wheat\:20\:st, html.auto .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-wheat\:30\:st, html.auto .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-wheat\:40\:st, html.auto .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-wheat\:50\:st, html.auto .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-wheat\:60\:st, html.auto .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-wheat\:70\:st, html.auto .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-wheat\:80\:st, html.auto .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-wheat\:90\:st, html.auto .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-wheat\:100\:st, html.auto .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/white.css b/src/colors/10/white.css deleted file mode 100644 index 59f81e1..0000000 --- a/src/colors/10/white.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-white { - --sf-c-white: 0 0% 100%; - --sf-c-white-0: 0 0% 0%; - --sf-c-white-10: 0 0% 10%; - --sf-c-white-20: 0 0% 20%; - --sf-c-white-30: 0 0% 30%; - --sf-c-white-40: 0 0% 40%; - --sf-c-white-50: 0 0% 50%; - --sf-c-white-60: 0 0% 60%; - --sf-c-white-70: 0 0% 70%; - --sf-c-white-80: 0 0% 80%; - --sf-c-white-90: 0 0% 90%; - --sf-c-white-100: 0 0% 100%; -} - -.sf-c-white, .sf-c-white\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -.sf-c-white\:0, .sf-c-white\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-white\:10, .sf-c-white\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-white\:20, .sf-c-white\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-white\:30, .sf-c-white\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-white\:40, .sf-c-white\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-white\:50, .sf-c-white\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-white\:60, .sf-c-white\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-white\:70, .sf-c-white\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-white\:80, .sf-c-white\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-white\:90, .sf-c-white\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-white\:100, .sf-c-white\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-white { color: hsl(0, 0%, 10%) } -.sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } -.sf-c-txt-white\:0, .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-white\:10, .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-white\:20, .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-white\:30, .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-white\:40, .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-white\:50, .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-white\:60, .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-white\:70, .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-white\:80, .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-white\:90, .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-white\:100, .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-white, html.dark .sf-c-white { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-white\:0, html.dark .sf-c-white\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-white\:10, html.dark .sf-c-white\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-white\:20, html.dark .sf-c-white\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-white\:30, html.dark .sf-c-white\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-white\:40, html.dark .sf-c-white\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-white\:50, html.dark .sf-c-white\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-white\:60, html.dark .sf-c-white\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-white\:70, html.dark .sf-c-white\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-white\:80, html.dark .sf-c-white\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-white\:90, html.dark .sf-c-white\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-white\:100, html.dark .sf-c-white\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-white\:st, html.dark .sf-c-white\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-white\:0\:st, html.dark .sf-c-white\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-white\:10\:st, html.dark .sf-c-white\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-white\:20\:st, html.dark .sf-c-white\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-white\:30\:st, html.dark .sf-c-white\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-white\:40\:st, html.dark .sf-c-white\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-white\:50\:st, html.dark .sf-c-white\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-white\:60\:st, html.dark .sf-c-white\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-white\:70\:st, html.dark .sf-c-white\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-white\:80\:st, html.dark .sf-c-white\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-white\:90\:st, html.dark .sf-c-white\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-white\:100\:st, html.dark .sf-c-white\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-white\:st, html.dark .sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:0\:st, html.dark .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-white\:10\:st, html.dark .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-white\:20\:st, html.dark .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-white\:30\:st, html.dark .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-white\:40\:st, html.dark .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-white\:50\:st, html.dark .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-white\:60\:st, html.dark .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-white\:70\:st, html.dark .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-white\:80\:st, html.dark .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-white\:90\:st, html.dark .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-white\:100\:st, html.dark .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-white, html.auto .sf-c-white { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-white\:0, html.auto .sf-c-white\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-white\:10, html.auto .sf-c-white\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-white\:20, html.auto .sf-c-white\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-white\:30, html.auto .sf-c-white\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-white\:40, html.auto .sf-c-white\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-white\:50, html.auto .sf-c-white\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-white\:60, html.auto .sf-c-white\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-white\:70, html.auto .sf-c-white\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-white\:80, html.auto .sf-c-white\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-white\:90, html.auto .sf-c-white\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-white\:100, html.auto .sf-c-white\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-white\:st, html.auto .sf-c-white\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-white\:0\:st, html.auto .sf-c-white\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-white\:10\:st, html.auto .sf-c-white\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-white\:20\:st, html.auto .sf-c-white\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-white\:30\:st, html.auto .sf-c-white\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-white\:40\:st, html.auto .sf-c-white\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-white\:50\:st, html.auto .sf-c-white\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-white\:60\:st, html.auto .sf-c-white\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-white\:70\:st, html.auto .sf-c-white\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-white\:80\:st, html.auto .sf-c-white\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-white\:90\:st, html.auto .sf-c-white\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-white\:100\:st, html.auto .sf-c-white\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-white\:st, html.auto .sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:0\:st, html.auto .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-white\:10\:st, html.auto .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-white\:20\:st, html.auto .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-white\:30\:st, html.auto .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-white\:40\:st, html.auto .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-white\:50\:st, html.auto .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-white\:60\:st, html.auto .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-white\:70\:st, html.auto .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-white\:80\:st, html.auto .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-white\:90\:st, html.auto .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-white\:100\:st, html.auto .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/whitesmoke.css b/src/colors/10/whitesmoke.css deleted file mode 100644 index 59d1692..0000000 --- a/src/colors/10/whitesmoke.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-whitesmoke { - --sf-c-whitesmoke: 0 0% 96%; - --sf-c-whitesmoke-0: 0 0% 0%; - --sf-c-whitesmoke-10: 0 0% 10%; - --sf-c-whitesmoke-20: 0 0% 20%; - --sf-c-whitesmoke-30: 0 0% 30%; - --sf-c-whitesmoke-40: 0 0% 40%; - --sf-c-whitesmoke-50: 0 0% 50%; - --sf-c-whitesmoke-60: 0 0% 60%; - --sf-c-whitesmoke-70: 0 0% 70%; - --sf-c-whitesmoke-80: 0 0% 80%; - --sf-c-whitesmoke-90: 0 0% 90%; - --sf-c-whitesmoke-100: 0 0% 100%; -} - -.sf-c-whitesmoke, .sf-c-whitesmoke\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 96%) } -.sf-c-whitesmoke\:0, .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -.sf-c-whitesmoke\:10, .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -.sf-c-whitesmoke\:20, .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -.sf-c-whitesmoke\:30, .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -.sf-c-whitesmoke\:40, .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -.sf-c-whitesmoke\:50, .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -.sf-c-whitesmoke\:60, .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -.sf-c-whitesmoke\:70, .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -.sf-c-whitesmoke\:80, .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -.sf-c-whitesmoke\:90, .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -.sf-c-whitesmoke\:100, .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-whitesmoke { color: hsl(0, 0%, 10%) } -.sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } -.sf-c-txt-whitesmoke\:0, .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-whitesmoke\:10, .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-whitesmoke\:20, .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-whitesmoke\:30, .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-whitesmoke\:40, .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-whitesmoke\:50, .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-whitesmoke\:60, .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-whitesmoke\:70, .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-whitesmoke\:80, .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-whitesmoke\:90, .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-whitesmoke\:100, .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-whitesmoke, html.dark .sf-c-whitesmoke { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 4%) } -html[data-theme='dark'] .sf-c-whitesmoke\:0, html.dark .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-whitesmoke\:10, html.dark .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-whitesmoke\:20, html.dark .sf-c-whitesmoke\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-whitesmoke\:30, html.dark .sf-c-whitesmoke\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-whitesmoke\:40, html.dark .sf-c-whitesmoke\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-whitesmoke\:50, html.dark .sf-c-whitesmoke\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-whitesmoke\:60, html.dark .sf-c-whitesmoke\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-whitesmoke\:70, html.dark .sf-c-whitesmoke\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-whitesmoke\:80, html.dark .sf-c-whitesmoke\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-whitesmoke\:90, html.dark .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-whitesmoke\:100, html.dark .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-whitesmoke\:st, html.dark .sf-c-whitesmoke\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-whitesmoke\:0\:st, html.dark .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-whitesmoke\:10\:st, html.dark .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-whitesmoke\:20\:st, html.dark .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-whitesmoke\:30\:st, html.dark .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-whitesmoke\:40\:st, html.dark .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-whitesmoke\:50\:st, html.dark .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-whitesmoke\:60\:st, html.dark .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-whitesmoke\:70\:st, html.dark .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-whitesmoke\:80\:st, html.dark .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-whitesmoke\:90\:st, html.dark .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-whitesmoke\:100\:st, html.dark .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-whitesmoke\:st, html.dark .sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:st, html.dark .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:st, html.dark .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:st, html.dark .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:st, html.dark .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:st, html.dark .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:st, html.dark .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:st, html.dark .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:st, html.dark .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:st, html.dark .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:st, html.dark .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:st, html.dark .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-whitesmoke, html.auto .sf-c-whitesmoke { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 4%) } - html[data-theme='auto'] .sf-c-whitesmoke\:0, html.auto .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-whitesmoke\:10, html.auto .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-whitesmoke\:20, html.auto .sf-c-whitesmoke\:20 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-whitesmoke\:30, html.auto .sf-c-whitesmoke\:30 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-whitesmoke\:40, html.auto .sf-c-whitesmoke\:40 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-whitesmoke\:50, html.auto .sf-c-whitesmoke\:50 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-whitesmoke\:60, html.auto .sf-c-whitesmoke\:60 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-whitesmoke\:70, html.auto .sf-c-whitesmoke\:70 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-whitesmoke\:80, html.auto .sf-c-whitesmoke\:80 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-whitesmoke\:90, html.auto .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-whitesmoke\:100, html.auto .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-whitesmoke\:st, html.auto .sf-c-whitesmoke\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-whitesmoke\:0\:st, html.auto .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-whitesmoke\:10\:st, html.auto .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-whitesmoke\:20\:st, html.auto .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-whitesmoke\:30\:st, html.auto .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-whitesmoke\:40\:st, html.auto .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-whitesmoke\:50\:st, html.auto .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-whitesmoke\:60\:st, html.auto .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-whitesmoke\:70\:st, html.auto .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-whitesmoke\:80\:st, html.auto .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-whitesmoke\:90\:st, html.auto .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-whitesmoke\:100\:st, html.auto .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-whitesmoke\:st, html.auto .sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:st, html.auto .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:st, html.auto .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:st, html.auto .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:st, html.auto .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:st, html.auto .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:st, html.auto .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:st, html.auto .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:st, html.auto .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:st, html.auto .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:st, html.auto .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:st, html.auto .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/yellow.css b/src/colors/10/yellow.css deleted file mode 100644 index 522fba3..0000000 --- a/src/colors/10/yellow.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-yellow { - --sf-c-yellow: 60 100% 50%; - --sf-c-yellow-0: 60 100% 0%; - --sf-c-yellow-10: 60 100% 10%; - --sf-c-yellow-20: 60 100% 20%; - --sf-c-yellow-30: 60 100% 30%; - --sf-c-yellow-40: 60 100% 40%; - --sf-c-yellow-50: 60 100% 50%; - --sf-c-yellow-60: 60 100% 60%; - --sf-c-yellow-70: 60 100% 70%; - --sf-c-yellow-80: 60 100% 80%; - --sf-c-yellow-90: 60 100% 90%; - --sf-c-yellow-100: 60 100% 100%; -} - -.sf-c-yellow, .sf-c-yellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -.sf-c-yellow\:0, .sf-c-yellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -.sf-c-yellow\:10, .sf-c-yellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -.sf-c-yellow\:20, .sf-c-yellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -.sf-c-yellow\:30, .sf-c-yellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -.sf-c-yellow\:40, .sf-c-yellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -.sf-c-yellow\:50, .sf-c-yellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -.sf-c-yellow\:60, .sf-c-yellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -.sf-c-yellow\:70, .sf-c-yellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -.sf-c-yellow\:80, .sf-c-yellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -.sf-c-yellow\:90, .sf-c-yellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -.sf-c-yellow\:100, .sf-c-yellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-yellow { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:0, .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-yellow\:10, .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-yellow\:20, .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-yellow\:30, .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-yellow\:40, .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-yellow\:50, .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:60, .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-yellow\:70, .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-yellow\:80, .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-yellow\:90, .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-yellow\:100, .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-yellow, html.dark .sf-c-yellow { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:0, html.dark .sf-c-yellow\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-yellow\:10, html.dark .sf-c-yellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-yellow\:20, html.dark .sf-c-yellow\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-yellow\:30, html.dark .sf-c-yellow\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-yellow\:40, html.dark .sf-c-yellow\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-yellow\:50, html.dark .sf-c-yellow\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:60, html.dark .sf-c-yellow\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-yellow\:70, html.dark .sf-c-yellow\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-yellow\:80, html.dark .sf-c-yellow\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-yellow\:90, html.dark .sf-c-yellow\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-yellow\:100, html.dark .sf-c-yellow\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-yellow\:st, html.dark .sf-c-yellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:0\:st, html.dark .sf-c-yellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-yellow\:10\:st, html.dark .sf-c-yellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-yellow\:20\:st, html.dark .sf-c-yellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-yellow\:30\:st, html.dark .sf-c-yellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-yellow\:40\:st, html.dark .sf-c-yellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-yellow\:50\:st, html.dark .sf-c-yellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:60\:st, html.dark .sf-c-yellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-yellow\:70\:st, html.dark .sf-c-yellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-yellow\:80\:st, html.dark .sf-c-yellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-yellow\:90\:st, html.dark .sf-c-yellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-yellow\:100\:st, html.dark .sf-c-yellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-yellow\:st, html.dark .sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:0\:st, html.dark .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-yellow\:10\:st, html.dark .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellow\:20\:st, html.dark .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellow\:30\:st, html.dark .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellow\:40\:st, html.dark .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellow\:50\:st, html.dark .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:60\:st, html.dark .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellow\:70\:st, html.dark .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellow\:80\:st, html.dark .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellow\:90\:st, html.dark .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellow\:100\:st, html.dark .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-yellow, html.auto .sf-c-yellow { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:0, html.auto .sf-c-yellow\:0 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-yellow\:10, html.auto .sf-c-yellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-yellow\:20, html.auto .sf-c-yellow\:20 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-yellow\:30, html.auto .sf-c-yellow\:30 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-yellow\:40, html.auto .sf-c-yellow\:40 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-yellow\:50, html.auto .sf-c-yellow\:50 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:60, html.auto .sf-c-yellow\:60 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-yellow\:70, html.auto .sf-c-yellow\:70 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-yellow\:80, html.auto .sf-c-yellow\:80 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-yellow\:90, html.auto .sf-c-yellow\:90 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-yellow\:100, html.auto .sf-c-yellow\:100 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-yellow\:st, html.auto .sf-c-yellow\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:0\:st, html.auto .sf-c-yellow\:0\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-yellow\:10\:st, html.auto .sf-c-yellow\:10\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-yellow\:20\:st, html.auto .sf-c-yellow\:20\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-yellow\:30\:st, html.auto .sf-c-yellow\:30\:st { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-yellow\:40\:st, html.auto .sf-c-yellow\:40\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-yellow\:50\:st, html.auto .sf-c-yellow\:50\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:60\:st, html.auto .sf-c-yellow\:60\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-yellow\:70\:st, html.auto .sf-c-yellow\:70\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-yellow\:80\:st, html.auto .sf-c-yellow\:80\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-yellow\:90\:st, html.auto .sf-c-yellow\:90\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-yellow\:100\:st, html.auto .sf-c-yellow\:100\:st { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-yellow\:st, html.auto .sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:0\:st, html.auto .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-yellow\:10\:st, html.auto .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellow\:20\:st, html.auto .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellow\:30\:st, html.auto .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellow\:40\:st, html.auto .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellow\:50\:st, html.auto .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:60\:st, html.auto .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellow\:70\:st, html.auto .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellow\:80\:st, html.auto .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellow\:90\:st, html.auto .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellow\:100\:st, html.auto .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/10/yellowgreen.css b/src/colors/10/yellowgreen.css deleted file mode 100644 index 62e5892..0000000 --- a/src/colors/10/yellowgreen.css +++ /dev/null @@ -1,147 +0,0 @@ -.sf-var-yellowgreen { - --sf-c-yellowgreen: 80 61% 50%; - --sf-c-yellowgreen-0: 80 61% 0%; - --sf-c-yellowgreen-10: 80 61% 10%; - --sf-c-yellowgreen-20: 80 61% 20%; - --sf-c-yellowgreen-30: 80 61% 30%; - --sf-c-yellowgreen-40: 80 61% 40%; - --sf-c-yellowgreen-50: 80 61% 50%; - --sf-c-yellowgreen-60: 80 61% 60%; - --sf-c-yellowgreen-70: 80 61% 70%; - --sf-c-yellowgreen-80: 80 61% 80%; - --sf-c-yellowgreen-90: 80 61% 90%; - --sf-c-yellowgreen-100: 80 61% 100%; -} - -.sf-c-yellowgreen, .sf-c-yellowgreen\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -.sf-c-yellowgreen\:0, .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } -.sf-c-yellowgreen\:10, .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } -.sf-c-yellowgreen\:20, .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } -.sf-c-yellowgreen\:30, .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 30%) } -.sf-c-yellowgreen\:40, .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 40%) } -.sf-c-yellowgreen\:50, .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -.sf-c-yellowgreen\:60, .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 60%) } -.sf-c-yellowgreen\:70, .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 70%) } -.sf-c-yellowgreen\:80, .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 80%) } -.sf-c-yellowgreen\:90, .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } -.sf-c-yellowgreen\:100, .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } - -.sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:0, .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } -.sf-c-txt-yellowgreen\:10, .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } -.sf-c-txt-yellowgreen\:20, .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } -.sf-c-txt-yellowgreen\:30, .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } -.sf-c-txt-yellowgreen\:40, .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } -.sf-c-txt-yellowgreen\:50, .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:60, .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } -.sf-c-txt-yellowgreen\:70, .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } -.sf-c-txt-yellowgreen\:80, .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } -.sf-c-txt-yellowgreen\:90, .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } -.sf-c-txt-yellowgreen\:100, .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } - -html[data-theme='dark'] .sf-c-yellowgreen, html.dark .sf-c-yellowgreen { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:0, html.dark .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } -html[data-theme='dark'] .sf-c-yellowgreen\:10, html.dark .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-yellowgreen\:20, html.dark .sf-c-yellowgreen\:20 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-yellowgreen\:30, html.dark .sf-c-yellowgreen\:30 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-yellowgreen\:40, html.dark .sf-c-yellowgreen\:40 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-yellowgreen\:50, html.dark .sf-c-yellowgreen\:50 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:60, html.dark .sf-c-yellowgreen\:60 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-yellowgreen\:70, html.dark .sf-c-yellowgreen\:70 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-yellowgreen\:80, html.dark .sf-c-yellowgreen\:80 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-yellowgreen\:90, html.dark .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-yellowgreen\:100, html.dark .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } - -html[data-theme='dark'] .sf-c-yellowgreen\:st, html.dark .sf-c-yellowgreen\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:0\:st, html.dark .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } -html[data-theme='dark'] .sf-c-yellowgreen\:10\:st, html.dark .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-yellowgreen\:20\:st, html.dark .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-yellowgreen\:30\:st, html.dark .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-yellowgreen\:40\:st, html.dark .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-yellowgreen\:50\:st, html.dark .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:60\:st, html.dark .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-yellowgreen\:70\:st, html.dark .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-yellowgreen\:80\:st, html.dark .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-yellowgreen\:90\:st, html.dark .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-yellowgreen\:100\:st, html.dark .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-yellowgreen\:st, html.dark .sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:st, html.dark .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:st, html.dark .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:st, html.dark .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:st, html.dark .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:st, html.dark .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:st, html.dark .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:st, html.dark .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:st, html.dark .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:st, html.dark .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:st, html.dark .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:st, html.dark .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-yellowgreen, html.auto .sf-c-yellowgreen { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:0, html.auto .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } - html[data-theme='auto'] .sf-c-yellowgreen\:10, html.auto .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-yellowgreen\:20, html.auto .sf-c-yellowgreen\:20 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-yellowgreen\:30, html.auto .sf-c-yellowgreen\:30 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-yellowgreen\:40, html.auto .sf-c-yellowgreen\:40 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-yellowgreen\:50, html.auto .sf-c-yellowgreen\:50 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:60, html.auto .sf-c-yellowgreen\:60 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-yellowgreen\:70, html.auto .sf-c-yellowgreen\:70 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-yellowgreen\:80, html.auto .sf-c-yellowgreen\:80 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-yellowgreen\:90, html.auto .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-yellowgreen\:100, html.auto .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } - - html[data-theme='auto'] .sf-c-yellowgreen\:st, html.auto .sf-c-yellowgreen\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:0\:st, html.auto .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } - html[data-theme='auto'] .sf-c-yellowgreen\:10\:st, html.auto .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-yellowgreen\:20\:st, html.auto .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-yellowgreen\:30\:st, html.auto .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-yellowgreen\:40\:st, html.auto .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-yellowgreen\:50\:st, html.auto .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:60\:st, html.auto .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-yellowgreen\:70\:st, html.auto .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-yellowgreen\:80\:st, html.auto .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-yellowgreen\:90\:st, html.auto .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-yellowgreen\:100\:st, html.auto .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-yellowgreen\:st, html.auto .sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:st, html.auto .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:st, html.auto .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:st, html.auto .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:st, html.auto .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:st, html.auto .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:st, html.auto .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:st, html.auto .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:st, html.auto .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:st, html.auto .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:st, html.auto .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:st, html.auto .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/aliceblue.css b/src/colors/20/aliceblue.css deleted file mode 100644 index d4e3031..0000000 --- a/src/colors/20/aliceblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-aliceblue { - --sf-c-aliceblue: 208 100% 97%; - --sf-c-aliceblue-0: 208 100% 0%; - --sf-c-aliceblue-5: 208 100% 5%; - --sf-c-aliceblue-10: 208 100% 10%; - --sf-c-aliceblue-15: 208 100% 15%; - --sf-c-aliceblue-20: 208 100% 20%; - --sf-c-aliceblue-25: 208 100% 25%; - --sf-c-aliceblue-30: 208 100% 30%; - --sf-c-aliceblue-35: 208 100% 35%; - --sf-c-aliceblue-40: 208 100% 40%; - --sf-c-aliceblue-45: 208 100% 45%; - --sf-c-aliceblue-50: 208 100% 50%; - --sf-c-aliceblue-55: 208 100% 55%; - --sf-c-aliceblue-60: 208 100% 60%; - --sf-c-aliceblue-65: 208 100% 65%; - --sf-c-aliceblue-70: 208 100% 70%; - --sf-c-aliceblue-75: 208 100% 75%; - --sf-c-aliceblue-80: 208 100% 80%; - --sf-c-aliceblue-85: 208 100% 85%; - --sf-c-aliceblue-90: 208 100% 90%; - --sf-c-aliceblue-95: 208 100% 95%; - --sf-c-aliceblue-100: 208 100% 100%; -} - -.sf-c-aliceblue, .sf-c-aliceblue\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 97%) } -.sf-c-aliceblue\:0, .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } -.sf-c-aliceblue\:5, .sf-c-aliceblue\:5\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } -.sf-c-aliceblue\:10, .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } -.sf-c-aliceblue\:15, .sf-c-aliceblue\:15\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 15%) } -.sf-c-aliceblue\:20, .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 20%) } -.sf-c-aliceblue\:25, .sf-c-aliceblue\:25\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 25%) } -.sf-c-aliceblue\:30, .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 30%) } -.sf-c-aliceblue\:35, .sf-c-aliceblue\:35\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 35%) } -.sf-c-aliceblue\:40, .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 40%) } -.sf-c-aliceblue\:45, .sf-c-aliceblue\:45\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 45%) } -.sf-c-aliceblue\:50, .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 50%) } -.sf-c-aliceblue\:55, .sf-c-aliceblue\:55\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 55%) } -.sf-c-aliceblue\:60, .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 60%) } -.sf-c-aliceblue\:65, .sf-c-aliceblue\:65\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 65%) } -.sf-c-aliceblue\:70, .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 70%) } -.sf-c-aliceblue\:75, .sf-c-aliceblue\:75\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 75%) } -.sf-c-aliceblue\:80, .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 80%) } -.sf-c-aliceblue\:85, .sf-c-aliceblue\:85\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 85%) } -.sf-c-aliceblue\:90, .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 90%) } -.sf-c-aliceblue\:95, .sf-c-aliceblue\:95\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } -.sf-c-aliceblue\:100, .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } - -.sf-c-txt-aliceblue { color: hsl(208, 100%, 10%) } -.sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } -.sf-c-txt-aliceblue\:0, .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } -.sf-c-txt-aliceblue\:5, .sf-c-txt-aliceblue\:5\:st { color: hsl(208, 100%, 5%) } -.sf-c-txt-aliceblue\:10, .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } -.sf-c-txt-aliceblue\:15, .sf-c-txt-aliceblue\:15\:st { color: hsl(208, 100%, 15%) } -.sf-c-txt-aliceblue\:20, .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } -.sf-c-txt-aliceblue\:25, .sf-c-txt-aliceblue\:25\:st { color: hsl(208, 100%, 25%) } -.sf-c-txt-aliceblue\:30, .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } -.sf-c-txt-aliceblue\:35, .sf-c-txt-aliceblue\:35\:st { color: hsl(208, 100%, 35%) } -.sf-c-txt-aliceblue\:40, .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } -.sf-c-txt-aliceblue\:45, .sf-c-txt-aliceblue\:45\:st { color: hsl(208, 100%, 45%) } -.sf-c-txt-aliceblue\:50, .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } -.sf-c-txt-aliceblue\:55, .sf-c-txt-aliceblue\:55\:st { color: hsl(208, 100%, 55%) } -.sf-c-txt-aliceblue\:60, .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } -.sf-c-txt-aliceblue\:65, .sf-c-txt-aliceblue\:65\:st { color: hsl(208, 100%, 65%) } -.sf-c-txt-aliceblue\:70, .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } -.sf-c-txt-aliceblue\:75, .sf-c-txt-aliceblue\:75\:st { color: hsl(208, 100%, 75%) } -.sf-c-txt-aliceblue\:80, .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } -.sf-c-txt-aliceblue\:85, .sf-c-txt-aliceblue\:85\:st { color: hsl(208, 100%, 85%) } -.sf-c-txt-aliceblue\:90, .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } -.sf-c-txt-aliceblue\:95, .sf-c-txt-aliceblue\:95\:st { color: hsl(208, 100%, 95%) } -.sf-c-txt-aliceblue\:100, .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aliceblue, html.dark .sf-c-aliceblue { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 3%) } -html[data-theme='dark'] .sf-c-aliceblue\:0, html.dark .sf-c-aliceblue\:0 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } -html[data-theme='dark'] .sf-c-aliceblue\:5, html.dark .sf-c-aliceblue\:5 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } -html[data-theme='dark'] .sf-c-aliceblue\:10, html.dark .sf-c-aliceblue\:10 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-aliceblue\:15, html.dark .sf-c-aliceblue\:15 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 85%) } -html[data-theme='dark'] .sf-c-aliceblue\:20, html.dark .sf-c-aliceblue\:20 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-aliceblue\:25, html.dark .sf-c-aliceblue\:25 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 75%) } -html[data-theme='dark'] .sf-c-aliceblue\:30, html.dark .sf-c-aliceblue\:30 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-aliceblue\:35, html.dark .sf-c-aliceblue\:35 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 65%) } -html[data-theme='dark'] .sf-c-aliceblue\:40, html.dark .sf-c-aliceblue\:40 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-aliceblue\:45, html.dark .sf-c-aliceblue\:45 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 55%) } -html[data-theme='dark'] .sf-c-aliceblue\:50, html.dark .sf-c-aliceblue\:50 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-aliceblue\:55, html.dark .sf-c-aliceblue\:55 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 45%) } -html[data-theme='dark'] .sf-c-aliceblue\:60, html.dark .sf-c-aliceblue\:60 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-aliceblue\:65, html.dark .sf-c-aliceblue\:65 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 35%) } -html[data-theme='dark'] .sf-c-aliceblue\:70, html.dark .sf-c-aliceblue\:70 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-aliceblue\:75, html.dark .sf-c-aliceblue\:75 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 25%) } -html[data-theme='dark'] .sf-c-aliceblue\:80, html.dark .sf-c-aliceblue\:80 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-aliceblue\:85, html.dark .sf-c-aliceblue\:85 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 15%) } -html[data-theme='dark'] .sf-c-aliceblue\:90, html.dark .sf-c-aliceblue\:90 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-aliceblue\:95, html.dark .sf-c-aliceblue\:95 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } -html[data-theme='dark'] .sf-c-aliceblue\:100, html.dark .sf-c-aliceblue\:100 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aliceblue\:st, html.dark .sf-c-aliceblue\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-aliceblue\:0\:st, html.dark .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } -html[data-theme='dark'] .sf-c-aliceblue\:5\:st, html.dark .sf-c-aliceblue\:5\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } -html[data-theme='dark'] .sf-c-aliceblue\:10\:st, html.dark .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-aliceblue\:15\:st, html.dark .sf-c-aliceblue\:15\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 15%) } -html[data-theme='dark'] .sf-c-aliceblue\:20\:st, html.dark .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-aliceblue\:25\:st, html.dark .sf-c-aliceblue\:25\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 25%) } -html[data-theme='dark'] .sf-c-aliceblue\:30\:st, html.dark .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-aliceblue\:35\:st, html.dark .sf-c-aliceblue\:35\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 35%) } -html[data-theme='dark'] .sf-c-aliceblue\:40\:st, html.dark .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-aliceblue\:45\:st, html.dark .sf-c-aliceblue\:45\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 45%) } -html[data-theme='dark'] .sf-c-aliceblue\:50\:st, html.dark .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-aliceblue\:55\:st, html.dark .sf-c-aliceblue\:55\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 55%) } -html[data-theme='dark'] .sf-c-aliceblue\:60\:st, html.dark .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-aliceblue\:65\:st, html.dark .sf-c-aliceblue\:65\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 65%) } -html[data-theme='dark'] .sf-c-aliceblue\:70\:st, html.dark .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-aliceblue\:75\:st, html.dark .sf-c-aliceblue\:75\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 75%) } -html[data-theme='dark'] .sf-c-aliceblue\:80\:st, html.dark .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-aliceblue\:85\:st, html.dark .sf-c-aliceblue\:85\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 85%) } -html[data-theme='dark'] .sf-c-aliceblue\:90\:st, html.dark .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-aliceblue\:95\:st, html.dark .sf-c-aliceblue\:95\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } -html[data-theme='dark'] .sf-c-aliceblue\:100\:st, html.dark .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:5, html.dark .sf-c-txt-aliceblue\:5 { color: hsl(208, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:15, html.dark .sf-c-txt-aliceblue\:15 { color: hsl(208, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:25, html.dark .sf-c-txt-aliceblue\:25 { color: hsl(208, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:35, html.dark .sf-c-txt-aliceblue\:35 { color: hsl(208, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:45, html.dark .sf-c-txt-aliceblue\:45 { color: hsl(208, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:55, html.dark .sf-c-txt-aliceblue\:55 { color: hsl(208, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:65, html.dark .sf-c-txt-aliceblue\:65 { color: hsl(208, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:75, html.dark .sf-c-txt-aliceblue\:75 { color: hsl(208, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:85, html.dark .sf-c-txt-aliceblue\:85 { color: hsl(208, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:95, html.dark .sf-c-txt-aliceblue\:95 { color: hsl(208, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aliceblue\:st, html.dark .sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:0\:st, html.dark .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:5\:st, html.dark .sf-c-txt-aliceblue\:5\:st { color: hsl(208, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:10\:st, html.dark .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:15\:st, html.dark .sf-c-txt-aliceblue\:15\:st { color: hsl(208, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:20\:st, html.dark .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:25\:st, html.dark .sf-c-txt-aliceblue\:25\:st { color: hsl(208, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:30\:st, html.dark .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:35\:st, html.dark .sf-c-txt-aliceblue\:35\:st { color: hsl(208, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:40\:st, html.dark .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:45\:st, html.dark .sf-c-txt-aliceblue\:45\:st { color: hsl(208, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:50\:st, html.dark .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:55\:st, html.dark .sf-c-txt-aliceblue\:55\:st { color: hsl(208, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:60\:st, html.dark .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:65\:st, html.dark .sf-c-txt-aliceblue\:65\:st { color: hsl(208, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:70\:st, html.dark .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:75\:st, html.dark .sf-c-txt-aliceblue\:75\:st { color: hsl(208, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:80\:st, html.dark .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:85\:st, html.dark .sf-c-txt-aliceblue\:85\:st { color: hsl(208, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:90\:st, html.dark .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:95\:st, html.dark .sf-c-txt-aliceblue\:95\:st { color: hsl(208, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aliceblue\:100\:st, html.dark .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aliceblue, html.auto .sf-c-aliceblue { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 3%) } - html[data-theme='auto'] .sf-c-aliceblue\:0, html.auto .sf-c-aliceblue\:0 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } - html[data-theme='auto'] .sf-c-aliceblue\:5, html.auto .sf-c-aliceblue\:5 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } - html[data-theme='auto'] .sf-c-aliceblue\:10, html.auto .sf-c-aliceblue\:10 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-aliceblue\:15, html.auto .sf-c-aliceblue\:15 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 85%) } - html[data-theme='auto'] .sf-c-aliceblue\:20, html.auto .sf-c-aliceblue\:20 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-aliceblue\:25, html.auto .sf-c-aliceblue\:25 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 75%) } - html[data-theme='auto'] .sf-c-aliceblue\:30, html.auto .sf-c-aliceblue\:30 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-aliceblue\:35, html.auto .sf-c-aliceblue\:35 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 65%) } - html[data-theme='auto'] .sf-c-aliceblue\:40, html.auto .sf-c-aliceblue\:40 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-aliceblue\:45, html.auto .sf-c-aliceblue\:45 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 55%) } - html[data-theme='auto'] .sf-c-aliceblue\:50, html.auto .sf-c-aliceblue\:50 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-aliceblue\:55, html.auto .sf-c-aliceblue\:55 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 45%) } - html[data-theme='auto'] .sf-c-aliceblue\:60, html.auto .sf-c-aliceblue\:60 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-aliceblue\:65, html.auto .sf-c-aliceblue\:65 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 35%) } - html[data-theme='auto'] .sf-c-aliceblue\:70, html.auto .sf-c-aliceblue\:70 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-aliceblue\:75, html.auto .sf-c-aliceblue\:75 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 25%) } - html[data-theme='auto'] .sf-c-aliceblue\:80, html.auto .sf-c-aliceblue\:80 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-aliceblue\:85, html.auto .sf-c-aliceblue\:85 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 15%) } - html[data-theme='auto'] .sf-c-aliceblue\:90, html.auto .sf-c-aliceblue\:90 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-aliceblue\:95, html.auto .sf-c-aliceblue\:95 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } - html[data-theme='auto'] .sf-c-aliceblue\:100, html.auto .sf-c-aliceblue\:100 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aliceblue\:st, html.auto .sf-c-aliceblue\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-aliceblue\:0\:st, html.auto .sf-c-aliceblue\:0\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } - html[data-theme='auto'] .sf-c-aliceblue\:5\:st, html.auto .sf-c-aliceblue\:5\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } - html[data-theme='auto'] .sf-c-aliceblue\:10\:st, html.auto .sf-c-aliceblue\:10\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-aliceblue\:15\:st, html.auto .sf-c-aliceblue\:15\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 15%) } - html[data-theme='auto'] .sf-c-aliceblue\:20\:st, html.auto .sf-c-aliceblue\:20\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-aliceblue\:25\:st, html.auto .sf-c-aliceblue\:25\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 25%) } - html[data-theme='auto'] .sf-c-aliceblue\:30\:st, html.auto .sf-c-aliceblue\:30\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-aliceblue\:35\:st, html.auto .sf-c-aliceblue\:35\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 35%) } - html[data-theme='auto'] .sf-c-aliceblue\:40\:st, html.auto .sf-c-aliceblue\:40\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-aliceblue\:45\:st, html.auto .sf-c-aliceblue\:45\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 45%) } - html[data-theme='auto'] .sf-c-aliceblue\:50\:st, html.auto .sf-c-aliceblue\:50\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-aliceblue\:55\:st, html.auto .sf-c-aliceblue\:55\:st { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 55%) } - html[data-theme='auto'] .sf-c-aliceblue\:60\:st, html.auto .sf-c-aliceblue\:60\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-aliceblue\:65\:st, html.auto .sf-c-aliceblue\:65\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 65%) } - html[data-theme='auto'] .sf-c-aliceblue\:70\:st, html.auto .sf-c-aliceblue\:70\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-aliceblue\:75\:st, html.auto .sf-c-aliceblue\:75\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 75%) } - html[data-theme='auto'] .sf-c-aliceblue\:80\:st, html.auto .sf-c-aliceblue\:80\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-aliceblue\:85\:st, html.auto .sf-c-aliceblue\:85\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 85%) } - html[data-theme='auto'] .sf-c-aliceblue\:90\:st, html.auto .sf-c-aliceblue\:90\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-aliceblue\:95\:st, html.auto .sf-c-aliceblue\:95\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } - html[data-theme='auto'] .sf-c-aliceblue\:100\:st, html.auto .sf-c-aliceblue\:100\:st { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:5, html.auto .sf-c-txt-aliceblue\:5 { color: hsl(208, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:15, html.auto .sf-c-txt-aliceblue\:15 { color: hsl(208, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:25, html.auto .sf-c-txt-aliceblue\:25 { color: hsl(208, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:35, html.auto .sf-c-txt-aliceblue\:35 { color: hsl(208, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:45, html.auto .sf-c-txt-aliceblue\:45 { color: hsl(208, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:55, html.auto .sf-c-txt-aliceblue\:55 { color: hsl(208, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:65, html.auto .sf-c-txt-aliceblue\:65 { color: hsl(208, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:75, html.auto .sf-c-txt-aliceblue\:75 { color: hsl(208, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:85, html.auto .sf-c-txt-aliceblue\:85 { color: hsl(208, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:95, html.auto .sf-c-txt-aliceblue\:95 { color: hsl(208, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aliceblue\:st, html.auto .sf-c-txt-aliceblue\:st { color: hsl(208, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:0\:st, html.auto .sf-c-txt-aliceblue\:0\:st { color: hsl(208, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:5\:st, html.auto .sf-c-txt-aliceblue\:5\:st { color: hsl(208, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:10\:st, html.auto .sf-c-txt-aliceblue\:10\:st { color: hsl(208, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:15\:st, html.auto .sf-c-txt-aliceblue\:15\:st { color: hsl(208, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:20\:st, html.auto .sf-c-txt-aliceblue\:20\:st { color: hsl(208, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:25\:st, html.auto .sf-c-txt-aliceblue\:25\:st { color: hsl(208, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:30\:st, html.auto .sf-c-txt-aliceblue\:30\:st { color: hsl(208, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:35\:st, html.auto .sf-c-txt-aliceblue\:35\:st { color: hsl(208, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:40\:st, html.auto .sf-c-txt-aliceblue\:40\:st { color: hsl(208, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:45\:st, html.auto .sf-c-txt-aliceblue\:45\:st { color: hsl(208, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:50\:st, html.auto .sf-c-txt-aliceblue\:50\:st { color: hsl(208, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:55\:st, html.auto .sf-c-txt-aliceblue\:55\:st { color: hsl(208, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:60\:st, html.auto .sf-c-txt-aliceblue\:60\:st { color: hsl(208, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:65\:st, html.auto .sf-c-txt-aliceblue\:65\:st { color: hsl(208, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:70\:st, html.auto .sf-c-txt-aliceblue\:70\:st { color: hsl(208, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:75\:st, html.auto .sf-c-txt-aliceblue\:75\:st { color: hsl(208, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:80\:st, html.auto .sf-c-txt-aliceblue\:80\:st { color: hsl(208, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:85\:st, html.auto .sf-c-txt-aliceblue\:85\:st { color: hsl(208, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:90\:st, html.auto .sf-c-txt-aliceblue\:90\:st { color: hsl(208, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:95\:st, html.auto .sf-c-txt-aliceblue\:95\:st { color: hsl(208, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aliceblue\:100\:st, html.auto .sf-c-txt-aliceblue\:100\:st { color: hsl(208, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/antiquewhite.css b/src/colors/20/antiquewhite.css deleted file mode 100644 index 64e9347..0000000 --- a/src/colors/20/antiquewhite.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-antiquewhite { - --sf-c-antiquewhite: 34 78% 91%; - --sf-c-antiquewhite-0: 34 78% 0%; - --sf-c-antiquewhite-5: 34 78% 5%; - --sf-c-antiquewhite-10: 34 78% 10%; - --sf-c-antiquewhite-15: 34 78% 15%; - --sf-c-antiquewhite-20: 34 78% 20%; - --sf-c-antiquewhite-25: 34 78% 25%; - --sf-c-antiquewhite-30: 34 78% 30%; - --sf-c-antiquewhite-35: 34 78% 35%; - --sf-c-antiquewhite-40: 34 78% 40%; - --sf-c-antiquewhite-45: 34 78% 45%; - --sf-c-antiquewhite-50: 34 78% 50%; - --sf-c-antiquewhite-55: 34 78% 55%; - --sf-c-antiquewhite-60: 34 78% 60%; - --sf-c-antiquewhite-65: 34 78% 65%; - --sf-c-antiquewhite-70: 34 78% 70%; - --sf-c-antiquewhite-75: 34 78% 75%; - --sf-c-antiquewhite-80: 34 78% 80%; - --sf-c-antiquewhite-85: 34 78% 85%; - --sf-c-antiquewhite-90: 34 78% 90%; - --sf-c-antiquewhite-95: 34 78% 95%; - --sf-c-antiquewhite-100: 34 78% 100%; -} - -.sf-c-antiquewhite, .sf-c-antiquewhite\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 91%) } -.sf-c-antiquewhite\:0, .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } -.sf-c-antiquewhite\:5, .sf-c-antiquewhite\:5\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } -.sf-c-antiquewhite\:10, .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } -.sf-c-antiquewhite\:15, .sf-c-antiquewhite\:15\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 15%) } -.sf-c-antiquewhite\:20, .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 20%) } -.sf-c-antiquewhite\:25, .sf-c-antiquewhite\:25\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 25%) } -.sf-c-antiquewhite\:30, .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 30%) } -.sf-c-antiquewhite\:35, .sf-c-antiquewhite\:35\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 35%) } -.sf-c-antiquewhite\:40, .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 40%) } -.sf-c-antiquewhite\:45, .sf-c-antiquewhite\:45\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 45%) } -.sf-c-antiquewhite\:50, .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 50%) } -.sf-c-antiquewhite\:55, .sf-c-antiquewhite\:55\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 55%) } -.sf-c-antiquewhite\:60, .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 60%) } -.sf-c-antiquewhite\:65, .sf-c-antiquewhite\:65\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 65%) } -.sf-c-antiquewhite\:70, .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 70%) } -.sf-c-antiquewhite\:75, .sf-c-antiquewhite\:75\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 75%) } -.sf-c-antiquewhite\:80, .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 80%) } -.sf-c-antiquewhite\:85, .sf-c-antiquewhite\:85\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 85%) } -.sf-c-antiquewhite\:90, .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 90%) } -.sf-c-antiquewhite\:95, .sf-c-antiquewhite\:95\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } -.sf-c-antiquewhite\:100, .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } - -.sf-c-txt-antiquewhite { color: hsl(34, 78%, 10%) } -.sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } -.sf-c-txt-antiquewhite\:0, .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } -.sf-c-txt-antiquewhite\:5, .sf-c-txt-antiquewhite\:5\:st { color: hsl(34, 78%, 5%) } -.sf-c-txt-antiquewhite\:10, .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } -.sf-c-txt-antiquewhite\:15, .sf-c-txt-antiquewhite\:15\:st { color: hsl(34, 78%, 15%) } -.sf-c-txt-antiquewhite\:20, .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } -.sf-c-txt-antiquewhite\:25, .sf-c-txt-antiquewhite\:25\:st { color: hsl(34, 78%, 25%) } -.sf-c-txt-antiquewhite\:30, .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } -.sf-c-txt-antiquewhite\:35, .sf-c-txt-antiquewhite\:35\:st { color: hsl(34, 78%, 35%) } -.sf-c-txt-antiquewhite\:40, .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } -.sf-c-txt-antiquewhite\:45, .sf-c-txt-antiquewhite\:45\:st { color: hsl(34, 78%, 45%) } -.sf-c-txt-antiquewhite\:50, .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } -.sf-c-txt-antiquewhite\:55, .sf-c-txt-antiquewhite\:55\:st { color: hsl(34, 78%, 55%) } -.sf-c-txt-antiquewhite\:60, .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } -.sf-c-txt-antiquewhite\:65, .sf-c-txt-antiquewhite\:65\:st { color: hsl(34, 78%, 65%) } -.sf-c-txt-antiquewhite\:70, .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } -.sf-c-txt-antiquewhite\:75, .sf-c-txt-antiquewhite\:75\:st { color: hsl(34, 78%, 75%) } -.sf-c-txt-antiquewhite\:80, .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } -.sf-c-txt-antiquewhite\:85, .sf-c-txt-antiquewhite\:85\:st { color: hsl(34, 78%, 85%) } -.sf-c-txt-antiquewhite\:90, .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } -.sf-c-txt-antiquewhite\:95, .sf-c-txt-antiquewhite\:95\:st { color: hsl(34, 78%, 95%) } -.sf-c-txt-antiquewhite\:100, .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } - -html[data-theme='dark'] .sf-c-antiquewhite, html.dark .sf-c-antiquewhite { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 9%) } -html[data-theme='dark'] .sf-c-antiquewhite\:0, html.dark .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } -html[data-theme='dark'] .sf-c-antiquewhite\:5, html.dark .sf-c-antiquewhite\:5 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } -html[data-theme='dark'] .sf-c-antiquewhite\:10, html.dark .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-antiquewhite\:15, html.dark .sf-c-antiquewhite\:15 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 85%) } -html[data-theme='dark'] .sf-c-antiquewhite\:20, html.dark .sf-c-antiquewhite\:20 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-antiquewhite\:25, html.dark .sf-c-antiquewhite\:25 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 75%) } -html[data-theme='dark'] .sf-c-antiquewhite\:30, html.dark .sf-c-antiquewhite\:30 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-antiquewhite\:35, html.dark .sf-c-antiquewhite\:35 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 65%) } -html[data-theme='dark'] .sf-c-antiquewhite\:40, html.dark .sf-c-antiquewhite\:40 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-antiquewhite\:45, html.dark .sf-c-antiquewhite\:45 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 55%) } -html[data-theme='dark'] .sf-c-antiquewhite\:50, html.dark .sf-c-antiquewhite\:50 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-antiquewhite\:55, html.dark .sf-c-antiquewhite\:55 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 45%) } -html[data-theme='dark'] .sf-c-antiquewhite\:60, html.dark .sf-c-antiquewhite\:60 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-antiquewhite\:65, html.dark .sf-c-antiquewhite\:65 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 35%) } -html[data-theme='dark'] .sf-c-antiquewhite\:70, html.dark .sf-c-antiquewhite\:70 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-antiquewhite\:75, html.dark .sf-c-antiquewhite\:75 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 25%) } -html[data-theme='dark'] .sf-c-antiquewhite\:80, html.dark .sf-c-antiquewhite\:80 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-antiquewhite\:85, html.dark .sf-c-antiquewhite\:85 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 15%) } -html[data-theme='dark'] .sf-c-antiquewhite\:90, html.dark .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-antiquewhite\:95, html.dark .sf-c-antiquewhite\:95 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } -html[data-theme='dark'] .sf-c-antiquewhite\:100, html.dark .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } - -html[data-theme='dark'] .sf-c-antiquewhite\:st, html.dark .sf-c-antiquewhite\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-antiquewhite\:0\:st, html.dark .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } -html[data-theme='dark'] .sf-c-antiquewhite\:5\:st, html.dark .sf-c-antiquewhite\:5\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } -html[data-theme='dark'] .sf-c-antiquewhite\:10\:st, html.dark .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-antiquewhite\:15\:st, html.dark .sf-c-antiquewhite\:15\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 15%) } -html[data-theme='dark'] .sf-c-antiquewhite\:20\:st, html.dark .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-antiquewhite\:25\:st, html.dark .sf-c-antiquewhite\:25\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 25%) } -html[data-theme='dark'] .sf-c-antiquewhite\:30\:st, html.dark .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-antiquewhite\:35\:st, html.dark .sf-c-antiquewhite\:35\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 35%) } -html[data-theme='dark'] .sf-c-antiquewhite\:40\:st, html.dark .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-antiquewhite\:45\:st, html.dark .sf-c-antiquewhite\:45\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 45%) } -html[data-theme='dark'] .sf-c-antiquewhite\:50\:st, html.dark .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-antiquewhite\:55\:st, html.dark .sf-c-antiquewhite\:55\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 55%) } -html[data-theme='dark'] .sf-c-antiquewhite\:60\:st, html.dark .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-antiquewhite\:65\:st, html.dark .sf-c-antiquewhite\:65\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 65%) } -html[data-theme='dark'] .sf-c-antiquewhite\:70\:st, html.dark .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-antiquewhite\:75\:st, html.dark .sf-c-antiquewhite\:75\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 75%) } -html[data-theme='dark'] .sf-c-antiquewhite\:80\:st, html.dark .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-antiquewhite\:85\:st, html.dark .sf-c-antiquewhite\:85\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 85%) } -html[data-theme='dark'] .sf-c-antiquewhite\:90\:st, html.dark .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-antiquewhite\:95\:st, html.dark .sf-c-antiquewhite\:95\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } -html[data-theme='dark'] .sf-c-antiquewhite\:100\:st, html.dark .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } - -html[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:5, html.dark .sf-c-txt-antiquewhite\:5 { color: hsl(34, 78%, 95%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:15, html.dark .sf-c-txt-antiquewhite\:15 { color: hsl(34, 78%, 85%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:25, html.dark .sf-c-txt-antiquewhite\:25 { color: hsl(34, 78%, 75%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:35, html.dark .sf-c-txt-antiquewhite\:35 { color: hsl(34, 78%, 65%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:45, html.dark .sf-c-txt-antiquewhite\:45 { color: hsl(34, 78%, 55%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:55, html.dark .sf-c-txt-antiquewhite\:55 { color: hsl(34, 78%, 45%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:65, html.dark .sf-c-txt-antiquewhite\:65 { color: hsl(34, 78%, 35%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:75, html.dark .sf-c-txt-antiquewhite\:75 { color: hsl(34, 78%, 25%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:85, html.dark .sf-c-txt-antiquewhite\:85 { color: hsl(34, 78%, 15%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:95, html.dark .sf-c-txt-antiquewhite\:95 { color: hsl(34, 78%, 5%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } - -html[data-theme='dark'] .sf-c-txt-antiquewhite\:st, html.dark .sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:st, html.dark .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:5\:st, html.dark .sf-c-txt-antiquewhite\:5\:st { color: hsl(34, 78%, 5%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:st, html.dark .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:15\:st, html.dark .sf-c-txt-antiquewhite\:15\:st { color: hsl(34, 78%, 15%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:st, html.dark .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:25\:st, html.dark .sf-c-txt-antiquewhite\:25\:st { color: hsl(34, 78%, 25%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:st, html.dark .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:35\:st, html.dark .sf-c-txt-antiquewhite\:35\:st { color: hsl(34, 78%, 35%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:st, html.dark .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:45\:st, html.dark .sf-c-txt-antiquewhite\:45\:st { color: hsl(34, 78%, 45%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:st, html.dark .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:55\:st, html.dark .sf-c-txt-antiquewhite\:55\:st { color: hsl(34, 78%, 55%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:st, html.dark .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:65\:st, html.dark .sf-c-txt-antiquewhite\:65\:st { color: hsl(34, 78%, 65%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:st, html.dark .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:75\:st, html.dark .sf-c-txt-antiquewhite\:75\:st { color: hsl(34, 78%, 75%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:st, html.dark .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:85\:st, html.dark .sf-c-txt-antiquewhite\:85\:st { color: hsl(34, 78%, 85%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:st, html.dark .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:95\:st, html.dark .sf-c-txt-antiquewhite\:95\:st { color: hsl(34, 78%, 95%) } -html[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:st, html.dark .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-antiquewhite, html.auto .sf-c-antiquewhite { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 9%) } - html[data-theme='auto'] .sf-c-antiquewhite\:0, html.auto .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } - html[data-theme='auto'] .sf-c-antiquewhite\:5, html.auto .sf-c-antiquewhite\:5 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } - html[data-theme='auto'] .sf-c-antiquewhite\:10, html.auto .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-antiquewhite\:15, html.auto .sf-c-antiquewhite\:15 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 85%) } - html[data-theme='auto'] .sf-c-antiquewhite\:20, html.auto .sf-c-antiquewhite\:20 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-antiquewhite\:25, html.auto .sf-c-antiquewhite\:25 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 75%) } - html[data-theme='auto'] .sf-c-antiquewhite\:30, html.auto .sf-c-antiquewhite\:30 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-antiquewhite\:35, html.auto .sf-c-antiquewhite\:35 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 65%) } - html[data-theme='auto'] .sf-c-antiquewhite\:40, html.auto .sf-c-antiquewhite\:40 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-antiquewhite\:45, html.auto .sf-c-antiquewhite\:45 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 55%) } - html[data-theme='auto'] .sf-c-antiquewhite\:50, html.auto .sf-c-antiquewhite\:50 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-antiquewhite\:55, html.auto .sf-c-antiquewhite\:55 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 45%) } - html[data-theme='auto'] .sf-c-antiquewhite\:60, html.auto .sf-c-antiquewhite\:60 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-antiquewhite\:65, html.auto .sf-c-antiquewhite\:65 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 35%) } - html[data-theme='auto'] .sf-c-antiquewhite\:70, html.auto .sf-c-antiquewhite\:70 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-antiquewhite\:75, html.auto .sf-c-antiquewhite\:75 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 25%) } - html[data-theme='auto'] .sf-c-antiquewhite\:80, html.auto .sf-c-antiquewhite\:80 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-antiquewhite\:85, html.auto .sf-c-antiquewhite\:85 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 15%) } - html[data-theme='auto'] .sf-c-antiquewhite\:90, html.auto .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-antiquewhite\:95, html.auto .sf-c-antiquewhite\:95 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } - html[data-theme='auto'] .sf-c-antiquewhite\:100, html.auto .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } - - html[data-theme='auto'] .sf-c-antiquewhite\:st, html.auto .sf-c-antiquewhite\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-antiquewhite\:0\:st, html.auto .sf-c-antiquewhite\:0\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } - html[data-theme='auto'] .sf-c-antiquewhite\:5\:st, html.auto .sf-c-antiquewhite\:5\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } - html[data-theme='auto'] .sf-c-antiquewhite\:10\:st, html.auto .sf-c-antiquewhite\:10\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-antiquewhite\:15\:st, html.auto .sf-c-antiquewhite\:15\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 15%) } - html[data-theme='auto'] .sf-c-antiquewhite\:20\:st, html.auto .sf-c-antiquewhite\:20\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-antiquewhite\:25\:st, html.auto .sf-c-antiquewhite\:25\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 25%) } - html[data-theme='auto'] .sf-c-antiquewhite\:30\:st, html.auto .sf-c-antiquewhite\:30\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-antiquewhite\:35\:st, html.auto .sf-c-antiquewhite\:35\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 35%) } - html[data-theme='auto'] .sf-c-antiquewhite\:40\:st, html.auto .sf-c-antiquewhite\:40\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-antiquewhite\:45\:st, html.auto .sf-c-antiquewhite\:45\:st { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 45%) } - html[data-theme='auto'] .sf-c-antiquewhite\:50\:st, html.auto .sf-c-antiquewhite\:50\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-antiquewhite\:55\:st, html.auto .sf-c-antiquewhite\:55\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 55%) } - html[data-theme='auto'] .sf-c-antiquewhite\:60\:st, html.auto .sf-c-antiquewhite\:60\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-antiquewhite\:65\:st, html.auto .sf-c-antiquewhite\:65\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 65%) } - html[data-theme='auto'] .sf-c-antiquewhite\:70\:st, html.auto .sf-c-antiquewhite\:70\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-antiquewhite\:75\:st, html.auto .sf-c-antiquewhite\:75\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 75%) } - html[data-theme='auto'] .sf-c-antiquewhite\:80\:st, html.auto .sf-c-antiquewhite\:80\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-antiquewhite\:85\:st, html.auto .sf-c-antiquewhite\:85\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 85%) } - html[data-theme='auto'] .sf-c-antiquewhite\:90\:st, html.auto .sf-c-antiquewhite\:90\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-antiquewhite\:95\:st, html.auto .sf-c-antiquewhite\:95\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } - html[data-theme='auto'] .sf-c-antiquewhite\:100\:st, html.auto .sf-c-antiquewhite\:100\:st { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } - - html[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:5, html.auto .sf-c-txt-antiquewhite\:5 { color: hsl(34, 78%, 95%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:15, html.auto .sf-c-txt-antiquewhite\:15 { color: hsl(34, 78%, 85%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:25, html.auto .sf-c-txt-antiquewhite\:25 { color: hsl(34, 78%, 75%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:35, html.auto .sf-c-txt-antiquewhite\:35 { color: hsl(34, 78%, 65%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:45, html.auto .sf-c-txt-antiquewhite\:45 { color: hsl(34, 78%, 55%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:55, html.auto .sf-c-txt-antiquewhite\:55 { color: hsl(34, 78%, 45%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:65, html.auto .sf-c-txt-antiquewhite\:65 { color: hsl(34, 78%, 35%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:75, html.auto .sf-c-txt-antiquewhite\:75 { color: hsl(34, 78%, 25%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:85, html.auto .sf-c-txt-antiquewhite\:85 { color: hsl(34, 78%, 15%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:95, html.auto .sf-c-txt-antiquewhite\:95 { color: hsl(34, 78%, 5%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } - - html[data-theme='auto'] .sf-c-txt-antiquewhite\:st, html.auto .sf-c-txt-antiquewhite\:st { color: hsl(34, 78%, 91%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:st, html.auto .sf-c-txt-antiquewhite\:0\:st { color: hsl(34, 78%, 0%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:5\:st, html.auto .sf-c-txt-antiquewhite\:5\:st { color: hsl(34, 78%, 5%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:st, html.auto .sf-c-txt-antiquewhite\:10\:st { color: hsl(34, 78%, 10%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:15\:st, html.auto .sf-c-txt-antiquewhite\:15\:st { color: hsl(34, 78%, 15%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:st, html.auto .sf-c-txt-antiquewhite\:20\:st { color: hsl(34, 78%, 20%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:25\:st, html.auto .sf-c-txt-antiquewhite\:25\:st { color: hsl(34, 78%, 25%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:st, html.auto .sf-c-txt-antiquewhite\:30\:st { color: hsl(34, 78%, 30%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:35\:st, html.auto .sf-c-txt-antiquewhite\:35\:st { color: hsl(34, 78%, 35%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:st, html.auto .sf-c-txt-antiquewhite\:40\:st { color: hsl(34, 78%, 40%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:45\:st, html.auto .sf-c-txt-antiquewhite\:45\:st { color: hsl(34, 78%, 45%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:st, html.auto .sf-c-txt-antiquewhite\:50\:st { color: hsl(34, 78%, 50%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:55\:st, html.auto .sf-c-txt-antiquewhite\:55\:st { color: hsl(34, 78%, 55%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:st, html.auto .sf-c-txt-antiquewhite\:60\:st { color: hsl(34, 78%, 60%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:65\:st, html.auto .sf-c-txt-antiquewhite\:65\:st { color: hsl(34, 78%, 65%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:st, html.auto .sf-c-txt-antiquewhite\:70\:st { color: hsl(34, 78%, 70%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:75\:st, html.auto .sf-c-txt-antiquewhite\:75\:st { color: hsl(34, 78%, 75%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:st, html.auto .sf-c-txt-antiquewhite\:80\:st { color: hsl(34, 78%, 80%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:85\:st, html.auto .sf-c-txt-antiquewhite\:85\:st { color: hsl(34, 78%, 85%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:st, html.auto .sf-c-txt-antiquewhite\:90\:st { color: hsl(34, 78%, 90%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:95\:st, html.auto .sf-c-txt-antiquewhite\:95\:st { color: hsl(34, 78%, 95%) } - html[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:st, html.auto .sf-c-txt-antiquewhite\:100\:st { color: hsl(34, 78%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/aqua.css b/src/colors/20/aqua.css deleted file mode 100644 index 99db444..0000000 --- a/src/colors/20/aqua.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-aqua { - --sf-c-aqua: 180 100% 50%; - --sf-c-aqua-0: 180 100% 0%; - --sf-c-aqua-5: 180 100% 5%; - --sf-c-aqua-10: 180 100% 10%; - --sf-c-aqua-15: 180 100% 15%; - --sf-c-aqua-20: 180 100% 20%; - --sf-c-aqua-25: 180 100% 25%; - --sf-c-aqua-30: 180 100% 30%; - --sf-c-aqua-35: 180 100% 35%; - --sf-c-aqua-40: 180 100% 40%; - --sf-c-aqua-45: 180 100% 45%; - --sf-c-aqua-50: 180 100% 50%; - --sf-c-aqua-55: 180 100% 55%; - --sf-c-aqua-60: 180 100% 60%; - --sf-c-aqua-65: 180 100% 65%; - --sf-c-aqua-70: 180 100% 70%; - --sf-c-aqua-75: 180 100% 75%; - --sf-c-aqua-80: 180 100% 80%; - --sf-c-aqua-85: 180 100% 85%; - --sf-c-aqua-90: 180 100% 90%; - --sf-c-aqua-95: 180 100% 95%; - --sf-c-aqua-100: 180 100% 100%; -} - -.sf-c-aqua, .sf-c-aqua\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-aqua\:0, .sf-c-aqua\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-aqua\:5, .sf-c-aqua\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-aqua\:10, .sf-c-aqua\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-aqua\:15, .sf-c-aqua\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-aqua\:20, .sf-c-aqua\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-aqua\:25, .sf-c-aqua\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-aqua\:30, .sf-c-aqua\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-aqua\:35, .sf-c-aqua\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-aqua\:40, .sf-c-aqua\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-aqua\:45, .sf-c-aqua\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-aqua\:50, .sf-c-aqua\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-aqua\:55, .sf-c-aqua\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-aqua\:60, .sf-c-aqua\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-aqua\:65, .sf-c-aqua\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-aqua\:70, .sf-c-aqua\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-aqua\:75, .sf-c-aqua\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-aqua\:80, .sf-c-aqua\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-aqua\:85, .sf-c-aqua\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-aqua\:90, .sf-c-aqua\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-aqua\:95, .sf-c-aqua\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-aqua\:100, .sf-c-aqua\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-aqua { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:0, .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-aqua\:5, .sf-c-txt-aqua\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-aqua\:10, .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-aqua\:15, .sf-c-txt-aqua\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-aqua\:20, .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-aqua\:25, .sf-c-txt-aqua\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-aqua\:30, .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-aqua\:35, .sf-c-txt-aqua\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-aqua\:40, .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-aqua\:45, .sf-c-txt-aqua\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-aqua\:50, .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-aqua\:55, .sf-c-txt-aqua\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-aqua\:60, .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-aqua\:65, .sf-c-txt-aqua\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-aqua\:70, .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-aqua\:75, .sf-c-txt-aqua\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-aqua\:80, .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-aqua\:85, .sf-c-txt-aqua\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-aqua\:90, .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-aqua\:95, .sf-c-txt-aqua\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-aqua\:100, .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aqua, html.dark .sf-c-aqua { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:0, html.dark .sf-c-aqua\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-aqua\:5, html.dark .sf-c-aqua\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-aqua\:10, html.dark .sf-c-aqua\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-aqua\:15, html.dark .sf-c-aqua\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-aqua\:20, html.dark .sf-c-aqua\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-aqua\:25, html.dark .sf-c-aqua\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-aqua\:30, html.dark .sf-c-aqua\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-aqua\:35, html.dark .sf-c-aqua\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-aqua\:40, html.dark .sf-c-aqua\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-aqua\:45, html.dark .sf-c-aqua\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-aqua\:50, html.dark .sf-c-aqua\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:55, html.dark .sf-c-aqua\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-aqua\:60, html.dark .sf-c-aqua\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-aqua\:65, html.dark .sf-c-aqua\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-aqua\:70, html.dark .sf-c-aqua\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-aqua\:75, html.dark .sf-c-aqua\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-aqua\:80, html.dark .sf-c-aqua\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-aqua\:85, html.dark .sf-c-aqua\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-aqua\:90, html.dark .sf-c-aqua\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-aqua\:95, html.dark .sf-c-aqua\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-aqua\:100, html.dark .sf-c-aqua\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aqua\:st, html.dark .sf-c-aqua\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:0\:st, html.dark .sf-c-aqua\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-aqua\:5\:st, html.dark .sf-c-aqua\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-aqua\:10\:st, html.dark .sf-c-aqua\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-aqua\:15\:st, html.dark .sf-c-aqua\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-aqua\:20\:st, html.dark .sf-c-aqua\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-aqua\:25\:st, html.dark .sf-c-aqua\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-aqua\:30\:st, html.dark .sf-c-aqua\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-aqua\:35\:st, html.dark .sf-c-aqua\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-aqua\:40\:st, html.dark .sf-c-aqua\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-aqua\:45\:st, html.dark .sf-c-aqua\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-aqua\:50\:st, html.dark .sf-c-aqua\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-aqua\:55\:st, html.dark .sf-c-aqua\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-aqua\:60\:st, html.dark .sf-c-aqua\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-aqua\:65\:st, html.dark .sf-c-aqua\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-aqua\:70\:st, html.dark .sf-c-aqua\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-aqua\:75\:st, html.dark .sf-c-aqua\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-aqua\:80\:st, html.dark .sf-c-aqua\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-aqua\:85\:st, html.dark .sf-c-aqua\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-aqua\:90\:st, html.dark .sf-c-aqua\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-aqua\:95\:st, html.dark .sf-c-aqua\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-aqua\:100\:st, html.dark .sf-c-aqua\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aqua\:5, html.dark .sf-c-txt-aqua\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aqua\:15, html.dark .sf-c-txt-aqua\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aqua\:25, html.dark .sf-c-txt-aqua\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aqua\:35, html.dark .sf-c-txt-aqua\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aqua\:45, html.dark .sf-c-txt-aqua\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:55, html.dark .sf-c-txt-aqua\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aqua\:65, html.dark .sf-c-txt-aqua\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aqua\:75, html.dark .sf-c-txt-aqua\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aqua\:85, html.dark .sf-c-txt-aqua\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aqua\:95, html.dark .sf-c-txt-aqua\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aqua\:st, html.dark .sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:0\:st, html.dark .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aqua\:5\:st, html.dark .sf-c-txt-aqua\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aqua\:10\:st, html.dark .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aqua\:15\:st, html.dark .sf-c-txt-aqua\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aqua\:20\:st, html.dark .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aqua\:25\:st, html.dark .sf-c-txt-aqua\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aqua\:30\:st, html.dark .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aqua\:35\:st, html.dark .sf-c-txt-aqua\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aqua\:40\:st, html.dark .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aqua\:45\:st, html.dark .sf-c-txt-aqua\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aqua\:50\:st, html.dark .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aqua\:55\:st, html.dark .sf-c-txt-aqua\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aqua\:60\:st, html.dark .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aqua\:65\:st, html.dark .sf-c-txt-aqua\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aqua\:70\:st, html.dark .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aqua\:75\:st, html.dark .sf-c-txt-aqua\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aqua\:80\:st, html.dark .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aqua\:85\:st, html.dark .sf-c-txt-aqua\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aqua\:90\:st, html.dark .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aqua\:95\:st, html.dark .sf-c-txt-aqua\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aqua\:100\:st, html.dark .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aqua, html.auto .sf-c-aqua { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:0, html.auto .sf-c-aqua\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-aqua\:5, html.auto .sf-c-aqua\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-aqua\:10, html.auto .sf-c-aqua\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-aqua\:15, html.auto .sf-c-aqua\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-aqua\:20, html.auto .sf-c-aqua\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-aqua\:25, html.auto .sf-c-aqua\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-aqua\:30, html.auto .sf-c-aqua\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-aqua\:35, html.auto .sf-c-aqua\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-aqua\:40, html.auto .sf-c-aqua\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-aqua\:45, html.auto .sf-c-aqua\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-aqua\:50, html.auto .sf-c-aqua\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:55, html.auto .sf-c-aqua\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-aqua\:60, html.auto .sf-c-aqua\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-aqua\:65, html.auto .sf-c-aqua\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-aqua\:70, html.auto .sf-c-aqua\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-aqua\:75, html.auto .sf-c-aqua\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-aqua\:80, html.auto .sf-c-aqua\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-aqua\:85, html.auto .sf-c-aqua\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-aqua\:90, html.auto .sf-c-aqua\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-aqua\:95, html.auto .sf-c-aqua\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-aqua\:100, html.auto .sf-c-aqua\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aqua\:st, html.auto .sf-c-aqua\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:0\:st, html.auto .sf-c-aqua\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-aqua\:5\:st, html.auto .sf-c-aqua\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-aqua\:10\:st, html.auto .sf-c-aqua\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-aqua\:15\:st, html.auto .sf-c-aqua\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-aqua\:20\:st, html.auto .sf-c-aqua\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-aqua\:25\:st, html.auto .sf-c-aqua\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-aqua\:30\:st, html.auto .sf-c-aqua\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-aqua\:35\:st, html.auto .sf-c-aqua\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-aqua\:40\:st, html.auto .sf-c-aqua\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-aqua\:45\:st, html.auto .sf-c-aqua\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-aqua\:50\:st, html.auto .sf-c-aqua\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-aqua\:55\:st, html.auto .sf-c-aqua\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-aqua\:60\:st, html.auto .sf-c-aqua\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-aqua\:65\:st, html.auto .sf-c-aqua\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-aqua\:70\:st, html.auto .sf-c-aqua\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-aqua\:75\:st, html.auto .sf-c-aqua\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-aqua\:80\:st, html.auto .sf-c-aqua\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-aqua\:85\:st, html.auto .sf-c-aqua\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-aqua\:90\:st, html.auto .sf-c-aqua\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-aqua\:95\:st, html.auto .sf-c-aqua\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-aqua\:100\:st, html.auto .sf-c-aqua\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aqua\:5, html.auto .sf-c-txt-aqua\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aqua\:15, html.auto .sf-c-txt-aqua\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aqua\:25, html.auto .sf-c-txt-aqua\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aqua\:35, html.auto .sf-c-txt-aqua\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aqua\:45, html.auto .sf-c-txt-aqua\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:55, html.auto .sf-c-txt-aqua\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aqua\:65, html.auto .sf-c-txt-aqua\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aqua\:75, html.auto .sf-c-txt-aqua\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aqua\:85, html.auto .sf-c-txt-aqua\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aqua\:95, html.auto .sf-c-txt-aqua\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aqua\:st, html.auto .sf-c-txt-aqua\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:0\:st, html.auto .sf-c-txt-aqua\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aqua\:5\:st, html.auto .sf-c-txt-aqua\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aqua\:10\:st, html.auto .sf-c-txt-aqua\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aqua\:15\:st, html.auto .sf-c-txt-aqua\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aqua\:20\:st, html.auto .sf-c-txt-aqua\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aqua\:25\:st, html.auto .sf-c-txt-aqua\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aqua\:30\:st, html.auto .sf-c-txt-aqua\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aqua\:35\:st, html.auto .sf-c-txt-aqua\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aqua\:40\:st, html.auto .sf-c-txt-aqua\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aqua\:45\:st, html.auto .sf-c-txt-aqua\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aqua\:50\:st, html.auto .sf-c-txt-aqua\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aqua\:55\:st, html.auto .sf-c-txt-aqua\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aqua\:60\:st, html.auto .sf-c-txt-aqua\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aqua\:65\:st, html.auto .sf-c-txt-aqua\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aqua\:70\:st, html.auto .sf-c-txt-aqua\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aqua\:75\:st, html.auto .sf-c-txt-aqua\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aqua\:80\:st, html.auto .sf-c-txt-aqua\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aqua\:85\:st, html.auto .sf-c-txt-aqua\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aqua\:90\:st, html.auto .sf-c-txt-aqua\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aqua\:95\:st, html.auto .sf-c-txt-aqua\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aqua\:100\:st, html.auto .sf-c-txt-aqua\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/aquamarine.css b/src/colors/20/aquamarine.css deleted file mode 100644 index bc0bacb..0000000 --- a/src/colors/20/aquamarine.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-aquamarine { - --sf-c-aquamarine: 160 100% 75%; - --sf-c-aquamarine-0: 160 100% 0%; - --sf-c-aquamarine-5: 160 100% 5%; - --sf-c-aquamarine-10: 160 100% 10%; - --sf-c-aquamarine-15: 160 100% 15%; - --sf-c-aquamarine-20: 160 100% 20%; - --sf-c-aquamarine-25: 160 100% 25%; - --sf-c-aquamarine-30: 160 100% 30%; - --sf-c-aquamarine-35: 160 100% 35%; - --sf-c-aquamarine-40: 160 100% 40%; - --sf-c-aquamarine-45: 160 100% 45%; - --sf-c-aquamarine-50: 160 100% 50%; - --sf-c-aquamarine-55: 160 100% 55%; - --sf-c-aquamarine-60: 160 100% 60%; - --sf-c-aquamarine-65: 160 100% 65%; - --sf-c-aquamarine-70: 160 100% 70%; - --sf-c-aquamarine-75: 160 100% 75%; - --sf-c-aquamarine-80: 160 100% 80%; - --sf-c-aquamarine-85: 160 100% 85%; - --sf-c-aquamarine-90: 160 100% 90%; - --sf-c-aquamarine-95: 160 100% 95%; - --sf-c-aquamarine-100: 160 100% 100%; -} - -.sf-c-aquamarine, .sf-c-aquamarine\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } -.sf-c-aquamarine\:0, .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } -.sf-c-aquamarine\:5, .sf-c-aquamarine\:5\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } -.sf-c-aquamarine\:10, .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } -.sf-c-aquamarine\:15, .sf-c-aquamarine\:15\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 15%) } -.sf-c-aquamarine\:20, .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 20%) } -.sf-c-aquamarine\:25, .sf-c-aquamarine\:25\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } -.sf-c-aquamarine\:30, .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 30%) } -.sf-c-aquamarine\:35, .sf-c-aquamarine\:35\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 35%) } -.sf-c-aquamarine\:40, .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 40%) } -.sf-c-aquamarine\:45, .sf-c-aquamarine\:45\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 45%) } -.sf-c-aquamarine\:50, .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 50%) } -.sf-c-aquamarine\:55, .sf-c-aquamarine\:55\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 55%) } -.sf-c-aquamarine\:60, .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 60%) } -.sf-c-aquamarine\:65, .sf-c-aquamarine\:65\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 65%) } -.sf-c-aquamarine\:70, .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 70%) } -.sf-c-aquamarine\:75, .sf-c-aquamarine\:75\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } -.sf-c-aquamarine\:80, .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 80%) } -.sf-c-aquamarine\:85, .sf-c-aquamarine\:85\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 85%) } -.sf-c-aquamarine\:90, .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 90%) } -.sf-c-aquamarine\:95, .sf-c-aquamarine\:95\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } -.sf-c-aquamarine\:100, .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } - -.sf-c-txt-aquamarine { color: hsl(160, 100%, 10%) } -.sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } -.sf-c-txt-aquamarine\:0, .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } -.sf-c-txt-aquamarine\:5, .sf-c-txt-aquamarine\:5\:st { color: hsl(160, 100%, 5%) } -.sf-c-txt-aquamarine\:10, .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } -.sf-c-txt-aquamarine\:15, .sf-c-txt-aquamarine\:15\:st { color: hsl(160, 100%, 15%) } -.sf-c-txt-aquamarine\:20, .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } -.sf-c-txt-aquamarine\:25, .sf-c-txt-aquamarine\:25\:st { color: hsl(160, 100%, 25%) } -.sf-c-txt-aquamarine\:30, .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } -.sf-c-txt-aquamarine\:35, .sf-c-txt-aquamarine\:35\:st { color: hsl(160, 100%, 35%) } -.sf-c-txt-aquamarine\:40, .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } -.sf-c-txt-aquamarine\:45, .sf-c-txt-aquamarine\:45\:st { color: hsl(160, 100%, 45%) } -.sf-c-txt-aquamarine\:50, .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } -.sf-c-txt-aquamarine\:55, .sf-c-txt-aquamarine\:55\:st { color: hsl(160, 100%, 55%) } -.sf-c-txt-aquamarine\:60, .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } -.sf-c-txt-aquamarine\:65, .sf-c-txt-aquamarine\:65\:st { color: hsl(160, 100%, 65%) } -.sf-c-txt-aquamarine\:70, .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } -.sf-c-txt-aquamarine\:75, .sf-c-txt-aquamarine\:75\:st { color: hsl(160, 100%, 75%) } -.sf-c-txt-aquamarine\:80, .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } -.sf-c-txt-aquamarine\:85, .sf-c-txt-aquamarine\:85\:st { color: hsl(160, 100%, 85%) } -.sf-c-txt-aquamarine\:90, .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } -.sf-c-txt-aquamarine\:95, .sf-c-txt-aquamarine\:95\:st { color: hsl(160, 100%, 95%) } -.sf-c-txt-aquamarine\:100, .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } - -html[data-theme='dark'] .sf-c-aquamarine, html.dark .sf-c-aquamarine { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-aquamarine\:0, html.dark .sf-c-aquamarine\:0 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } -html[data-theme='dark'] .sf-c-aquamarine\:5, html.dark .sf-c-aquamarine\:5 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } -html[data-theme='dark'] .sf-c-aquamarine\:10, html.dark .sf-c-aquamarine\:10 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-aquamarine\:15, html.dark .sf-c-aquamarine\:15 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 85%) } -html[data-theme='dark'] .sf-c-aquamarine\:20, html.dark .sf-c-aquamarine\:20 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-aquamarine\:25, html.dark .sf-c-aquamarine\:25 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-aquamarine\:30, html.dark .sf-c-aquamarine\:30 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-aquamarine\:35, html.dark .sf-c-aquamarine\:35 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 65%) } -html[data-theme='dark'] .sf-c-aquamarine\:40, html.dark .sf-c-aquamarine\:40 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-aquamarine\:45, html.dark .sf-c-aquamarine\:45 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 55%) } -html[data-theme='dark'] .sf-c-aquamarine\:50, html.dark .sf-c-aquamarine\:50 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-aquamarine\:55, html.dark .sf-c-aquamarine\:55 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 45%) } -html[data-theme='dark'] .sf-c-aquamarine\:60, html.dark .sf-c-aquamarine\:60 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-aquamarine\:65, html.dark .sf-c-aquamarine\:65 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 35%) } -html[data-theme='dark'] .sf-c-aquamarine\:70, html.dark .sf-c-aquamarine\:70 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-aquamarine\:75, html.dark .sf-c-aquamarine\:75 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-aquamarine\:80, html.dark .sf-c-aquamarine\:80 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-aquamarine\:85, html.dark .sf-c-aquamarine\:85 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 15%) } -html[data-theme='dark'] .sf-c-aquamarine\:90, html.dark .sf-c-aquamarine\:90 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-aquamarine\:95, html.dark .sf-c-aquamarine\:95 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } -html[data-theme='dark'] .sf-c-aquamarine\:100, html.dark .sf-c-aquamarine\:100 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } - -html[data-theme='dark'] .sf-c-aquamarine\:st, html.dark .sf-c-aquamarine\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-aquamarine\:0\:st, html.dark .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } -html[data-theme='dark'] .sf-c-aquamarine\:5\:st, html.dark .sf-c-aquamarine\:5\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } -html[data-theme='dark'] .sf-c-aquamarine\:10\:st, html.dark .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-aquamarine\:15\:st, html.dark .sf-c-aquamarine\:15\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 15%) } -html[data-theme='dark'] .sf-c-aquamarine\:20\:st, html.dark .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-aquamarine\:25\:st, html.dark .sf-c-aquamarine\:25\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-aquamarine\:30\:st, html.dark .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-aquamarine\:35\:st, html.dark .sf-c-aquamarine\:35\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 35%) } -html[data-theme='dark'] .sf-c-aquamarine\:40\:st, html.dark .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-aquamarine\:45\:st, html.dark .sf-c-aquamarine\:45\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 45%) } -html[data-theme='dark'] .sf-c-aquamarine\:50\:st, html.dark .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-aquamarine\:55\:st, html.dark .sf-c-aquamarine\:55\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 55%) } -html[data-theme='dark'] .sf-c-aquamarine\:60\:st, html.dark .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-aquamarine\:65\:st, html.dark .sf-c-aquamarine\:65\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 65%) } -html[data-theme='dark'] .sf-c-aquamarine\:70\:st, html.dark .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-aquamarine\:75\:st, html.dark .sf-c-aquamarine\:75\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-aquamarine\:80\:st, html.dark .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-aquamarine\:85\:st, html.dark .sf-c-aquamarine\:85\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 85%) } -html[data-theme='dark'] .sf-c-aquamarine\:90\:st, html.dark .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-aquamarine\:95\:st, html.dark .sf-c-aquamarine\:95\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } -html[data-theme='dark'] .sf-c-aquamarine\:100\:st, html.dark .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:5, html.dark .sf-c-txt-aquamarine\:5 { color: hsl(160, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:15, html.dark .sf-c-txt-aquamarine\:15 { color: hsl(160, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:25, html.dark .sf-c-txt-aquamarine\:25 { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:35, html.dark .sf-c-txt-aquamarine\:35 { color: hsl(160, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:45, html.dark .sf-c-txt-aquamarine\:45 { color: hsl(160, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:55, html.dark .sf-c-txt-aquamarine\:55 { color: hsl(160, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:65, html.dark .sf-c-txt-aquamarine\:65 { color: hsl(160, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:75, html.dark .sf-c-txt-aquamarine\:75 { color: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:85, html.dark .sf-c-txt-aquamarine\:85 { color: hsl(160, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:95, html.dark .sf-c-txt-aquamarine\:95 { color: hsl(160, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-aquamarine\:st, html.dark .sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:0\:st, html.dark .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:5\:st, html.dark .sf-c-txt-aquamarine\:5\:st { color: hsl(160, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:10\:st, html.dark .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:15\:st, html.dark .sf-c-txt-aquamarine\:15\:st { color: hsl(160, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:20\:st, html.dark .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:25\:st, html.dark .sf-c-txt-aquamarine\:25\:st { color: hsl(160, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:30\:st, html.dark .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:35\:st, html.dark .sf-c-txt-aquamarine\:35\:st { color: hsl(160, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:40\:st, html.dark .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:45\:st, html.dark .sf-c-txt-aquamarine\:45\:st { color: hsl(160, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:50\:st, html.dark .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:55\:st, html.dark .sf-c-txt-aquamarine\:55\:st { color: hsl(160, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:60\:st, html.dark .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:65\:st, html.dark .sf-c-txt-aquamarine\:65\:st { color: hsl(160, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:70\:st, html.dark .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:75\:st, html.dark .sf-c-txt-aquamarine\:75\:st { color: hsl(160, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:80\:st, html.dark .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:85\:st, html.dark .sf-c-txt-aquamarine\:85\:st { color: hsl(160, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:90\:st, html.dark .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:95\:st, html.dark .sf-c-txt-aquamarine\:95\:st { color: hsl(160, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-aquamarine\:100\:st, html.dark .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-aquamarine, html.auto .sf-c-aquamarine { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-aquamarine\:0, html.auto .sf-c-aquamarine\:0 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } - html[data-theme='auto'] .sf-c-aquamarine\:5, html.auto .sf-c-aquamarine\:5 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } - html[data-theme='auto'] .sf-c-aquamarine\:10, html.auto .sf-c-aquamarine\:10 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-aquamarine\:15, html.auto .sf-c-aquamarine\:15 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 85%) } - html[data-theme='auto'] .sf-c-aquamarine\:20, html.auto .sf-c-aquamarine\:20 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-aquamarine\:25, html.auto .sf-c-aquamarine\:25 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-aquamarine\:30, html.auto .sf-c-aquamarine\:30 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-aquamarine\:35, html.auto .sf-c-aquamarine\:35 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 65%) } - html[data-theme='auto'] .sf-c-aquamarine\:40, html.auto .sf-c-aquamarine\:40 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-aquamarine\:45, html.auto .sf-c-aquamarine\:45 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 55%) } - html[data-theme='auto'] .sf-c-aquamarine\:50, html.auto .sf-c-aquamarine\:50 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-aquamarine\:55, html.auto .sf-c-aquamarine\:55 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 45%) } - html[data-theme='auto'] .sf-c-aquamarine\:60, html.auto .sf-c-aquamarine\:60 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-aquamarine\:65, html.auto .sf-c-aquamarine\:65 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 35%) } - html[data-theme='auto'] .sf-c-aquamarine\:70, html.auto .sf-c-aquamarine\:70 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-aquamarine\:75, html.auto .sf-c-aquamarine\:75 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-aquamarine\:80, html.auto .sf-c-aquamarine\:80 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-aquamarine\:85, html.auto .sf-c-aquamarine\:85 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 15%) } - html[data-theme='auto'] .sf-c-aquamarine\:90, html.auto .sf-c-aquamarine\:90 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-aquamarine\:95, html.auto .sf-c-aquamarine\:95 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } - html[data-theme='auto'] .sf-c-aquamarine\:100, html.auto .sf-c-aquamarine\:100 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } - - html[data-theme='auto'] .sf-c-aquamarine\:st, html.auto .sf-c-aquamarine\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-aquamarine\:0\:st, html.auto .sf-c-aquamarine\:0\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } - html[data-theme='auto'] .sf-c-aquamarine\:5\:st, html.auto .sf-c-aquamarine\:5\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } - html[data-theme='auto'] .sf-c-aquamarine\:10\:st, html.auto .sf-c-aquamarine\:10\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-aquamarine\:15\:st, html.auto .sf-c-aquamarine\:15\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 15%) } - html[data-theme='auto'] .sf-c-aquamarine\:20\:st, html.auto .sf-c-aquamarine\:20\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-aquamarine\:25\:st, html.auto .sf-c-aquamarine\:25\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-aquamarine\:30\:st, html.auto .sf-c-aquamarine\:30\:st { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-aquamarine\:35\:st, html.auto .sf-c-aquamarine\:35\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 35%) } - html[data-theme='auto'] .sf-c-aquamarine\:40\:st, html.auto .sf-c-aquamarine\:40\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-aquamarine\:45\:st, html.auto .sf-c-aquamarine\:45\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 45%) } - html[data-theme='auto'] .sf-c-aquamarine\:50\:st, html.auto .sf-c-aquamarine\:50\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-aquamarine\:55\:st, html.auto .sf-c-aquamarine\:55\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 55%) } - html[data-theme='auto'] .sf-c-aquamarine\:60\:st, html.auto .sf-c-aquamarine\:60\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-aquamarine\:65\:st, html.auto .sf-c-aquamarine\:65\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 65%) } - html[data-theme='auto'] .sf-c-aquamarine\:70\:st, html.auto .sf-c-aquamarine\:70\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-aquamarine\:75\:st, html.auto .sf-c-aquamarine\:75\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-aquamarine\:80\:st, html.auto .sf-c-aquamarine\:80\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-aquamarine\:85\:st, html.auto .sf-c-aquamarine\:85\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 85%) } - html[data-theme='auto'] .sf-c-aquamarine\:90\:st, html.auto .sf-c-aquamarine\:90\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-aquamarine\:95\:st, html.auto .sf-c-aquamarine\:95\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } - html[data-theme='auto'] .sf-c-aquamarine\:100\:st, html.auto .sf-c-aquamarine\:100\:st { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:5, html.auto .sf-c-txt-aquamarine\:5 { color: hsl(160, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:15, html.auto .sf-c-txt-aquamarine\:15 { color: hsl(160, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:25, html.auto .sf-c-txt-aquamarine\:25 { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:35, html.auto .sf-c-txt-aquamarine\:35 { color: hsl(160, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:45, html.auto .sf-c-txt-aquamarine\:45 { color: hsl(160, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:55, html.auto .sf-c-txt-aquamarine\:55 { color: hsl(160, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:65, html.auto .sf-c-txt-aquamarine\:65 { color: hsl(160, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:75, html.auto .sf-c-txt-aquamarine\:75 { color: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:85, html.auto .sf-c-txt-aquamarine\:85 { color: hsl(160, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:95, html.auto .sf-c-txt-aquamarine\:95 { color: hsl(160, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-aquamarine\:st, html.auto .sf-c-txt-aquamarine\:st { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:0\:st, html.auto .sf-c-txt-aquamarine\:0\:st { color: hsl(160, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:5\:st, html.auto .sf-c-txt-aquamarine\:5\:st { color: hsl(160, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:10\:st, html.auto .sf-c-txt-aquamarine\:10\:st { color: hsl(160, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:15\:st, html.auto .sf-c-txt-aquamarine\:15\:st { color: hsl(160, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:20\:st, html.auto .sf-c-txt-aquamarine\:20\:st { color: hsl(160, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:25\:st, html.auto .sf-c-txt-aquamarine\:25\:st { color: hsl(160, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:30\:st, html.auto .sf-c-txt-aquamarine\:30\:st { color: hsl(160, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:35\:st, html.auto .sf-c-txt-aquamarine\:35\:st { color: hsl(160, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:40\:st, html.auto .sf-c-txt-aquamarine\:40\:st { color: hsl(160, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:45\:st, html.auto .sf-c-txt-aquamarine\:45\:st { color: hsl(160, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:50\:st, html.auto .sf-c-txt-aquamarine\:50\:st { color: hsl(160, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:55\:st, html.auto .sf-c-txt-aquamarine\:55\:st { color: hsl(160, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:60\:st, html.auto .sf-c-txt-aquamarine\:60\:st { color: hsl(160, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:65\:st, html.auto .sf-c-txt-aquamarine\:65\:st { color: hsl(160, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:70\:st, html.auto .sf-c-txt-aquamarine\:70\:st { color: hsl(160, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:75\:st, html.auto .sf-c-txt-aquamarine\:75\:st { color: hsl(160, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:80\:st, html.auto .sf-c-txt-aquamarine\:80\:st { color: hsl(160, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:85\:st, html.auto .sf-c-txt-aquamarine\:85\:st { color: hsl(160, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:90\:st, html.auto .sf-c-txt-aquamarine\:90\:st { color: hsl(160, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:95\:st, html.auto .sf-c-txt-aquamarine\:95\:st { color: hsl(160, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-aquamarine\:100\:st, html.auto .sf-c-txt-aquamarine\:100\:st { color: hsl(160, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/azure.css b/src/colors/20/azure.css deleted file mode 100644 index 7af0c8f..0000000 --- a/src/colors/20/azure.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-azure { - --sf-c-azure: 180 100% 97%; - --sf-c-azure-0: 180 100% 0%; - --sf-c-azure-5: 180 100% 5%; - --sf-c-azure-10: 180 100% 10%; - --sf-c-azure-15: 180 100% 15%; - --sf-c-azure-20: 180 100% 20%; - --sf-c-azure-25: 180 100% 25%; - --sf-c-azure-30: 180 100% 30%; - --sf-c-azure-35: 180 100% 35%; - --sf-c-azure-40: 180 100% 40%; - --sf-c-azure-45: 180 100% 45%; - --sf-c-azure-50: 180 100% 50%; - --sf-c-azure-55: 180 100% 55%; - --sf-c-azure-60: 180 100% 60%; - --sf-c-azure-65: 180 100% 65%; - --sf-c-azure-70: 180 100% 70%; - --sf-c-azure-75: 180 100% 75%; - --sf-c-azure-80: 180 100% 80%; - --sf-c-azure-85: 180 100% 85%; - --sf-c-azure-90: 180 100% 90%; - --sf-c-azure-95: 180 100% 95%; - --sf-c-azure-100: 180 100% 100%; -} - -.sf-c-azure, .sf-c-azure\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 97%) } -.sf-c-azure\:0, .sf-c-azure\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-azure\:5, .sf-c-azure\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-azure\:10, .sf-c-azure\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-azure\:15, .sf-c-azure\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-azure\:20, .sf-c-azure\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-azure\:25, .sf-c-azure\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-azure\:30, .sf-c-azure\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-azure\:35, .sf-c-azure\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-azure\:40, .sf-c-azure\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-azure\:45, .sf-c-azure\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-azure\:50, .sf-c-azure\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-azure\:55, .sf-c-azure\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-azure\:60, .sf-c-azure\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-azure\:65, .sf-c-azure\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-azure\:70, .sf-c-azure\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-azure\:75, .sf-c-azure\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-azure\:80, .sf-c-azure\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-azure\:85, .sf-c-azure\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-azure\:90, .sf-c-azure\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-azure\:95, .sf-c-azure\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-azure\:100, .sf-c-azure\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-azure { color: hsl(180, 100%, 10%) } -.sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } -.sf-c-txt-azure\:0, .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-azure\:5, .sf-c-txt-azure\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-azure\:10, .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-azure\:15, .sf-c-txt-azure\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-azure\:20, .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-azure\:25, .sf-c-txt-azure\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-azure\:30, .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-azure\:35, .sf-c-txt-azure\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-azure\:40, .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-azure\:45, .sf-c-txt-azure\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-azure\:50, .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-azure\:55, .sf-c-txt-azure\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-azure\:60, .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-azure\:65, .sf-c-txt-azure\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-azure\:70, .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-azure\:75, .sf-c-txt-azure\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-azure\:80, .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-azure\:85, .sf-c-txt-azure\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-azure\:90, .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-azure\:95, .sf-c-txt-azure\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-azure\:100, .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-azure, html.dark .sf-c-azure { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 3%) } -html[data-theme='dark'] .sf-c-azure\:0, html.dark .sf-c-azure\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-azure\:5, html.dark .sf-c-azure\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-azure\:10, html.dark .sf-c-azure\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-azure\:15, html.dark .sf-c-azure\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-azure\:20, html.dark .sf-c-azure\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-azure\:25, html.dark .sf-c-azure\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-azure\:30, html.dark .sf-c-azure\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-azure\:35, html.dark .sf-c-azure\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-azure\:40, html.dark .sf-c-azure\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-azure\:45, html.dark .sf-c-azure\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-azure\:50, html.dark .sf-c-azure\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-azure\:55, html.dark .sf-c-azure\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-azure\:60, html.dark .sf-c-azure\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-azure\:65, html.dark .sf-c-azure\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-azure\:70, html.dark .sf-c-azure\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-azure\:75, html.dark .sf-c-azure\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-azure\:80, html.dark .sf-c-azure\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-azure\:85, html.dark .sf-c-azure\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-azure\:90, html.dark .sf-c-azure\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-azure\:95, html.dark .sf-c-azure\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-azure\:100, html.dark .sf-c-azure\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-azure\:st, html.dark .sf-c-azure\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-azure\:0\:st, html.dark .sf-c-azure\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-azure\:5\:st, html.dark .sf-c-azure\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-azure\:10\:st, html.dark .sf-c-azure\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-azure\:15\:st, html.dark .sf-c-azure\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-azure\:20\:st, html.dark .sf-c-azure\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-azure\:25\:st, html.dark .sf-c-azure\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-azure\:30\:st, html.dark .sf-c-azure\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-azure\:35\:st, html.dark .sf-c-azure\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-azure\:40\:st, html.dark .sf-c-azure\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-azure\:45\:st, html.dark .sf-c-azure\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-azure\:50\:st, html.dark .sf-c-azure\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-azure\:55\:st, html.dark .sf-c-azure\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-azure\:60\:st, html.dark .sf-c-azure\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-azure\:65\:st, html.dark .sf-c-azure\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-azure\:70\:st, html.dark .sf-c-azure\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-azure\:75\:st, html.dark .sf-c-azure\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-azure\:80\:st, html.dark .sf-c-azure\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-azure\:85\:st, html.dark .sf-c-azure\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-azure\:90\:st, html.dark .sf-c-azure\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-azure\:95\:st, html.dark .sf-c-azure\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-azure\:100\:st, html.dark .sf-c-azure\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-azure\:5, html.dark .sf-c-txt-azure\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-azure\:15, html.dark .sf-c-txt-azure\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-azure\:25, html.dark .sf-c-txt-azure\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-azure\:35, html.dark .sf-c-txt-azure\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-azure\:45, html.dark .sf-c-txt-azure\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-azure\:55, html.dark .sf-c-txt-azure\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-azure\:65, html.dark .sf-c-txt-azure\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-azure\:75, html.dark .sf-c-txt-azure\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-azure\:85, html.dark .sf-c-txt-azure\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-azure\:95, html.dark .sf-c-txt-azure\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-azure\:st, html.dark .sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-azure\:0\:st, html.dark .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-azure\:5\:st, html.dark .sf-c-txt-azure\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-azure\:10\:st, html.dark .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-azure\:15\:st, html.dark .sf-c-txt-azure\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-azure\:20\:st, html.dark .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-azure\:25\:st, html.dark .sf-c-txt-azure\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-azure\:30\:st, html.dark .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-azure\:35\:st, html.dark .sf-c-txt-azure\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-azure\:40\:st, html.dark .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-azure\:45\:st, html.dark .sf-c-txt-azure\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-azure\:50\:st, html.dark .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-azure\:55\:st, html.dark .sf-c-txt-azure\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-azure\:60\:st, html.dark .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-azure\:65\:st, html.dark .sf-c-txt-azure\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-azure\:70\:st, html.dark .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-azure\:75\:st, html.dark .sf-c-txt-azure\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-azure\:80\:st, html.dark .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-azure\:85\:st, html.dark .sf-c-txt-azure\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-azure\:90\:st, html.dark .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-azure\:95\:st, html.dark .sf-c-txt-azure\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-azure\:100\:st, html.dark .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-azure, html.auto .sf-c-azure { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 3%) } - html[data-theme='auto'] .sf-c-azure\:0, html.auto .sf-c-azure\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-azure\:5, html.auto .sf-c-azure\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-azure\:10, html.auto .sf-c-azure\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-azure\:15, html.auto .sf-c-azure\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-azure\:20, html.auto .sf-c-azure\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-azure\:25, html.auto .sf-c-azure\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-azure\:30, html.auto .sf-c-azure\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-azure\:35, html.auto .sf-c-azure\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-azure\:40, html.auto .sf-c-azure\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-azure\:45, html.auto .sf-c-azure\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-azure\:50, html.auto .sf-c-azure\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-azure\:55, html.auto .sf-c-azure\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-azure\:60, html.auto .sf-c-azure\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-azure\:65, html.auto .sf-c-azure\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-azure\:70, html.auto .sf-c-azure\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-azure\:75, html.auto .sf-c-azure\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-azure\:80, html.auto .sf-c-azure\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-azure\:85, html.auto .sf-c-azure\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-azure\:90, html.auto .sf-c-azure\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-azure\:95, html.auto .sf-c-azure\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-azure\:100, html.auto .sf-c-azure\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-azure\:st, html.auto .sf-c-azure\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-azure\:0\:st, html.auto .sf-c-azure\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-azure\:5\:st, html.auto .sf-c-azure\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-azure\:10\:st, html.auto .sf-c-azure\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-azure\:15\:st, html.auto .sf-c-azure\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-azure\:20\:st, html.auto .sf-c-azure\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-azure\:25\:st, html.auto .sf-c-azure\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-azure\:30\:st, html.auto .sf-c-azure\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-azure\:35\:st, html.auto .sf-c-azure\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-azure\:40\:st, html.auto .sf-c-azure\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-azure\:45\:st, html.auto .sf-c-azure\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-azure\:50\:st, html.auto .sf-c-azure\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-azure\:55\:st, html.auto .sf-c-azure\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-azure\:60\:st, html.auto .sf-c-azure\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-azure\:65\:st, html.auto .sf-c-azure\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-azure\:70\:st, html.auto .sf-c-azure\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-azure\:75\:st, html.auto .sf-c-azure\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-azure\:80\:st, html.auto .sf-c-azure\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-azure\:85\:st, html.auto .sf-c-azure\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-azure\:90\:st, html.auto .sf-c-azure\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-azure\:95\:st, html.auto .sf-c-azure\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-azure\:100\:st, html.auto .sf-c-azure\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-azure\:5, html.auto .sf-c-txt-azure\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-azure\:15, html.auto .sf-c-txt-azure\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-azure\:25, html.auto .sf-c-txt-azure\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-azure\:35, html.auto .sf-c-txt-azure\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-azure\:45, html.auto .sf-c-txt-azure\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-azure\:55, html.auto .sf-c-txt-azure\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-azure\:65, html.auto .sf-c-txt-azure\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-azure\:75, html.auto .sf-c-txt-azure\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-azure\:85, html.auto .sf-c-txt-azure\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-azure\:95, html.auto .sf-c-txt-azure\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-azure\:st, html.auto .sf-c-txt-azure\:st { color: hsl(180, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-azure\:0\:st, html.auto .sf-c-txt-azure\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-azure\:5\:st, html.auto .sf-c-txt-azure\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-azure\:10\:st, html.auto .sf-c-txt-azure\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-azure\:15\:st, html.auto .sf-c-txt-azure\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-azure\:20\:st, html.auto .sf-c-txt-azure\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-azure\:25\:st, html.auto .sf-c-txt-azure\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-azure\:30\:st, html.auto .sf-c-txt-azure\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-azure\:35\:st, html.auto .sf-c-txt-azure\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-azure\:40\:st, html.auto .sf-c-txt-azure\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-azure\:45\:st, html.auto .sf-c-txt-azure\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-azure\:50\:st, html.auto .sf-c-txt-azure\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-azure\:55\:st, html.auto .sf-c-txt-azure\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-azure\:60\:st, html.auto .sf-c-txt-azure\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-azure\:65\:st, html.auto .sf-c-txt-azure\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-azure\:70\:st, html.auto .sf-c-txt-azure\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-azure\:75\:st, html.auto .sf-c-txt-azure\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-azure\:80\:st, html.auto .sf-c-txt-azure\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-azure\:85\:st, html.auto .sf-c-txt-azure\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-azure\:90\:st, html.auto .sf-c-txt-azure\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-azure\:95\:st, html.auto .sf-c-txt-azure\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-azure\:100\:st, html.auto .sf-c-txt-azure\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/beige.css b/src/colors/20/beige.css deleted file mode 100644 index c606ffa..0000000 --- a/src/colors/20/beige.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-beige { - --sf-c-beige: 60 56% 91%; - --sf-c-beige-0: 60 56% 0%; - --sf-c-beige-5: 60 56% 5%; - --sf-c-beige-10: 60 56% 10%; - --sf-c-beige-15: 60 56% 15%; - --sf-c-beige-20: 60 56% 20%; - --sf-c-beige-25: 60 56% 25%; - --sf-c-beige-30: 60 56% 30%; - --sf-c-beige-35: 60 56% 35%; - --sf-c-beige-40: 60 56% 40%; - --sf-c-beige-45: 60 56% 45%; - --sf-c-beige-50: 60 56% 50%; - --sf-c-beige-55: 60 56% 55%; - --sf-c-beige-60: 60 56% 60%; - --sf-c-beige-65: 60 56% 65%; - --sf-c-beige-70: 60 56% 70%; - --sf-c-beige-75: 60 56% 75%; - --sf-c-beige-80: 60 56% 80%; - --sf-c-beige-85: 60 56% 85%; - --sf-c-beige-90: 60 56% 90%; - --sf-c-beige-95: 60 56% 95%; - --sf-c-beige-100: 60 56% 100%; -} - -.sf-c-beige, .sf-c-beige\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 91%) } -.sf-c-beige\:0, .sf-c-beige\:0\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } -.sf-c-beige\:5, .sf-c-beige\:5\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } -.sf-c-beige\:10, .sf-c-beige\:10\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } -.sf-c-beige\:15, .sf-c-beige\:15\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 15%) } -.sf-c-beige\:20, .sf-c-beige\:20\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 20%) } -.sf-c-beige\:25, .sf-c-beige\:25\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 25%) } -.sf-c-beige\:30, .sf-c-beige\:30\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 30%) } -.sf-c-beige\:35, .sf-c-beige\:35\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 35%) } -.sf-c-beige\:40, .sf-c-beige\:40\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 40%) } -.sf-c-beige\:45, .sf-c-beige\:45\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 45%) } -.sf-c-beige\:50, .sf-c-beige\:50\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 50%) } -.sf-c-beige\:55, .sf-c-beige\:55\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 55%) } -.sf-c-beige\:60, .sf-c-beige\:60\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 60%) } -.sf-c-beige\:65, .sf-c-beige\:65\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 65%) } -.sf-c-beige\:70, .sf-c-beige\:70\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 70%) } -.sf-c-beige\:75, .sf-c-beige\:75\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 75%) } -.sf-c-beige\:80, .sf-c-beige\:80\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 80%) } -.sf-c-beige\:85, .sf-c-beige\:85\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 85%) } -.sf-c-beige\:90, .sf-c-beige\:90\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90%) } -.sf-c-beige\:95, .sf-c-beige\:95\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } -.sf-c-beige\:100, .sf-c-beige\:100\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } - -.sf-c-txt-beige { color: hsl(60, 56%, 10%) } -.sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } -.sf-c-txt-beige\:0, .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } -.sf-c-txt-beige\:5, .sf-c-txt-beige\:5\:st { color: hsl(60, 56%, 5%) } -.sf-c-txt-beige\:10, .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } -.sf-c-txt-beige\:15, .sf-c-txt-beige\:15\:st { color: hsl(60, 56%, 15%) } -.sf-c-txt-beige\:20, .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } -.sf-c-txt-beige\:25, .sf-c-txt-beige\:25\:st { color: hsl(60, 56%, 25%) } -.sf-c-txt-beige\:30, .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } -.sf-c-txt-beige\:35, .sf-c-txt-beige\:35\:st { color: hsl(60, 56%, 35%) } -.sf-c-txt-beige\:40, .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } -.sf-c-txt-beige\:45, .sf-c-txt-beige\:45\:st { color: hsl(60, 56%, 45%) } -.sf-c-txt-beige\:50, .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } -.sf-c-txt-beige\:55, .sf-c-txt-beige\:55\:st { color: hsl(60, 56%, 55%) } -.sf-c-txt-beige\:60, .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } -.sf-c-txt-beige\:65, .sf-c-txt-beige\:65\:st { color: hsl(60, 56%, 65%) } -.sf-c-txt-beige\:70, .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } -.sf-c-txt-beige\:75, .sf-c-txt-beige\:75\:st { color: hsl(60, 56%, 75%) } -.sf-c-txt-beige\:80, .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } -.sf-c-txt-beige\:85, .sf-c-txt-beige\:85\:st { color: hsl(60, 56%, 85%) } -.sf-c-txt-beige\:90, .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } -.sf-c-txt-beige\:95, .sf-c-txt-beige\:95\:st { color: hsl(60, 56%, 95%) } -.sf-c-txt-beige\:100, .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } - -html[data-theme='dark'] .sf-c-beige, html.dark .sf-c-beige { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 9%) } -html[data-theme='dark'] .sf-c-beige\:0, html.dark .sf-c-beige\:0 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } -html[data-theme='dark'] .sf-c-beige\:5, html.dark .sf-c-beige\:5 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } -html[data-theme='dark'] .sf-c-beige\:10, html.dark .sf-c-beige\:10 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-beige\:15, html.dark .sf-c-beige\:15 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 85%) } -html[data-theme='dark'] .sf-c-beige\:20, html.dark .sf-c-beige\:20 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-beige\:25, html.dark .sf-c-beige\:25 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 75%) } -html[data-theme='dark'] .sf-c-beige\:30, html.dark .sf-c-beige\:30 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-beige\:35, html.dark .sf-c-beige\:35 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 65%) } -html[data-theme='dark'] .sf-c-beige\:40, html.dark .sf-c-beige\:40 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-beige\:45, html.dark .sf-c-beige\:45 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 55%) } -html[data-theme='dark'] .sf-c-beige\:50, html.dark .sf-c-beige\:50 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-beige\:55, html.dark .sf-c-beige\:55 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 45%) } -html[data-theme='dark'] .sf-c-beige\:60, html.dark .sf-c-beige\:60 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-beige\:65, html.dark .sf-c-beige\:65 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 35%) } -html[data-theme='dark'] .sf-c-beige\:70, html.dark .sf-c-beige\:70 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-beige\:75, html.dark .sf-c-beige\:75 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 25%) } -html[data-theme='dark'] .sf-c-beige\:80, html.dark .sf-c-beige\:80 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-beige\:85, html.dark .sf-c-beige\:85 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 15%) } -html[data-theme='dark'] .sf-c-beige\:90, html.dark .sf-c-beige\:90 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-beige\:95, html.dark .sf-c-beige\:95 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } -html[data-theme='dark'] .sf-c-beige\:100, html.dark .sf-c-beige\:100 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } - -html[data-theme='dark'] .sf-c-beige\:st, html.dark .sf-c-beige\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-beige\:0\:st, html.dark .sf-c-beige\:0\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } -html[data-theme='dark'] .sf-c-beige\:5\:st, html.dark .sf-c-beige\:5\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } -html[data-theme='dark'] .sf-c-beige\:10\:st, html.dark .sf-c-beige\:10\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-beige\:15\:st, html.dark .sf-c-beige\:15\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 15%) } -html[data-theme='dark'] .sf-c-beige\:20\:st, html.dark .sf-c-beige\:20\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-beige\:25\:st, html.dark .sf-c-beige\:25\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 25%) } -html[data-theme='dark'] .sf-c-beige\:30\:st, html.dark .sf-c-beige\:30\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-beige\:35\:st, html.dark .sf-c-beige\:35\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 35%) } -html[data-theme='dark'] .sf-c-beige\:40\:st, html.dark .sf-c-beige\:40\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-beige\:45\:st, html.dark .sf-c-beige\:45\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 45%) } -html[data-theme='dark'] .sf-c-beige\:50\:st, html.dark .sf-c-beige\:50\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-beige\:55\:st, html.dark .sf-c-beige\:55\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 55%) } -html[data-theme='dark'] .sf-c-beige\:60\:st, html.dark .sf-c-beige\:60\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-beige\:65\:st, html.dark .sf-c-beige\:65\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 65%) } -html[data-theme='dark'] .sf-c-beige\:70\:st, html.dark .sf-c-beige\:70\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-beige\:75\:st, html.dark .sf-c-beige\:75\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 75%) } -html[data-theme='dark'] .sf-c-beige\:80\:st, html.dark .sf-c-beige\:80\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-beige\:85\:st, html.dark .sf-c-beige\:85\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 85%) } -html[data-theme='dark'] .sf-c-beige\:90\:st, html.dark .sf-c-beige\:90\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-beige\:95\:st, html.dark .sf-c-beige\:95\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } -html[data-theme='dark'] .sf-c-beige\:100\:st, html.dark .sf-c-beige\:100\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } - -html[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } -html[data-theme='dark'] .sf-c-txt-beige\:5, html.dark .sf-c-txt-beige\:5 { color: hsl(60, 56%, 95%) } -html[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-beige\:15, html.dark .sf-c-txt-beige\:15 { color: hsl(60, 56%, 85%) } -html[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-beige\:25, html.dark .sf-c-txt-beige\:25 { color: hsl(60, 56%, 75%) } -html[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-beige\:35, html.dark .sf-c-txt-beige\:35 { color: hsl(60, 56%, 65%) } -html[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-beige\:45, html.dark .sf-c-txt-beige\:45 { color: hsl(60, 56%, 55%) } -html[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-beige\:55, html.dark .sf-c-txt-beige\:55 { color: hsl(60, 56%, 45%) } -html[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-beige\:65, html.dark .sf-c-txt-beige\:65 { color: hsl(60, 56%, 35%) } -html[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-beige\:75, html.dark .sf-c-txt-beige\:75 { color: hsl(60, 56%, 25%) } -html[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-beige\:85, html.dark .sf-c-txt-beige\:85 { color: hsl(60, 56%, 15%) } -html[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-beige\:95, html.dark .sf-c-txt-beige\:95 { color: hsl(60, 56%, 5%) } -html[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } - -html[data-theme='dark'] .sf-c-txt-beige\:st, html.dark .sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } -html[data-theme='dark'] .sf-c-txt-beige\:0\:st, html.dark .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } -html[data-theme='dark'] .sf-c-txt-beige\:5\:st, html.dark .sf-c-txt-beige\:5\:st { color: hsl(60, 56%, 5%) } -html[data-theme='dark'] .sf-c-txt-beige\:10\:st, html.dark .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-beige\:15\:st, html.dark .sf-c-txt-beige\:15\:st { color: hsl(60, 56%, 15%) } -html[data-theme='dark'] .sf-c-txt-beige\:20\:st, html.dark .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-beige\:25\:st, html.dark .sf-c-txt-beige\:25\:st { color: hsl(60, 56%, 25%) } -html[data-theme='dark'] .sf-c-txt-beige\:30\:st, html.dark .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-beige\:35\:st, html.dark .sf-c-txt-beige\:35\:st { color: hsl(60, 56%, 35%) } -html[data-theme='dark'] .sf-c-txt-beige\:40\:st, html.dark .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-beige\:45\:st, html.dark .sf-c-txt-beige\:45\:st { color: hsl(60, 56%, 45%) } -html[data-theme='dark'] .sf-c-txt-beige\:50\:st, html.dark .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-beige\:55\:st, html.dark .sf-c-txt-beige\:55\:st { color: hsl(60, 56%, 55%) } -html[data-theme='dark'] .sf-c-txt-beige\:60\:st, html.dark .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-beige\:65\:st, html.dark .sf-c-txt-beige\:65\:st { color: hsl(60, 56%, 65%) } -html[data-theme='dark'] .sf-c-txt-beige\:70\:st, html.dark .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-beige\:75\:st, html.dark .sf-c-txt-beige\:75\:st { color: hsl(60, 56%, 75%) } -html[data-theme='dark'] .sf-c-txt-beige\:80\:st, html.dark .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-beige\:85\:st, html.dark .sf-c-txt-beige\:85\:st { color: hsl(60, 56%, 85%) } -html[data-theme='dark'] .sf-c-txt-beige\:90\:st, html.dark .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-beige\:95\:st, html.dark .sf-c-txt-beige\:95\:st { color: hsl(60, 56%, 95%) } -html[data-theme='dark'] .sf-c-txt-beige\:100\:st, html.dark .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-beige, html.auto .sf-c-beige { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 9%) } - html[data-theme='auto'] .sf-c-beige\:0, html.auto .sf-c-beige\:0 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } - html[data-theme='auto'] .sf-c-beige\:5, html.auto .sf-c-beige\:5 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } - html[data-theme='auto'] .sf-c-beige\:10, html.auto .sf-c-beige\:10 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-beige\:15, html.auto .sf-c-beige\:15 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 85%) } - html[data-theme='auto'] .sf-c-beige\:20, html.auto .sf-c-beige\:20 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-beige\:25, html.auto .sf-c-beige\:25 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 75%) } - html[data-theme='auto'] .sf-c-beige\:30, html.auto .sf-c-beige\:30 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-beige\:35, html.auto .sf-c-beige\:35 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 65%) } - html[data-theme='auto'] .sf-c-beige\:40, html.auto .sf-c-beige\:40 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-beige\:45, html.auto .sf-c-beige\:45 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 55%) } - html[data-theme='auto'] .sf-c-beige\:50, html.auto .sf-c-beige\:50 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-beige\:55, html.auto .sf-c-beige\:55 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 45%) } - html[data-theme='auto'] .sf-c-beige\:60, html.auto .sf-c-beige\:60 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-beige\:65, html.auto .sf-c-beige\:65 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 35%) } - html[data-theme='auto'] .sf-c-beige\:70, html.auto .sf-c-beige\:70 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-beige\:75, html.auto .sf-c-beige\:75 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 25%) } - html[data-theme='auto'] .sf-c-beige\:80, html.auto .sf-c-beige\:80 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-beige\:85, html.auto .sf-c-beige\:85 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 15%) } - html[data-theme='auto'] .sf-c-beige\:90, html.auto .sf-c-beige\:90 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-beige\:95, html.auto .sf-c-beige\:95 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } - html[data-theme='auto'] .sf-c-beige\:100, html.auto .sf-c-beige\:100 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } - - html[data-theme='auto'] .sf-c-beige\:st, html.auto .sf-c-beige\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-beige\:0\:st, html.auto .sf-c-beige\:0\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } - html[data-theme='auto'] .sf-c-beige\:5\:st, html.auto .sf-c-beige\:5\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } - html[data-theme='auto'] .sf-c-beige\:10\:st, html.auto .sf-c-beige\:10\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-beige\:15\:st, html.auto .sf-c-beige\:15\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 15%) } - html[data-theme='auto'] .sf-c-beige\:20\:st, html.auto .sf-c-beige\:20\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-beige\:25\:st, html.auto .sf-c-beige\:25\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 25%) } - html[data-theme='auto'] .sf-c-beige\:30\:st, html.auto .sf-c-beige\:30\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-beige\:35\:st, html.auto .sf-c-beige\:35\:st { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 35%) } - html[data-theme='auto'] .sf-c-beige\:40\:st, html.auto .sf-c-beige\:40\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-beige\:45\:st, html.auto .sf-c-beige\:45\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 45%) } - html[data-theme='auto'] .sf-c-beige\:50\:st, html.auto .sf-c-beige\:50\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-beige\:55\:st, html.auto .sf-c-beige\:55\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 55%) } - html[data-theme='auto'] .sf-c-beige\:60\:st, html.auto .sf-c-beige\:60\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-beige\:65\:st, html.auto .sf-c-beige\:65\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 65%) } - html[data-theme='auto'] .sf-c-beige\:70\:st, html.auto .sf-c-beige\:70\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-beige\:75\:st, html.auto .sf-c-beige\:75\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 75%) } - html[data-theme='auto'] .sf-c-beige\:80\:st, html.auto .sf-c-beige\:80\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-beige\:85\:st, html.auto .sf-c-beige\:85\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 85%) } - html[data-theme='auto'] .sf-c-beige\:90\:st, html.auto .sf-c-beige\:90\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-beige\:95\:st, html.auto .sf-c-beige\:95\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } - html[data-theme='auto'] .sf-c-beige\:100\:st, html.auto .sf-c-beige\:100\:st { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } - - html[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } - html[data-theme='auto'] .sf-c-txt-beige\:5, html.auto .sf-c-txt-beige\:5 { color: hsl(60, 56%, 95%) } - html[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-beige\:15, html.auto .sf-c-txt-beige\:15 { color: hsl(60, 56%, 85%) } - html[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-beige\:25, html.auto .sf-c-txt-beige\:25 { color: hsl(60, 56%, 75%) } - html[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-beige\:35, html.auto .sf-c-txt-beige\:35 { color: hsl(60, 56%, 65%) } - html[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-beige\:45, html.auto .sf-c-txt-beige\:45 { color: hsl(60, 56%, 55%) } - html[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-beige\:55, html.auto .sf-c-txt-beige\:55 { color: hsl(60, 56%, 45%) } - html[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-beige\:65, html.auto .sf-c-txt-beige\:65 { color: hsl(60, 56%, 35%) } - html[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-beige\:75, html.auto .sf-c-txt-beige\:75 { color: hsl(60, 56%, 25%) } - html[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-beige\:85, html.auto .sf-c-txt-beige\:85 { color: hsl(60, 56%, 15%) } - html[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-beige\:95, html.auto .sf-c-txt-beige\:95 { color: hsl(60, 56%, 5%) } - html[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } - - html[data-theme='auto'] .sf-c-txt-beige\:st, html.auto .sf-c-txt-beige\:st { color: hsl(60, 56%, 91%) } - html[data-theme='auto'] .sf-c-txt-beige\:0\:st, html.auto .sf-c-txt-beige\:0\:st { color: hsl(60, 56%, 0%) } - html[data-theme='auto'] .sf-c-txt-beige\:5\:st, html.auto .sf-c-txt-beige\:5\:st { color: hsl(60, 56%, 5%) } - html[data-theme='auto'] .sf-c-txt-beige\:10\:st, html.auto .sf-c-txt-beige\:10\:st { color: hsl(60, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-beige\:15\:st, html.auto .sf-c-txt-beige\:15\:st { color: hsl(60, 56%, 15%) } - html[data-theme='auto'] .sf-c-txt-beige\:20\:st, html.auto .sf-c-txt-beige\:20\:st { color: hsl(60, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-beige\:25\:st, html.auto .sf-c-txt-beige\:25\:st { color: hsl(60, 56%, 25%) } - html[data-theme='auto'] .sf-c-txt-beige\:30\:st, html.auto .sf-c-txt-beige\:30\:st { color: hsl(60, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-beige\:35\:st, html.auto .sf-c-txt-beige\:35\:st { color: hsl(60, 56%, 35%) } - html[data-theme='auto'] .sf-c-txt-beige\:40\:st, html.auto .sf-c-txt-beige\:40\:st { color: hsl(60, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-beige\:45\:st, html.auto .sf-c-txt-beige\:45\:st { color: hsl(60, 56%, 45%) } - html[data-theme='auto'] .sf-c-txt-beige\:50\:st, html.auto .sf-c-txt-beige\:50\:st { color: hsl(60, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-beige\:55\:st, html.auto .sf-c-txt-beige\:55\:st { color: hsl(60, 56%, 55%) } - html[data-theme='auto'] .sf-c-txt-beige\:60\:st, html.auto .sf-c-txt-beige\:60\:st { color: hsl(60, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-beige\:65\:st, html.auto .sf-c-txt-beige\:65\:st { color: hsl(60, 56%, 65%) } - html[data-theme='auto'] .sf-c-txt-beige\:70\:st, html.auto .sf-c-txt-beige\:70\:st { color: hsl(60, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-beige\:75\:st, html.auto .sf-c-txt-beige\:75\:st { color: hsl(60, 56%, 75%) } - html[data-theme='auto'] .sf-c-txt-beige\:80\:st, html.auto .sf-c-txt-beige\:80\:st { color: hsl(60, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-beige\:85\:st, html.auto .sf-c-txt-beige\:85\:st { color: hsl(60, 56%, 85%) } - html[data-theme='auto'] .sf-c-txt-beige\:90\:st, html.auto .sf-c-txt-beige\:90\:st { color: hsl(60, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-beige\:95\:st, html.auto .sf-c-txt-beige\:95\:st { color: hsl(60, 56%, 95%) } - html[data-theme='auto'] .sf-c-txt-beige\:100\:st, html.auto .sf-c-txt-beige\:100\:st { color: hsl(60, 56%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/bisque.css b/src/colors/20/bisque.css deleted file mode 100644 index 7efedee..0000000 --- a/src/colors/20/bisque.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-bisque { - --sf-c-bisque: 33 100% 88%; - --sf-c-bisque-0: 33 100% 0%; - --sf-c-bisque-5: 33 100% 5%; - --sf-c-bisque-10: 33 100% 10%; - --sf-c-bisque-15: 33 100% 15%; - --sf-c-bisque-20: 33 100% 20%; - --sf-c-bisque-25: 33 100% 25%; - --sf-c-bisque-30: 33 100% 30%; - --sf-c-bisque-35: 33 100% 35%; - --sf-c-bisque-40: 33 100% 40%; - --sf-c-bisque-45: 33 100% 45%; - --sf-c-bisque-50: 33 100% 50%; - --sf-c-bisque-55: 33 100% 55%; - --sf-c-bisque-60: 33 100% 60%; - --sf-c-bisque-65: 33 100% 65%; - --sf-c-bisque-70: 33 100% 70%; - --sf-c-bisque-75: 33 100% 75%; - --sf-c-bisque-80: 33 100% 80%; - --sf-c-bisque-85: 33 100% 85%; - --sf-c-bisque-90: 33 100% 90%; - --sf-c-bisque-95: 33 100% 95%; - --sf-c-bisque-100: 33 100% 100%; -} - -.sf-c-bisque, .sf-c-bisque\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 88%) } -.sf-c-bisque\:0, .sf-c-bisque\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -.sf-c-bisque\:5, .sf-c-bisque\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -.sf-c-bisque\:10, .sf-c-bisque\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -.sf-c-bisque\:15, .sf-c-bisque\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -.sf-c-bisque\:20, .sf-c-bisque\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -.sf-c-bisque\:25, .sf-c-bisque\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -.sf-c-bisque\:30, .sf-c-bisque\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -.sf-c-bisque\:35, .sf-c-bisque\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -.sf-c-bisque\:40, .sf-c-bisque\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -.sf-c-bisque\:45, .sf-c-bisque\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -.sf-c-bisque\:50, .sf-c-bisque\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -.sf-c-bisque\:55, .sf-c-bisque\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -.sf-c-bisque\:60, .sf-c-bisque\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -.sf-c-bisque\:65, .sf-c-bisque\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -.sf-c-bisque\:70, .sf-c-bisque\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -.sf-c-bisque\:75, .sf-c-bisque\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -.sf-c-bisque\:80, .sf-c-bisque\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -.sf-c-bisque\:85, .sf-c-bisque\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -.sf-c-bisque\:90, .sf-c-bisque\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -.sf-c-bisque\:95, .sf-c-bisque\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -.sf-c-bisque\:100, .sf-c-bisque\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - -.sf-c-txt-bisque { color: hsl(33, 100%, 10%) } -.sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } -.sf-c-txt-bisque\:0, .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } -.sf-c-txt-bisque\:5, .sf-c-txt-bisque\:5\:st { color: hsl(33, 100%, 5%) } -.sf-c-txt-bisque\:10, .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } -.sf-c-txt-bisque\:15, .sf-c-txt-bisque\:15\:st { color: hsl(33, 100%, 15%) } -.sf-c-txt-bisque\:20, .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } -.sf-c-txt-bisque\:25, .sf-c-txt-bisque\:25\:st { color: hsl(33, 100%, 25%) } -.sf-c-txt-bisque\:30, .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } -.sf-c-txt-bisque\:35, .sf-c-txt-bisque\:35\:st { color: hsl(33, 100%, 35%) } -.sf-c-txt-bisque\:40, .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } -.sf-c-txt-bisque\:45, .sf-c-txt-bisque\:45\:st { color: hsl(33, 100%, 45%) } -.sf-c-txt-bisque\:50, .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-bisque\:55, .sf-c-txt-bisque\:55\:st { color: hsl(33, 100%, 55%) } -.sf-c-txt-bisque\:60, .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } -.sf-c-txt-bisque\:65, .sf-c-txt-bisque\:65\:st { color: hsl(33, 100%, 65%) } -.sf-c-txt-bisque\:70, .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } -.sf-c-txt-bisque\:75, .sf-c-txt-bisque\:75\:st { color: hsl(33, 100%, 75%) } -.sf-c-txt-bisque\:80, .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } -.sf-c-txt-bisque\:85, .sf-c-txt-bisque\:85\:st { color: hsl(33, 100%, 85%) } -.sf-c-txt-bisque\:90, .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } -.sf-c-txt-bisque\:95, .sf-c-txt-bisque\:95\:st { color: hsl(33, 100%, 95%) } -.sf-c-txt-bisque\:100, .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-bisque, html.dark .sf-c-bisque { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 12%) } -html[data-theme='dark'] .sf-c-bisque\:0, html.dark .sf-c-bisque\:0 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-bisque\:5, html.dark .sf-c-bisque\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-bisque\:10, html.dark .sf-c-bisque\:10 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-bisque\:15, html.dark .sf-c-bisque\:15 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-bisque\:20, html.dark .sf-c-bisque\:20 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-bisque\:25, html.dark .sf-c-bisque\:25 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-bisque\:30, html.dark .sf-c-bisque\:30 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-bisque\:35, html.dark .sf-c-bisque\:35 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-bisque\:40, html.dark .sf-c-bisque\:40 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-bisque\:45, html.dark .sf-c-bisque\:45 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-bisque\:50, html.dark .sf-c-bisque\:50 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-bisque\:55, html.dark .sf-c-bisque\:55 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-bisque\:60, html.dark .sf-c-bisque\:60 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-bisque\:65, html.dark .sf-c-bisque\:65 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-bisque\:70, html.dark .sf-c-bisque\:70 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-bisque\:75, html.dark .sf-c-bisque\:75 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-bisque\:80, html.dark .sf-c-bisque\:80 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-bisque\:85, html.dark .sf-c-bisque\:85 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-bisque\:90, html.dark .sf-c-bisque\:90 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-bisque\:95, html.dark .sf-c-bisque\:95 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-bisque\:100, html.dark .sf-c-bisque\:100 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-bisque\:st, html.dark .sf-c-bisque\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-bisque\:0\:st, html.dark .sf-c-bisque\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-bisque\:5\:st, html.dark .sf-c-bisque\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-bisque\:10\:st, html.dark .sf-c-bisque\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-bisque\:15\:st, html.dark .sf-c-bisque\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-bisque\:20\:st, html.dark .sf-c-bisque\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-bisque\:25\:st, html.dark .sf-c-bisque\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-bisque\:30\:st, html.dark .sf-c-bisque\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-bisque\:35\:st, html.dark .sf-c-bisque\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-bisque\:40\:st, html.dark .sf-c-bisque\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-bisque\:45\:st, html.dark .sf-c-bisque\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-bisque\:50\:st, html.dark .sf-c-bisque\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-bisque\:55\:st, html.dark .sf-c-bisque\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-bisque\:60\:st, html.dark .sf-c-bisque\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-bisque\:65\:st, html.dark .sf-c-bisque\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-bisque\:70\:st, html.dark .sf-c-bisque\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-bisque\:75\:st, html.dark .sf-c-bisque\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-bisque\:80\:st, html.dark .sf-c-bisque\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-bisque\:85\:st, html.dark .sf-c-bisque\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-bisque\:90\:st, html.dark .sf-c-bisque\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-bisque\:95\:st, html.dark .sf-c-bisque\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-bisque\:100\:st, html.dark .sf-c-bisque\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-bisque\:5, html.dark .sf-c-txt-bisque\:5 { color: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-bisque\:15, html.dark .sf-c-txt-bisque\:15 { color: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-bisque\:25, html.dark .sf-c-txt-bisque\:25 { color: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-bisque\:35, html.dark .sf-c-txt-bisque\:35 { color: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-bisque\:45, html.dark .sf-c-txt-bisque\:45 { color: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-bisque\:55, html.dark .sf-c-txt-bisque\:55 { color: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-bisque\:65, html.dark .sf-c-txt-bisque\:65 { color: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-bisque\:75, html.dark .sf-c-txt-bisque\:75 { color: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-bisque\:85, html.dark .sf-c-txt-bisque\:85 { color: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-bisque\:95, html.dark .sf-c-txt-bisque\:95 { color: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-bisque\:st, html.dark .sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-bisque\:0\:st, html.dark .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-bisque\:5\:st, html.dark .sf-c-txt-bisque\:5\:st { color: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-bisque\:10\:st, html.dark .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-bisque\:15\:st, html.dark .sf-c-txt-bisque\:15\:st { color: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-bisque\:20\:st, html.dark .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-bisque\:25\:st, html.dark .sf-c-txt-bisque\:25\:st { color: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-bisque\:30\:st, html.dark .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-bisque\:35\:st, html.dark .sf-c-txt-bisque\:35\:st { color: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-bisque\:40\:st, html.dark .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-bisque\:45\:st, html.dark .sf-c-txt-bisque\:45\:st { color: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-bisque\:50\:st, html.dark .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-bisque\:55\:st, html.dark .sf-c-txt-bisque\:55\:st { color: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-bisque\:60\:st, html.dark .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-bisque\:65\:st, html.dark .sf-c-txt-bisque\:65\:st { color: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-bisque\:70\:st, html.dark .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-bisque\:75\:st, html.dark .sf-c-txt-bisque\:75\:st { color: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-bisque\:80\:st, html.dark .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-bisque\:85\:st, html.dark .sf-c-txt-bisque\:85\:st { color: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-bisque\:90\:st, html.dark .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-bisque\:95\:st, html.dark .sf-c-txt-bisque\:95\:st { color: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-bisque\:100\:st, html.dark .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-bisque, html.auto .sf-c-bisque { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 12%) } - html[data-theme='auto'] .sf-c-bisque\:0, html.auto .sf-c-bisque\:0 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-bisque\:5, html.auto .sf-c-bisque\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-bisque\:10, html.auto .sf-c-bisque\:10 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-bisque\:15, html.auto .sf-c-bisque\:15 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-bisque\:20, html.auto .sf-c-bisque\:20 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-bisque\:25, html.auto .sf-c-bisque\:25 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-bisque\:30, html.auto .sf-c-bisque\:30 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-bisque\:35, html.auto .sf-c-bisque\:35 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-bisque\:40, html.auto .sf-c-bisque\:40 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-bisque\:45, html.auto .sf-c-bisque\:45 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-bisque\:50, html.auto .sf-c-bisque\:50 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-bisque\:55, html.auto .sf-c-bisque\:55 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-bisque\:60, html.auto .sf-c-bisque\:60 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-bisque\:65, html.auto .sf-c-bisque\:65 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-bisque\:70, html.auto .sf-c-bisque\:70 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-bisque\:75, html.auto .sf-c-bisque\:75 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-bisque\:80, html.auto .sf-c-bisque\:80 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-bisque\:85, html.auto .sf-c-bisque\:85 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-bisque\:90, html.auto .sf-c-bisque\:90 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-bisque\:95, html.auto .sf-c-bisque\:95 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-bisque\:100, html.auto .sf-c-bisque\:100 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-bisque\:st, html.auto .sf-c-bisque\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-bisque\:0\:st, html.auto .sf-c-bisque\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-bisque\:5\:st, html.auto .sf-c-bisque\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-bisque\:10\:st, html.auto .sf-c-bisque\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-bisque\:15\:st, html.auto .sf-c-bisque\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-bisque\:20\:st, html.auto .sf-c-bisque\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-bisque\:25\:st, html.auto .sf-c-bisque\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-bisque\:30\:st, html.auto .sf-c-bisque\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-bisque\:35\:st, html.auto .sf-c-bisque\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-bisque\:40\:st, html.auto .sf-c-bisque\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-bisque\:45\:st, html.auto .sf-c-bisque\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-bisque\:50\:st, html.auto .sf-c-bisque\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-bisque\:55\:st, html.auto .sf-c-bisque\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-bisque\:60\:st, html.auto .sf-c-bisque\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-bisque\:65\:st, html.auto .sf-c-bisque\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-bisque\:70\:st, html.auto .sf-c-bisque\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-bisque\:75\:st, html.auto .sf-c-bisque\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-bisque\:80\:st, html.auto .sf-c-bisque\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-bisque\:85\:st, html.auto .sf-c-bisque\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-bisque\:90\:st, html.auto .sf-c-bisque\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-bisque\:95\:st, html.auto .sf-c-bisque\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-bisque\:100\:st, html.auto .sf-c-bisque\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-bisque\:5, html.auto .sf-c-txt-bisque\:5 { color: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-bisque\:15, html.auto .sf-c-txt-bisque\:15 { color: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-bisque\:25, html.auto .sf-c-txt-bisque\:25 { color: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-bisque\:35, html.auto .sf-c-txt-bisque\:35 { color: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-bisque\:45, html.auto .sf-c-txt-bisque\:45 { color: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-bisque\:55, html.auto .sf-c-txt-bisque\:55 { color: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-bisque\:65, html.auto .sf-c-txt-bisque\:65 { color: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-bisque\:75, html.auto .sf-c-txt-bisque\:75 { color: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-bisque\:85, html.auto .sf-c-txt-bisque\:85 { color: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-bisque\:95, html.auto .sf-c-txt-bisque\:95 { color: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-bisque\:st, html.auto .sf-c-txt-bisque\:st { color: hsl(33, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-bisque\:0\:st, html.auto .sf-c-txt-bisque\:0\:st { color: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-bisque\:5\:st, html.auto .sf-c-txt-bisque\:5\:st { color: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-bisque\:10\:st, html.auto .sf-c-txt-bisque\:10\:st { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-bisque\:15\:st, html.auto .sf-c-txt-bisque\:15\:st { color: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-bisque\:20\:st, html.auto .sf-c-txt-bisque\:20\:st { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-bisque\:25\:st, html.auto .sf-c-txt-bisque\:25\:st { color: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-bisque\:30\:st, html.auto .sf-c-txt-bisque\:30\:st { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-bisque\:35\:st, html.auto .sf-c-txt-bisque\:35\:st { color: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-bisque\:40\:st, html.auto .sf-c-txt-bisque\:40\:st { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-bisque\:45\:st, html.auto .sf-c-txt-bisque\:45\:st { color: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-bisque\:50\:st, html.auto .sf-c-txt-bisque\:50\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-bisque\:55\:st, html.auto .sf-c-txt-bisque\:55\:st { color: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-bisque\:60\:st, html.auto .sf-c-txt-bisque\:60\:st { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-bisque\:65\:st, html.auto .sf-c-txt-bisque\:65\:st { color: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-bisque\:70\:st, html.auto .sf-c-txt-bisque\:70\:st { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-bisque\:75\:st, html.auto .sf-c-txt-bisque\:75\:st { color: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-bisque\:80\:st, html.auto .sf-c-txt-bisque\:80\:st { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-bisque\:85\:st, html.auto .sf-c-txt-bisque\:85\:st { color: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-bisque\:90\:st, html.auto .sf-c-txt-bisque\:90\:st { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-bisque\:95\:st, html.auto .sf-c-txt-bisque\:95\:st { color: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-bisque\:100\:st, html.auto .sf-c-txt-bisque\:100\:st { color: hsl(33, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/black.css b/src/colors/20/black.css deleted file mode 100644 index 37b3ff0..0000000 --- a/src/colors/20/black.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-black { - --sf-c-black: 0 0% 0%; - --sf-c-black-0: 0 0% 0%; - --sf-c-black-5: 0 0% 5%; - --sf-c-black-10: 0 0% 10%; - --sf-c-black-15: 0 0% 15%; - --sf-c-black-20: 0 0% 20%; - --sf-c-black-25: 0 0% 25%; - --sf-c-black-30: 0 0% 30%; - --sf-c-black-35: 0 0% 35%; - --sf-c-black-40: 0 0% 40%; - --sf-c-black-45: 0 0% 45%; - --sf-c-black-50: 0 0% 50%; - --sf-c-black-55: 0 0% 55%; - --sf-c-black-60: 0 0% 60%; - --sf-c-black-65: 0 0% 65%; - --sf-c-black-70: 0 0% 70%; - --sf-c-black-75: 0 0% 75%; - --sf-c-black-80: 0 0% 80%; - --sf-c-black-85: 0 0% 85%; - --sf-c-black-90: 0 0% 90%; - --sf-c-black-95: 0 0% 95%; - --sf-c-black-100: 0 0% 100%; -} - -.sf-c-black, .sf-c-black\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-black\:0, .sf-c-black\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-black\:5, .sf-c-black\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-black\:10, .sf-c-black\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-black\:15, .sf-c-black\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-black\:20, .sf-c-black\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-black\:25, .sf-c-black\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-black\:30, .sf-c-black\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-black\:35, .sf-c-black\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-black\:40, .sf-c-black\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-black\:45, .sf-c-black\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-black\:50, .sf-c-black\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-black\:55, .sf-c-black\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-black\:60, .sf-c-black\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-black\:65, .sf-c-black\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-black\:70, .sf-c-black\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-black\:75, .sf-c-black\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-black\:80, .sf-c-black\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-black\:85, .sf-c-black\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-black\:90, .sf-c-black\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-black\:95, .sf-c-black\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-black\:100, .sf-c-black\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-black { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:0, .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-black\:5, .sf-c-txt-black\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-black\:10, .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-black\:15, .sf-c-txt-black\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-black\:20, .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-black\:25, .sf-c-txt-black\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-black\:30, .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-black\:35, .sf-c-txt-black\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-black\:40, .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-black\:45, .sf-c-txt-black\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-black\:50, .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-black\:55, .sf-c-txt-black\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-black\:60, .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-black\:65, .sf-c-txt-black\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-black\:70, .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-black\:75, .sf-c-txt-black\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-black\:80, .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-black\:85, .sf-c-txt-black\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-black\:90, .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-black\:95, .sf-c-txt-black\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-black\:100, .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-black, html.dark .sf-c-black { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-black\:0, html.dark .sf-c-black\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-black\:5, html.dark .sf-c-black\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-black\:10, html.dark .sf-c-black\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-black\:15, html.dark .sf-c-black\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-black\:20, html.dark .sf-c-black\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-black\:25, html.dark .sf-c-black\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-black\:30, html.dark .sf-c-black\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-black\:35, html.dark .sf-c-black\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-black\:40, html.dark .sf-c-black\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-black\:45, html.dark .sf-c-black\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-black\:50, html.dark .sf-c-black\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-black\:55, html.dark .sf-c-black\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-black\:60, html.dark .sf-c-black\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-black\:65, html.dark .sf-c-black\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-black\:70, html.dark .sf-c-black\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-black\:75, html.dark .sf-c-black\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-black\:80, html.dark .sf-c-black\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-black\:85, html.dark .sf-c-black\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-black\:90, html.dark .sf-c-black\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-black\:95, html.dark .sf-c-black\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-black\:100, html.dark .sf-c-black\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-black\:st, html.dark .sf-c-black\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-black\:0\:st, html.dark .sf-c-black\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-black\:5\:st, html.dark .sf-c-black\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-black\:10\:st, html.dark .sf-c-black\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-black\:15\:st, html.dark .sf-c-black\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-black\:20\:st, html.dark .sf-c-black\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-black\:25\:st, html.dark .sf-c-black\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-black\:30\:st, html.dark .sf-c-black\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-black\:35\:st, html.dark .sf-c-black\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-black\:40\:st, html.dark .sf-c-black\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-black\:45\:st, html.dark .sf-c-black\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-black\:50\:st, html.dark .sf-c-black\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-black\:55\:st, html.dark .sf-c-black\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-black\:60\:st, html.dark .sf-c-black\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-black\:65\:st, html.dark .sf-c-black\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-black\:70\:st, html.dark .sf-c-black\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-black\:75\:st, html.dark .sf-c-black\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-black\:80\:st, html.dark .sf-c-black\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-black\:85\:st, html.dark .sf-c-black\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-black\:90\:st, html.dark .sf-c-black\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-black\:95\:st, html.dark .sf-c-black\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-black\:100\:st, html.dark .sf-c-black\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-black\:5, html.dark .sf-c-txt-black\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-black\:15, html.dark .sf-c-txt-black\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-black\:25, html.dark .sf-c-txt-black\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-black\:35, html.dark .sf-c-txt-black\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-black\:45, html.dark .sf-c-txt-black\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-black\:55, html.dark .sf-c-txt-black\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-black\:65, html.dark .sf-c-txt-black\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-black\:75, html.dark .sf-c-txt-black\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-black\:85, html.dark .sf-c-txt-black\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-black\:95, html.dark .sf-c-txt-black\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-black\:st, html.dark .sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-black\:0\:st, html.dark .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-black\:5\:st, html.dark .sf-c-txt-black\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-black\:10\:st, html.dark .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-black\:15\:st, html.dark .sf-c-txt-black\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-black\:20\:st, html.dark .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-black\:25\:st, html.dark .sf-c-txt-black\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-black\:30\:st, html.dark .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-black\:35\:st, html.dark .sf-c-txt-black\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-black\:40\:st, html.dark .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-black\:45\:st, html.dark .sf-c-txt-black\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-black\:50\:st, html.dark .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-black\:55\:st, html.dark .sf-c-txt-black\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-black\:60\:st, html.dark .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-black\:65\:st, html.dark .sf-c-txt-black\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-black\:70\:st, html.dark .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-black\:75\:st, html.dark .sf-c-txt-black\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-black\:80\:st, html.dark .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-black\:85\:st, html.dark .sf-c-txt-black\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-black\:90\:st, html.dark .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-black\:95\:st, html.dark .sf-c-txt-black\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-black\:100\:st, html.dark .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-black, html.auto .sf-c-black { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-black\:0, html.auto .sf-c-black\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-black\:5, html.auto .sf-c-black\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-black\:10, html.auto .sf-c-black\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-black\:15, html.auto .sf-c-black\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-black\:20, html.auto .sf-c-black\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-black\:25, html.auto .sf-c-black\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-black\:30, html.auto .sf-c-black\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-black\:35, html.auto .sf-c-black\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-black\:40, html.auto .sf-c-black\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-black\:45, html.auto .sf-c-black\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-black\:50, html.auto .sf-c-black\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-black\:55, html.auto .sf-c-black\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-black\:60, html.auto .sf-c-black\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-black\:65, html.auto .sf-c-black\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-black\:70, html.auto .sf-c-black\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-black\:75, html.auto .sf-c-black\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-black\:80, html.auto .sf-c-black\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-black\:85, html.auto .sf-c-black\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-black\:90, html.auto .sf-c-black\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-black\:95, html.auto .sf-c-black\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-black\:100, html.auto .sf-c-black\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-black\:st, html.auto .sf-c-black\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-black\:0\:st, html.auto .sf-c-black\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-black\:5\:st, html.auto .sf-c-black\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-black\:10\:st, html.auto .sf-c-black\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-black\:15\:st, html.auto .sf-c-black\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-black\:20\:st, html.auto .sf-c-black\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-black\:25\:st, html.auto .sf-c-black\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-black\:30\:st, html.auto .sf-c-black\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-black\:35\:st, html.auto .sf-c-black\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-black\:40\:st, html.auto .sf-c-black\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-black\:45\:st, html.auto .sf-c-black\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-black\:50\:st, html.auto .sf-c-black\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-black\:55\:st, html.auto .sf-c-black\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-black\:60\:st, html.auto .sf-c-black\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-black\:65\:st, html.auto .sf-c-black\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-black\:70\:st, html.auto .sf-c-black\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-black\:75\:st, html.auto .sf-c-black\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-black\:80\:st, html.auto .sf-c-black\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-black\:85\:st, html.auto .sf-c-black\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-black\:90\:st, html.auto .sf-c-black\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-black\:95\:st, html.auto .sf-c-black\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-black\:100\:st, html.auto .sf-c-black\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-black\:5, html.auto .sf-c-txt-black\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-black\:15, html.auto .sf-c-txt-black\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-black\:25, html.auto .sf-c-txt-black\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-black\:35, html.auto .sf-c-txt-black\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-black\:45, html.auto .sf-c-txt-black\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-black\:55, html.auto .sf-c-txt-black\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-black\:65, html.auto .sf-c-txt-black\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-black\:75, html.auto .sf-c-txt-black\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-black\:85, html.auto .sf-c-txt-black\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-black\:95, html.auto .sf-c-txt-black\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-black\:st, html.auto .sf-c-txt-black\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-black\:0\:st, html.auto .sf-c-txt-black\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-black\:5\:st, html.auto .sf-c-txt-black\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-black\:10\:st, html.auto .sf-c-txt-black\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-black\:15\:st, html.auto .sf-c-txt-black\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-black\:20\:st, html.auto .sf-c-txt-black\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-black\:25\:st, html.auto .sf-c-txt-black\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-black\:30\:st, html.auto .sf-c-txt-black\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-black\:35\:st, html.auto .sf-c-txt-black\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-black\:40\:st, html.auto .sf-c-txt-black\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-black\:45\:st, html.auto .sf-c-txt-black\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-black\:50\:st, html.auto .sf-c-txt-black\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-black\:55\:st, html.auto .sf-c-txt-black\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-black\:60\:st, html.auto .sf-c-txt-black\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-black\:65\:st, html.auto .sf-c-txt-black\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-black\:70\:st, html.auto .sf-c-txt-black\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-black\:75\:st, html.auto .sf-c-txt-black\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-black\:80\:st, html.auto .sf-c-txt-black\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-black\:85\:st, html.auto .sf-c-txt-black\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-black\:90\:st, html.auto .sf-c-txt-black\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-black\:95\:st, html.auto .sf-c-txt-black\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-black\:100\:st, html.auto .sf-c-txt-black\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/blanchedalmond.css b/src/colors/20/blanchedalmond.css deleted file mode 100644 index bfb972b..0000000 --- a/src/colors/20/blanchedalmond.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-blanchedalmond { - --sf-c-blanchedalmond: 36 100% 90%; - --sf-c-blanchedalmond-0: 36 100% 0%; - --sf-c-blanchedalmond-5: 36 100% 5%; - --sf-c-blanchedalmond-10: 36 100% 10%; - --sf-c-blanchedalmond-15: 36 100% 15%; - --sf-c-blanchedalmond-20: 36 100% 20%; - --sf-c-blanchedalmond-25: 36 100% 25%; - --sf-c-blanchedalmond-30: 36 100% 30%; - --sf-c-blanchedalmond-35: 36 100% 35%; - --sf-c-blanchedalmond-40: 36 100% 40%; - --sf-c-blanchedalmond-45: 36 100% 45%; - --sf-c-blanchedalmond-50: 36 100% 50%; - --sf-c-blanchedalmond-55: 36 100% 55%; - --sf-c-blanchedalmond-60: 36 100% 60%; - --sf-c-blanchedalmond-65: 36 100% 65%; - --sf-c-blanchedalmond-70: 36 100% 70%; - --sf-c-blanchedalmond-75: 36 100% 75%; - --sf-c-blanchedalmond-80: 36 100% 80%; - --sf-c-blanchedalmond-85: 36 100% 85%; - --sf-c-blanchedalmond-90: 36 100% 90%; - --sf-c-blanchedalmond-95: 36 100% 95%; - --sf-c-blanchedalmond-100: 36 100% 100%; -} - -.sf-c-blanchedalmond, .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -.sf-c-blanchedalmond\:0, .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -.sf-c-blanchedalmond\:5, .sf-c-blanchedalmond\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -.sf-c-blanchedalmond\:10, .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -.sf-c-blanchedalmond\:15, .sf-c-blanchedalmond\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -.sf-c-blanchedalmond\:20, .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -.sf-c-blanchedalmond\:25, .sf-c-blanchedalmond\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -.sf-c-blanchedalmond\:30, .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -.sf-c-blanchedalmond\:35, .sf-c-blanchedalmond\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -.sf-c-blanchedalmond\:40, .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -.sf-c-blanchedalmond\:45, .sf-c-blanchedalmond\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -.sf-c-blanchedalmond\:50, .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -.sf-c-blanchedalmond\:55, .sf-c-blanchedalmond\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -.sf-c-blanchedalmond\:60, .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -.sf-c-blanchedalmond\:65, .sf-c-blanchedalmond\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -.sf-c-blanchedalmond\:70, .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -.sf-c-blanchedalmond\:75, .sf-c-blanchedalmond\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -.sf-c-blanchedalmond\:80, .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -.sf-c-blanchedalmond\:85, .sf-c-blanchedalmond\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -.sf-c-blanchedalmond\:90, .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -.sf-c-blanchedalmond\:95, .sf-c-blanchedalmond\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -.sf-c-blanchedalmond\:100, .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - -.sf-c-txt-blanchedalmond { color: hsl(36, 100%, 10%) } -.sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-blanchedalmond\:0, .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } -.sf-c-txt-blanchedalmond\:5, .sf-c-txt-blanchedalmond\:5\:st { color: hsl(36, 100%, 5%) } -.sf-c-txt-blanchedalmond\:10, .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } -.sf-c-txt-blanchedalmond\:15, .sf-c-txt-blanchedalmond\:15\:st { color: hsl(36, 100%, 15%) } -.sf-c-txt-blanchedalmond\:20, .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } -.sf-c-txt-blanchedalmond\:25, .sf-c-txt-blanchedalmond\:25\:st { color: hsl(36, 100%, 25%) } -.sf-c-txt-blanchedalmond\:30, .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } -.sf-c-txt-blanchedalmond\:35, .sf-c-txt-blanchedalmond\:35\:st { color: hsl(36, 100%, 35%) } -.sf-c-txt-blanchedalmond\:40, .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } -.sf-c-txt-blanchedalmond\:45, .sf-c-txt-blanchedalmond\:45\:st { color: hsl(36, 100%, 45%) } -.sf-c-txt-blanchedalmond\:50, .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } -.sf-c-txt-blanchedalmond\:55, .sf-c-txt-blanchedalmond\:55\:st { color: hsl(36, 100%, 55%) } -.sf-c-txt-blanchedalmond\:60, .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } -.sf-c-txt-blanchedalmond\:65, .sf-c-txt-blanchedalmond\:65\:st { color: hsl(36, 100%, 65%) } -.sf-c-txt-blanchedalmond\:70, .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } -.sf-c-txt-blanchedalmond\:75, .sf-c-txt-blanchedalmond\:75\:st { color: hsl(36, 100%, 75%) } -.sf-c-txt-blanchedalmond\:80, .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } -.sf-c-txt-blanchedalmond\:85, .sf-c-txt-blanchedalmond\:85\:st { color: hsl(36, 100%, 85%) } -.sf-c-txt-blanchedalmond\:90, .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-blanchedalmond\:95, .sf-c-txt-blanchedalmond\:95\:st { color: hsl(36, 100%, 95%) } -.sf-c-txt-blanchedalmond\:100, .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-blanchedalmond, html.dark .sf-c-blanchedalmond { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:0, html.dark .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:5, html.dark .sf-c-blanchedalmond\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:10, html.dark .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:15, html.dark .sf-c-blanchedalmond\:15 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:20, html.dark .sf-c-blanchedalmond\:20 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:25, html.dark .sf-c-blanchedalmond\:25 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:30, html.dark .sf-c-blanchedalmond\:30 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:35, html.dark .sf-c-blanchedalmond\:35 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:40, html.dark .sf-c-blanchedalmond\:40 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:45, html.dark .sf-c-blanchedalmond\:45 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:50, html.dark .sf-c-blanchedalmond\:50 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:55, html.dark .sf-c-blanchedalmond\:55 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:60, html.dark .sf-c-blanchedalmond\:60 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:65, html.dark .sf-c-blanchedalmond\:65 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:70, html.dark .sf-c-blanchedalmond\:70 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:75, html.dark .sf-c-blanchedalmond\:75 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:80, html.dark .sf-c-blanchedalmond\:80 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:85, html.dark .sf-c-blanchedalmond\:85 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:90, html.dark .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:95, html.dark .sf-c-blanchedalmond\:95 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:100, html.dark .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-blanchedalmond\:st, html.dark .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:0\:st, html.dark .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:5\:st, html.dark .sf-c-blanchedalmond\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:10\:st, html.dark .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:15\:st, html.dark .sf-c-blanchedalmond\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:20\:st, html.dark .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:25\:st, html.dark .sf-c-blanchedalmond\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:30\:st, html.dark .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:35\:st, html.dark .sf-c-blanchedalmond\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:40\:st, html.dark .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:45\:st, html.dark .sf-c-blanchedalmond\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:50\:st, html.dark .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:55\:st, html.dark .sf-c-blanchedalmond\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:60\:st, html.dark .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:65\:st, html.dark .sf-c-blanchedalmond\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:70\:st, html.dark .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:75\:st, html.dark .sf-c-blanchedalmond\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:80\:st, html.dark .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:85\:st, html.dark .sf-c-blanchedalmond\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:90\:st, html.dark .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:95\:st, html.dark .sf-c-blanchedalmond\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-blanchedalmond\:100\:st, html.dark .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:5, html.dark .sf-c-txt-blanchedalmond\:5 { color: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:15, html.dark .sf-c-txt-blanchedalmond\:15 { color: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:25, html.dark .sf-c-txt-blanchedalmond\:25 { color: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:35, html.dark .sf-c-txt-blanchedalmond\:35 { color: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:45, html.dark .sf-c-txt-blanchedalmond\:45 { color: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:55, html.dark .sf-c-txt-blanchedalmond\:55 { color: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:65, html.dark .sf-c-txt-blanchedalmond\:65 { color: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:75, html.dark .sf-c-txt-blanchedalmond\:75 { color: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:85, html.dark .sf-c-txt-blanchedalmond\:85 { color: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:95, html.dark .sf-c-txt-blanchedalmond\:95 { color: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:st, html.dark .sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:st, html.dark .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:5\:st, html.dark .sf-c-txt-blanchedalmond\:5\:st { color: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:st, html.dark .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:15\:st, html.dark .sf-c-txt-blanchedalmond\:15\:st { color: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:st, html.dark .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:25\:st, html.dark .sf-c-txt-blanchedalmond\:25\:st { color: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:st, html.dark .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:35\:st, html.dark .sf-c-txt-blanchedalmond\:35\:st { color: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:st, html.dark .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:45\:st, html.dark .sf-c-txt-blanchedalmond\:45\:st { color: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:st, html.dark .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:55\:st, html.dark .sf-c-txt-blanchedalmond\:55\:st { color: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:st, html.dark .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:65\:st, html.dark .sf-c-txt-blanchedalmond\:65\:st { color: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:st, html.dark .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:75\:st, html.dark .sf-c-txt-blanchedalmond\:75\:st { color: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:st, html.dark .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:85\:st, html.dark .sf-c-txt-blanchedalmond\:85\:st { color: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:st, html.dark .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:95\:st, html.dark .sf-c-txt-blanchedalmond\:95\:st { color: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:st, html.dark .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blanchedalmond, html.auto .sf-c-blanchedalmond { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:0, html.auto .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:5, html.auto .sf-c-blanchedalmond\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:10, html.auto .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:15, html.auto .sf-c-blanchedalmond\:15 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:20, html.auto .sf-c-blanchedalmond\:20 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:25, html.auto .sf-c-blanchedalmond\:25 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:30, html.auto .sf-c-blanchedalmond\:30 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:35, html.auto .sf-c-blanchedalmond\:35 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:40, html.auto .sf-c-blanchedalmond\:40 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:45, html.auto .sf-c-blanchedalmond\:45 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:50, html.auto .sf-c-blanchedalmond\:50 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:55, html.auto .sf-c-blanchedalmond\:55 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:60, html.auto .sf-c-blanchedalmond\:60 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:65, html.auto .sf-c-blanchedalmond\:65 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:70, html.auto .sf-c-blanchedalmond\:70 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:75, html.auto .sf-c-blanchedalmond\:75 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:80, html.auto .sf-c-blanchedalmond\:80 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:85, html.auto .sf-c-blanchedalmond\:85 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:90, html.auto .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:95, html.auto .sf-c-blanchedalmond\:95 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:100, html.auto .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-blanchedalmond\:st, html.auto .sf-c-blanchedalmond\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:0\:st, html.auto .sf-c-blanchedalmond\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:5\:st, html.auto .sf-c-blanchedalmond\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:10\:st, html.auto .sf-c-blanchedalmond\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:15\:st, html.auto .sf-c-blanchedalmond\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:20\:st, html.auto .sf-c-blanchedalmond\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:25\:st, html.auto .sf-c-blanchedalmond\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:30\:st, html.auto .sf-c-blanchedalmond\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:35\:st, html.auto .sf-c-blanchedalmond\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:40\:st, html.auto .sf-c-blanchedalmond\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:45\:st, html.auto .sf-c-blanchedalmond\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:50\:st, html.auto .sf-c-blanchedalmond\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:55\:st, html.auto .sf-c-blanchedalmond\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:60\:st, html.auto .sf-c-blanchedalmond\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:65\:st, html.auto .sf-c-blanchedalmond\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:70\:st, html.auto .sf-c-blanchedalmond\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:75\:st, html.auto .sf-c-blanchedalmond\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:80\:st, html.auto .sf-c-blanchedalmond\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:85\:st, html.auto .sf-c-blanchedalmond\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:90\:st, html.auto .sf-c-blanchedalmond\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:95\:st, html.auto .sf-c-blanchedalmond\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-blanchedalmond\:100\:st, html.auto .sf-c-blanchedalmond\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:5, html.auto .sf-c-txt-blanchedalmond\:5 { color: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:15, html.auto .sf-c-txt-blanchedalmond\:15 { color: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:25, html.auto .sf-c-txt-blanchedalmond\:25 { color: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:35, html.auto .sf-c-txt-blanchedalmond\:35 { color: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:45, html.auto .sf-c-txt-blanchedalmond\:45 { color: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:55, html.auto .sf-c-txt-blanchedalmond\:55 { color: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:65, html.auto .sf-c-txt-blanchedalmond\:65 { color: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:75, html.auto .sf-c-txt-blanchedalmond\:75 { color: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:85, html.auto .sf-c-txt-blanchedalmond\:85 { color: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:95, html.auto .sf-c-txt-blanchedalmond\:95 { color: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:st, html.auto .sf-c-txt-blanchedalmond\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:st, html.auto .sf-c-txt-blanchedalmond\:0\:st { color: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:5\:st, html.auto .sf-c-txt-blanchedalmond\:5\:st { color: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:st, html.auto .sf-c-txt-blanchedalmond\:10\:st { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:15\:st, html.auto .sf-c-txt-blanchedalmond\:15\:st { color: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:st, html.auto .sf-c-txt-blanchedalmond\:20\:st { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:25\:st, html.auto .sf-c-txt-blanchedalmond\:25\:st { color: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:st, html.auto .sf-c-txt-blanchedalmond\:30\:st { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:35\:st, html.auto .sf-c-txt-blanchedalmond\:35\:st { color: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:st, html.auto .sf-c-txt-blanchedalmond\:40\:st { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:45\:st, html.auto .sf-c-txt-blanchedalmond\:45\:st { color: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:st, html.auto .sf-c-txt-blanchedalmond\:50\:st { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:55\:st, html.auto .sf-c-txt-blanchedalmond\:55\:st { color: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:st, html.auto .sf-c-txt-blanchedalmond\:60\:st { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:65\:st, html.auto .sf-c-txt-blanchedalmond\:65\:st { color: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:st, html.auto .sf-c-txt-blanchedalmond\:70\:st { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:75\:st, html.auto .sf-c-txt-blanchedalmond\:75\:st { color: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:st, html.auto .sf-c-txt-blanchedalmond\:80\:st { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:85\:st, html.auto .sf-c-txt-blanchedalmond\:85\:st { color: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:st, html.auto .sf-c-txt-blanchedalmond\:90\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:95\:st, html.auto .sf-c-txt-blanchedalmond\:95\:st { color: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:st, html.auto .sf-c-txt-blanchedalmond\:100\:st { color: hsl(36, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/blue.css b/src/colors/20/blue.css deleted file mode 100644 index 4017a3e..0000000 --- a/src/colors/20/blue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-blue { - --sf-c-blue: 240 100% 50%; - --sf-c-blue-0: 240 100% 0%; - --sf-c-blue-5: 240 100% 5%; - --sf-c-blue-10: 240 100% 10%; - --sf-c-blue-15: 240 100% 15%; - --sf-c-blue-20: 240 100% 20%; - --sf-c-blue-25: 240 100% 25%; - --sf-c-blue-30: 240 100% 30%; - --sf-c-blue-35: 240 100% 35%; - --sf-c-blue-40: 240 100% 40%; - --sf-c-blue-45: 240 100% 45%; - --sf-c-blue-50: 240 100% 50%; - --sf-c-blue-55: 240 100% 55%; - --sf-c-blue-60: 240 100% 60%; - --sf-c-blue-65: 240 100% 65%; - --sf-c-blue-70: 240 100% 70%; - --sf-c-blue-75: 240 100% 75%; - --sf-c-blue-80: 240 100% 80%; - --sf-c-blue-85: 240 100% 85%; - --sf-c-blue-90: 240 100% 90%; - --sf-c-blue-95: 240 100% 95%; - --sf-c-blue-100: 240 100% 100%; -} - -.sf-c-blue, .sf-c-blue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-blue\:0, .sf-c-blue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -.sf-c-blue\:5, .sf-c-blue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -.sf-c-blue\:10, .sf-c-blue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -.sf-c-blue\:15, .sf-c-blue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -.sf-c-blue\:20, .sf-c-blue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -.sf-c-blue\:25, .sf-c-blue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-blue\:30, .sf-c-blue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -.sf-c-blue\:35, .sf-c-blue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -.sf-c-blue\:40, .sf-c-blue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-blue\:45, .sf-c-blue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -.sf-c-blue\:50, .sf-c-blue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-blue\:55, .sf-c-blue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -.sf-c-blue\:60, .sf-c-blue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -.sf-c-blue\:65, .sf-c-blue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -.sf-c-blue\:70, .sf-c-blue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -.sf-c-blue\:75, .sf-c-blue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -.sf-c-blue\:80, .sf-c-blue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -.sf-c-blue\:85, .sf-c-blue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -.sf-c-blue\:90, .sf-c-blue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -.sf-c-blue\:95, .sf-c-blue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -.sf-c-blue\:100, .sf-c-blue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-blue { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:0, .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-blue\:5, .sf-c-txt-blue\:5\:st { color: hsl(240, 100%, 5%) } -.sf-c-txt-blue\:10, .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-blue\:15, .sf-c-txt-blue\:15\:st { color: hsl(240, 100%, 15%) } -.sf-c-txt-blue\:20, .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-blue\:25, .sf-c-txt-blue\:25\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-blue\:30, .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-blue\:35, .sf-c-txt-blue\:35\:st { color: hsl(240, 100%, 35%) } -.sf-c-txt-blue\:40, .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-blue\:45, .sf-c-txt-blue\:45\:st { color: hsl(240, 100%, 45%) } -.sf-c-txt-blue\:50, .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-blue\:55, .sf-c-txt-blue\:55\:st { color: hsl(240, 100%, 55%) } -.sf-c-txt-blue\:60, .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-blue\:65, .sf-c-txt-blue\:65\:st { color: hsl(240, 100%, 65%) } -.sf-c-txt-blue\:70, .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-blue\:75, .sf-c-txt-blue\:75\:st { color: hsl(240, 100%, 75%) } -.sf-c-txt-blue\:80, .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-blue\:85, .sf-c-txt-blue\:85\:st { color: hsl(240, 100%, 85%) } -.sf-c-txt-blue\:90, .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-blue\:95, .sf-c-txt-blue\:95\:st { color: hsl(240, 100%, 95%) } -.sf-c-txt-blue\:100, .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-blue, html.dark .sf-c-blue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:0, html.dark .sf-c-blue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-blue\:5, html.dark .sf-c-blue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-blue\:10, html.dark .sf-c-blue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-blue\:15, html.dark .sf-c-blue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-blue\:20, html.dark .sf-c-blue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-blue\:25, html.dark .sf-c-blue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-blue\:30, html.dark .sf-c-blue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-blue\:35, html.dark .sf-c-blue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-blue\:40, html.dark .sf-c-blue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-blue\:45, html.dark .sf-c-blue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-blue\:50, html.dark .sf-c-blue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:55, html.dark .sf-c-blue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-blue\:60, html.dark .sf-c-blue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-blue\:65, html.dark .sf-c-blue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-blue\:70, html.dark .sf-c-blue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-blue\:75, html.dark .sf-c-blue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-blue\:80, html.dark .sf-c-blue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-blue\:85, html.dark .sf-c-blue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-blue\:90, html.dark .sf-c-blue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-blue\:95, html.dark .sf-c-blue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-blue\:100, html.dark .sf-c-blue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-blue\:st, html.dark .sf-c-blue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:0\:st, html.dark .sf-c-blue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-blue\:5\:st, html.dark .sf-c-blue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-blue\:10\:st, html.dark .sf-c-blue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-blue\:15\:st, html.dark .sf-c-blue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-blue\:20\:st, html.dark .sf-c-blue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-blue\:25\:st, html.dark .sf-c-blue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-blue\:30\:st, html.dark .sf-c-blue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-blue\:35\:st, html.dark .sf-c-blue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-blue\:40\:st, html.dark .sf-c-blue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-blue\:45\:st, html.dark .sf-c-blue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-blue\:50\:st, html.dark .sf-c-blue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-blue\:55\:st, html.dark .sf-c-blue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-blue\:60\:st, html.dark .sf-c-blue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-blue\:65\:st, html.dark .sf-c-blue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-blue\:70\:st, html.dark .sf-c-blue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-blue\:75\:st, html.dark .sf-c-blue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-blue\:80\:st, html.dark .sf-c-blue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-blue\:85\:st, html.dark .sf-c-blue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-blue\:90\:st, html.dark .sf-c-blue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-blue\:95\:st, html.dark .sf-c-blue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-blue\:100\:st, html.dark .sf-c-blue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-blue\:5, html.dark .sf-c-txt-blue\:5 { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blue\:15, html.dark .sf-c-txt-blue\:15 { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blue\:25, html.dark .sf-c-txt-blue\:25 { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blue\:35, html.dark .sf-c-txt-blue\:35 { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blue\:45, html.dark .sf-c-txt-blue\:45 { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:55, html.dark .sf-c-txt-blue\:55 { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blue\:65, html.dark .sf-c-txt-blue\:65 { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blue\:75, html.dark .sf-c-txt-blue\:75 { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blue\:85, html.dark .sf-c-txt-blue\:85 { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blue\:95, html.dark .sf-c-txt-blue\:95 { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blue\:st, html.dark .sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:0\:st, html.dark .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-blue\:5\:st, html.dark .sf-c-txt-blue\:5\:st { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-blue\:10\:st, html.dark .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-blue\:15\:st, html.dark .sf-c-txt-blue\:15\:st { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-blue\:20\:st, html.dark .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-blue\:25\:st, html.dark .sf-c-txt-blue\:25\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-blue\:30\:st, html.dark .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-blue\:35\:st, html.dark .sf-c-txt-blue\:35\:st { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-blue\:40\:st, html.dark .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-blue\:45\:st, html.dark .sf-c-txt-blue\:45\:st { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-blue\:50\:st, html.dark .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-blue\:55\:st, html.dark .sf-c-txt-blue\:55\:st { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-blue\:60\:st, html.dark .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-blue\:65\:st, html.dark .sf-c-txt-blue\:65\:st { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-blue\:70\:st, html.dark .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-blue\:75\:st, html.dark .sf-c-txt-blue\:75\:st { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-blue\:80\:st, html.dark .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-blue\:85\:st, html.dark .sf-c-txt-blue\:85\:st { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-blue\:90\:st, html.dark .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-blue\:95\:st, html.dark .sf-c-txt-blue\:95\:st { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-blue\:100\:st, html.dark .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blue, html.auto .sf-c-blue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:0, html.auto .sf-c-blue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-blue\:5, html.auto .sf-c-blue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-blue\:10, html.auto .sf-c-blue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-blue\:15, html.auto .sf-c-blue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-blue\:20, html.auto .sf-c-blue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-blue\:25, html.auto .sf-c-blue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-blue\:30, html.auto .sf-c-blue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-blue\:35, html.auto .sf-c-blue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-blue\:40, html.auto .sf-c-blue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-blue\:45, html.auto .sf-c-blue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-blue\:50, html.auto .sf-c-blue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:55, html.auto .sf-c-blue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-blue\:60, html.auto .sf-c-blue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-blue\:65, html.auto .sf-c-blue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-blue\:70, html.auto .sf-c-blue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-blue\:75, html.auto .sf-c-blue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-blue\:80, html.auto .sf-c-blue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-blue\:85, html.auto .sf-c-blue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-blue\:90, html.auto .sf-c-blue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-blue\:95, html.auto .sf-c-blue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-blue\:100, html.auto .sf-c-blue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-blue\:st, html.auto .sf-c-blue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:0\:st, html.auto .sf-c-blue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-blue\:5\:st, html.auto .sf-c-blue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-blue\:10\:st, html.auto .sf-c-blue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-blue\:15\:st, html.auto .sf-c-blue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-blue\:20\:st, html.auto .sf-c-blue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-blue\:25\:st, html.auto .sf-c-blue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-blue\:30\:st, html.auto .sf-c-blue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-blue\:35\:st, html.auto .sf-c-blue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-blue\:40\:st, html.auto .sf-c-blue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-blue\:45\:st, html.auto .sf-c-blue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-blue\:50\:st, html.auto .sf-c-blue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-blue\:55\:st, html.auto .sf-c-blue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-blue\:60\:st, html.auto .sf-c-blue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-blue\:65\:st, html.auto .sf-c-blue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-blue\:70\:st, html.auto .sf-c-blue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-blue\:75\:st, html.auto .sf-c-blue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-blue\:80\:st, html.auto .sf-c-blue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-blue\:85\:st, html.auto .sf-c-blue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-blue\:90\:st, html.auto .sf-c-blue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-blue\:95\:st, html.auto .sf-c-blue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-blue\:100\:st, html.auto .sf-c-blue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-blue\:5, html.auto .sf-c-txt-blue\:5 { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blue\:15, html.auto .sf-c-txt-blue\:15 { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blue\:25, html.auto .sf-c-txt-blue\:25 { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blue\:35, html.auto .sf-c-txt-blue\:35 { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blue\:45, html.auto .sf-c-txt-blue\:45 { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:55, html.auto .sf-c-txt-blue\:55 { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blue\:65, html.auto .sf-c-txt-blue\:65 { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blue\:75, html.auto .sf-c-txt-blue\:75 { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blue\:85, html.auto .sf-c-txt-blue\:85 { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blue\:95, html.auto .sf-c-txt-blue\:95 { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blue\:st, html.auto .sf-c-txt-blue\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:0\:st, html.auto .sf-c-txt-blue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-blue\:5\:st, html.auto .sf-c-txt-blue\:5\:st { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-blue\:10\:st, html.auto .sf-c-txt-blue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-blue\:15\:st, html.auto .sf-c-txt-blue\:15\:st { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-blue\:20\:st, html.auto .sf-c-txt-blue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-blue\:25\:st, html.auto .sf-c-txt-blue\:25\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-blue\:30\:st, html.auto .sf-c-txt-blue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-blue\:35\:st, html.auto .sf-c-txt-blue\:35\:st { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-blue\:40\:st, html.auto .sf-c-txt-blue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-blue\:45\:st, html.auto .sf-c-txt-blue\:45\:st { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-blue\:50\:st, html.auto .sf-c-txt-blue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-blue\:55\:st, html.auto .sf-c-txt-blue\:55\:st { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-blue\:60\:st, html.auto .sf-c-txt-blue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-blue\:65\:st, html.auto .sf-c-txt-blue\:65\:st { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-blue\:70\:st, html.auto .sf-c-txt-blue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-blue\:75\:st, html.auto .sf-c-txt-blue\:75\:st { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-blue\:80\:st, html.auto .sf-c-txt-blue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-blue\:85\:st, html.auto .sf-c-txt-blue\:85\:st { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-blue\:90\:st, html.auto .sf-c-txt-blue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-blue\:95\:st, html.auto .sf-c-txt-blue\:95\:st { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-blue\:100\:st, html.auto .sf-c-txt-blue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/blueviolet.css b/src/colors/20/blueviolet.css deleted file mode 100644 index 41b7419..0000000 --- a/src/colors/20/blueviolet.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-blueviolet { - --sf-c-blueviolet: 271 76% 53%; - --sf-c-blueviolet-0: 271 76% 0%; - --sf-c-blueviolet-5: 271 76% 5%; - --sf-c-blueviolet-10: 271 76% 10%; - --sf-c-blueviolet-15: 271 76% 15%; - --sf-c-blueviolet-20: 271 76% 20%; - --sf-c-blueviolet-25: 271 76% 25%; - --sf-c-blueviolet-30: 271 76% 30%; - --sf-c-blueviolet-35: 271 76% 35%; - --sf-c-blueviolet-40: 271 76% 40%; - --sf-c-blueviolet-45: 271 76% 45%; - --sf-c-blueviolet-50: 271 76% 50%; - --sf-c-blueviolet-55: 271 76% 55%; - --sf-c-blueviolet-60: 271 76% 60%; - --sf-c-blueviolet-65: 271 76% 65%; - --sf-c-blueviolet-70: 271 76% 70%; - --sf-c-blueviolet-75: 271 76% 75%; - --sf-c-blueviolet-80: 271 76% 80%; - --sf-c-blueviolet-85: 271 76% 85%; - --sf-c-blueviolet-90: 271 76% 90%; - --sf-c-blueviolet-95: 271 76% 95%; - --sf-c-blueviolet-100: 271 76% 100%; -} - -.sf-c-blueviolet, .sf-c-blueviolet\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 53%) } -.sf-c-blueviolet\:0, .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } -.sf-c-blueviolet\:5, .sf-c-blueviolet\:5\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } -.sf-c-blueviolet\:10, .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } -.sf-c-blueviolet\:15, .sf-c-blueviolet\:15\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 15%) } -.sf-c-blueviolet\:20, .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 20%) } -.sf-c-blueviolet\:25, .sf-c-blueviolet\:25\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 25%) } -.sf-c-blueviolet\:30, .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 30%) } -.sf-c-blueviolet\:35, .sf-c-blueviolet\:35\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 35%) } -.sf-c-blueviolet\:40, .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 40%) } -.sf-c-blueviolet\:45, .sf-c-blueviolet\:45\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 45%) } -.sf-c-blueviolet\:50, .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 50%) } -.sf-c-blueviolet\:55, .sf-c-blueviolet\:55\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 55%) } -.sf-c-blueviolet\:60, .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 60%) } -.sf-c-blueviolet\:65, .sf-c-blueviolet\:65\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 65%) } -.sf-c-blueviolet\:70, .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 70%) } -.sf-c-blueviolet\:75, .sf-c-blueviolet\:75\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 75%) } -.sf-c-blueviolet\:80, .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 80%) } -.sf-c-blueviolet\:85, .sf-c-blueviolet\:85\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 85%) } -.sf-c-blueviolet\:90, .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 90%) } -.sf-c-blueviolet\:95, .sf-c-blueviolet\:95\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } -.sf-c-blueviolet\:100, .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } - -.sf-c-txt-blueviolet { color: hsl(271, 76%, 10%) } -.sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } -.sf-c-txt-blueviolet\:0, .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } -.sf-c-txt-blueviolet\:5, .sf-c-txt-blueviolet\:5\:st { color: hsl(271, 76%, 5%) } -.sf-c-txt-blueviolet\:10, .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } -.sf-c-txt-blueviolet\:15, .sf-c-txt-blueviolet\:15\:st { color: hsl(271, 76%, 15%) } -.sf-c-txt-blueviolet\:20, .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } -.sf-c-txt-blueviolet\:25, .sf-c-txt-blueviolet\:25\:st { color: hsl(271, 76%, 25%) } -.sf-c-txt-blueviolet\:30, .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } -.sf-c-txt-blueviolet\:35, .sf-c-txt-blueviolet\:35\:st { color: hsl(271, 76%, 35%) } -.sf-c-txt-blueviolet\:40, .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } -.sf-c-txt-blueviolet\:45, .sf-c-txt-blueviolet\:45\:st { color: hsl(271, 76%, 45%) } -.sf-c-txt-blueviolet\:50, .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } -.sf-c-txt-blueviolet\:55, .sf-c-txt-blueviolet\:55\:st { color: hsl(271, 76%, 55%) } -.sf-c-txt-blueviolet\:60, .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } -.sf-c-txt-blueviolet\:65, .sf-c-txt-blueviolet\:65\:st { color: hsl(271, 76%, 65%) } -.sf-c-txt-blueviolet\:70, .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } -.sf-c-txt-blueviolet\:75, .sf-c-txt-blueviolet\:75\:st { color: hsl(271, 76%, 75%) } -.sf-c-txt-blueviolet\:80, .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } -.sf-c-txt-blueviolet\:85, .sf-c-txt-blueviolet\:85\:st { color: hsl(271, 76%, 85%) } -.sf-c-txt-blueviolet\:90, .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } -.sf-c-txt-blueviolet\:95, .sf-c-txt-blueviolet\:95\:st { color: hsl(271, 76%, 95%) } -.sf-c-txt-blueviolet\:100, .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } - -html[data-theme='dark'] .sf-c-blueviolet, html.dark .sf-c-blueviolet { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 47%) } -html[data-theme='dark'] .sf-c-blueviolet\:0, html.dark .sf-c-blueviolet\:0 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } -html[data-theme='dark'] .sf-c-blueviolet\:5, html.dark .sf-c-blueviolet\:5 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } -html[data-theme='dark'] .sf-c-blueviolet\:10, html.dark .sf-c-blueviolet\:10 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-blueviolet\:15, html.dark .sf-c-blueviolet\:15 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 85%) } -html[data-theme='dark'] .sf-c-blueviolet\:20, html.dark .sf-c-blueviolet\:20 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-blueviolet\:25, html.dark .sf-c-blueviolet\:25 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 75%) } -html[data-theme='dark'] .sf-c-blueviolet\:30, html.dark .sf-c-blueviolet\:30 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-blueviolet\:35, html.dark .sf-c-blueviolet\:35 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 65%) } -html[data-theme='dark'] .sf-c-blueviolet\:40, html.dark .sf-c-blueviolet\:40 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-blueviolet\:45, html.dark .sf-c-blueviolet\:45 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 55%) } -html[data-theme='dark'] .sf-c-blueviolet\:50, html.dark .sf-c-blueviolet\:50 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-blueviolet\:55, html.dark .sf-c-blueviolet\:55 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 45%) } -html[data-theme='dark'] .sf-c-blueviolet\:60, html.dark .sf-c-blueviolet\:60 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-blueviolet\:65, html.dark .sf-c-blueviolet\:65 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 35%) } -html[data-theme='dark'] .sf-c-blueviolet\:70, html.dark .sf-c-blueviolet\:70 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-blueviolet\:75, html.dark .sf-c-blueviolet\:75 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 25%) } -html[data-theme='dark'] .sf-c-blueviolet\:80, html.dark .sf-c-blueviolet\:80 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-blueviolet\:85, html.dark .sf-c-blueviolet\:85 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 15%) } -html[data-theme='dark'] .sf-c-blueviolet\:90, html.dark .sf-c-blueviolet\:90 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-blueviolet\:95, html.dark .sf-c-blueviolet\:95 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } -html[data-theme='dark'] .sf-c-blueviolet\:100, html.dark .sf-c-blueviolet\:100 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } - -html[data-theme='dark'] .sf-c-blueviolet\:st, html.dark .sf-c-blueviolet\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-blueviolet\:0\:st, html.dark .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } -html[data-theme='dark'] .sf-c-blueviolet\:5\:st, html.dark .sf-c-blueviolet\:5\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } -html[data-theme='dark'] .sf-c-blueviolet\:10\:st, html.dark .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-blueviolet\:15\:st, html.dark .sf-c-blueviolet\:15\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 15%) } -html[data-theme='dark'] .sf-c-blueviolet\:20\:st, html.dark .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-blueviolet\:25\:st, html.dark .sf-c-blueviolet\:25\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 25%) } -html[data-theme='dark'] .sf-c-blueviolet\:30\:st, html.dark .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-blueviolet\:35\:st, html.dark .sf-c-blueviolet\:35\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 35%) } -html[data-theme='dark'] .sf-c-blueviolet\:40\:st, html.dark .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-blueviolet\:45\:st, html.dark .sf-c-blueviolet\:45\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 45%) } -html[data-theme='dark'] .sf-c-blueviolet\:50\:st, html.dark .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-blueviolet\:55\:st, html.dark .sf-c-blueviolet\:55\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 55%) } -html[data-theme='dark'] .sf-c-blueviolet\:60\:st, html.dark .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-blueviolet\:65\:st, html.dark .sf-c-blueviolet\:65\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 65%) } -html[data-theme='dark'] .sf-c-blueviolet\:70\:st, html.dark .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-blueviolet\:75\:st, html.dark .sf-c-blueviolet\:75\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 75%) } -html[data-theme='dark'] .sf-c-blueviolet\:80\:st, html.dark .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-blueviolet\:85\:st, html.dark .sf-c-blueviolet\:85\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 85%) } -html[data-theme='dark'] .sf-c-blueviolet\:90\:st, html.dark .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-blueviolet\:95\:st, html.dark .sf-c-blueviolet\:95\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } -html[data-theme='dark'] .sf-c-blueviolet\:100\:st, html.dark .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:5, html.dark .sf-c-txt-blueviolet\:5 { color: hsl(271, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:15, html.dark .sf-c-txt-blueviolet\:15 { color: hsl(271, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:25, html.dark .sf-c-txt-blueviolet\:25 { color: hsl(271, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:35, html.dark .sf-c-txt-blueviolet\:35 { color: hsl(271, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:45, html.dark .sf-c-txt-blueviolet\:45 { color: hsl(271, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:55, html.dark .sf-c-txt-blueviolet\:55 { color: hsl(271, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:65, html.dark .sf-c-txt-blueviolet\:65 { color: hsl(271, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:75, html.dark .sf-c-txt-blueviolet\:75 { color: hsl(271, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:85, html.dark .sf-c-txt-blueviolet\:85 { color: hsl(271, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:95, html.dark .sf-c-txt-blueviolet\:95 { color: hsl(271, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-blueviolet\:st, html.dark .sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:0\:st, html.dark .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:5\:st, html.dark .sf-c-txt-blueviolet\:5\:st { color: hsl(271, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:10\:st, html.dark .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:15\:st, html.dark .sf-c-txt-blueviolet\:15\:st { color: hsl(271, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:20\:st, html.dark .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:25\:st, html.dark .sf-c-txt-blueviolet\:25\:st { color: hsl(271, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:30\:st, html.dark .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:35\:st, html.dark .sf-c-txt-blueviolet\:35\:st { color: hsl(271, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:40\:st, html.dark .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:45\:st, html.dark .sf-c-txt-blueviolet\:45\:st { color: hsl(271, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:50\:st, html.dark .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:55\:st, html.dark .sf-c-txt-blueviolet\:55\:st { color: hsl(271, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:60\:st, html.dark .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:65\:st, html.dark .sf-c-txt-blueviolet\:65\:st { color: hsl(271, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:70\:st, html.dark .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:75\:st, html.dark .sf-c-txt-blueviolet\:75\:st { color: hsl(271, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:80\:st, html.dark .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:85\:st, html.dark .sf-c-txt-blueviolet\:85\:st { color: hsl(271, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:90\:st, html.dark .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:95\:st, html.dark .sf-c-txt-blueviolet\:95\:st { color: hsl(271, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-blueviolet\:100\:st, html.dark .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-blueviolet, html.auto .sf-c-blueviolet { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 47%) } - html[data-theme='auto'] .sf-c-blueviolet\:0, html.auto .sf-c-blueviolet\:0 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } - html[data-theme='auto'] .sf-c-blueviolet\:5, html.auto .sf-c-blueviolet\:5 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } - html[data-theme='auto'] .sf-c-blueviolet\:10, html.auto .sf-c-blueviolet\:10 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-blueviolet\:15, html.auto .sf-c-blueviolet\:15 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 85%) } - html[data-theme='auto'] .sf-c-blueviolet\:20, html.auto .sf-c-blueviolet\:20 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-blueviolet\:25, html.auto .sf-c-blueviolet\:25 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 75%) } - html[data-theme='auto'] .sf-c-blueviolet\:30, html.auto .sf-c-blueviolet\:30 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-blueviolet\:35, html.auto .sf-c-blueviolet\:35 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 65%) } - html[data-theme='auto'] .sf-c-blueviolet\:40, html.auto .sf-c-blueviolet\:40 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-blueviolet\:45, html.auto .sf-c-blueviolet\:45 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 55%) } - html[data-theme='auto'] .sf-c-blueviolet\:50, html.auto .sf-c-blueviolet\:50 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-blueviolet\:55, html.auto .sf-c-blueviolet\:55 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 45%) } - html[data-theme='auto'] .sf-c-blueviolet\:60, html.auto .sf-c-blueviolet\:60 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-blueviolet\:65, html.auto .sf-c-blueviolet\:65 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 35%) } - html[data-theme='auto'] .sf-c-blueviolet\:70, html.auto .sf-c-blueviolet\:70 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-blueviolet\:75, html.auto .sf-c-blueviolet\:75 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 25%) } - html[data-theme='auto'] .sf-c-blueviolet\:80, html.auto .sf-c-blueviolet\:80 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-blueviolet\:85, html.auto .sf-c-blueviolet\:85 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 15%) } - html[data-theme='auto'] .sf-c-blueviolet\:90, html.auto .sf-c-blueviolet\:90 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-blueviolet\:95, html.auto .sf-c-blueviolet\:95 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } - html[data-theme='auto'] .sf-c-blueviolet\:100, html.auto .sf-c-blueviolet\:100 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } - - html[data-theme='auto'] .sf-c-blueviolet\:st, html.auto .sf-c-blueviolet\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-blueviolet\:0\:st, html.auto .sf-c-blueviolet\:0\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } - html[data-theme='auto'] .sf-c-blueviolet\:5\:st, html.auto .sf-c-blueviolet\:5\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } - html[data-theme='auto'] .sf-c-blueviolet\:10\:st, html.auto .sf-c-blueviolet\:10\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-blueviolet\:15\:st, html.auto .sf-c-blueviolet\:15\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 15%) } - html[data-theme='auto'] .sf-c-blueviolet\:20\:st, html.auto .sf-c-blueviolet\:20\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-blueviolet\:25\:st, html.auto .sf-c-blueviolet\:25\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 25%) } - html[data-theme='auto'] .sf-c-blueviolet\:30\:st, html.auto .sf-c-blueviolet\:30\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-blueviolet\:35\:st, html.auto .sf-c-blueviolet\:35\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 35%) } - html[data-theme='auto'] .sf-c-blueviolet\:40\:st, html.auto .sf-c-blueviolet\:40\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-blueviolet\:45\:st, html.auto .sf-c-blueviolet\:45\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 45%) } - html[data-theme='auto'] .sf-c-blueviolet\:50\:st, html.auto .sf-c-blueviolet\:50\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-blueviolet\:55\:st, html.auto .sf-c-blueviolet\:55\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 55%) } - html[data-theme='auto'] .sf-c-blueviolet\:60\:st, html.auto .sf-c-blueviolet\:60\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-blueviolet\:65\:st, html.auto .sf-c-blueviolet\:65\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 65%) } - html[data-theme='auto'] .sf-c-blueviolet\:70\:st, html.auto .sf-c-blueviolet\:70\:st { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-blueviolet\:75\:st, html.auto .sf-c-blueviolet\:75\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 75%) } - html[data-theme='auto'] .sf-c-blueviolet\:80\:st, html.auto .sf-c-blueviolet\:80\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-blueviolet\:85\:st, html.auto .sf-c-blueviolet\:85\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 85%) } - html[data-theme='auto'] .sf-c-blueviolet\:90\:st, html.auto .sf-c-blueviolet\:90\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-blueviolet\:95\:st, html.auto .sf-c-blueviolet\:95\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } - html[data-theme='auto'] .sf-c-blueviolet\:100\:st, html.auto .sf-c-blueviolet\:100\:st { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:5, html.auto .sf-c-txt-blueviolet\:5 { color: hsl(271, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:15, html.auto .sf-c-txt-blueviolet\:15 { color: hsl(271, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:25, html.auto .sf-c-txt-blueviolet\:25 { color: hsl(271, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:35, html.auto .sf-c-txt-blueviolet\:35 { color: hsl(271, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:45, html.auto .sf-c-txt-blueviolet\:45 { color: hsl(271, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:55, html.auto .sf-c-txt-blueviolet\:55 { color: hsl(271, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:65, html.auto .sf-c-txt-blueviolet\:65 { color: hsl(271, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:75, html.auto .sf-c-txt-blueviolet\:75 { color: hsl(271, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:85, html.auto .sf-c-txt-blueviolet\:85 { color: hsl(271, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:95, html.auto .sf-c-txt-blueviolet\:95 { color: hsl(271, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-blueviolet\:st, html.auto .sf-c-txt-blueviolet\:st { color: hsl(271, 76%, 53%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:0\:st, html.auto .sf-c-txt-blueviolet\:0\:st { color: hsl(271, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:5\:st, html.auto .sf-c-txt-blueviolet\:5\:st { color: hsl(271, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:10\:st, html.auto .sf-c-txt-blueviolet\:10\:st { color: hsl(271, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:15\:st, html.auto .sf-c-txt-blueviolet\:15\:st { color: hsl(271, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:20\:st, html.auto .sf-c-txt-blueviolet\:20\:st { color: hsl(271, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:25\:st, html.auto .sf-c-txt-blueviolet\:25\:st { color: hsl(271, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:30\:st, html.auto .sf-c-txt-blueviolet\:30\:st { color: hsl(271, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:35\:st, html.auto .sf-c-txt-blueviolet\:35\:st { color: hsl(271, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:40\:st, html.auto .sf-c-txt-blueviolet\:40\:st { color: hsl(271, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:45\:st, html.auto .sf-c-txt-blueviolet\:45\:st { color: hsl(271, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:50\:st, html.auto .sf-c-txt-blueviolet\:50\:st { color: hsl(271, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:55\:st, html.auto .sf-c-txt-blueviolet\:55\:st { color: hsl(271, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:60\:st, html.auto .sf-c-txt-blueviolet\:60\:st { color: hsl(271, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:65\:st, html.auto .sf-c-txt-blueviolet\:65\:st { color: hsl(271, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:70\:st, html.auto .sf-c-txt-blueviolet\:70\:st { color: hsl(271, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:75\:st, html.auto .sf-c-txt-blueviolet\:75\:st { color: hsl(271, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:80\:st, html.auto .sf-c-txt-blueviolet\:80\:st { color: hsl(271, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:85\:st, html.auto .sf-c-txt-blueviolet\:85\:st { color: hsl(271, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:90\:st, html.auto .sf-c-txt-blueviolet\:90\:st { color: hsl(271, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:95\:st, html.auto .sf-c-txt-blueviolet\:95\:st { color: hsl(271, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-blueviolet\:100\:st, html.auto .sf-c-txt-blueviolet\:100\:st { color: hsl(271, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/brown.css b/src/colors/20/brown.css deleted file mode 100644 index 7fe4a9a..0000000 --- a/src/colors/20/brown.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-brown { - --sf-c-brown: 0 59% 41%; - --sf-c-brown-0: 0 59% 0%; - --sf-c-brown-5: 0 59% 5%; - --sf-c-brown-10: 0 59% 10%; - --sf-c-brown-15: 0 59% 15%; - --sf-c-brown-20: 0 59% 20%; - --sf-c-brown-25: 0 59% 25%; - --sf-c-brown-30: 0 59% 30%; - --sf-c-brown-35: 0 59% 35%; - --sf-c-brown-40: 0 59% 40%; - --sf-c-brown-45: 0 59% 45%; - --sf-c-brown-50: 0 59% 50%; - --sf-c-brown-55: 0 59% 55%; - --sf-c-brown-60: 0 59% 60%; - --sf-c-brown-65: 0 59% 65%; - --sf-c-brown-70: 0 59% 70%; - --sf-c-brown-75: 0 59% 75%; - --sf-c-brown-80: 0 59% 80%; - --sf-c-brown-85: 0 59% 85%; - --sf-c-brown-90: 0 59% 90%; - --sf-c-brown-95: 0 59% 95%; - --sf-c-brown-100: 0 59% 100%; -} - -.sf-c-brown, .sf-c-brown\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 41%) } -.sf-c-brown\:0, .sf-c-brown\:0\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } -.sf-c-brown\:5, .sf-c-brown\:5\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } -.sf-c-brown\:10, .sf-c-brown\:10\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } -.sf-c-brown\:15, .sf-c-brown\:15\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 15%) } -.sf-c-brown\:20, .sf-c-brown\:20\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 20%) } -.sf-c-brown\:25, .sf-c-brown\:25\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 25%) } -.sf-c-brown\:30, .sf-c-brown\:30\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 30%) } -.sf-c-brown\:35, .sf-c-brown\:35\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 35%) } -.sf-c-brown\:40, .sf-c-brown\:40\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 40%) } -.sf-c-brown\:45, .sf-c-brown\:45\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 45%) } -.sf-c-brown\:50, .sf-c-brown\:50\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 50%) } -.sf-c-brown\:55, .sf-c-brown\:55\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 55%) } -.sf-c-brown\:60, .sf-c-brown\:60\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 60%) } -.sf-c-brown\:65, .sf-c-brown\:65\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 65%) } -.sf-c-brown\:70, .sf-c-brown\:70\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 70%) } -.sf-c-brown\:75, .sf-c-brown\:75\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 75%) } -.sf-c-brown\:80, .sf-c-brown\:80\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 80%) } -.sf-c-brown\:85, .sf-c-brown\:85\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 85%) } -.sf-c-brown\:90, .sf-c-brown\:90\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) } -.sf-c-brown\:95, .sf-c-brown\:95\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } -.sf-c-brown\:100, .sf-c-brown\:100\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } - -.sf-c-txt-brown { color: hsl(0, 59%, 41%) } -.sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } -.sf-c-txt-brown\:0, .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } -.sf-c-txt-brown\:5, .sf-c-txt-brown\:5\:st { color: hsl(0, 59%, 5%) } -.sf-c-txt-brown\:10, .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } -.sf-c-txt-brown\:15, .sf-c-txt-brown\:15\:st { color: hsl(0, 59%, 15%) } -.sf-c-txt-brown\:20, .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } -.sf-c-txt-brown\:25, .sf-c-txt-brown\:25\:st { color: hsl(0, 59%, 25%) } -.sf-c-txt-brown\:30, .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } -.sf-c-txt-brown\:35, .sf-c-txt-brown\:35\:st { color: hsl(0, 59%, 35%) } -.sf-c-txt-brown\:40, .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } -.sf-c-txt-brown\:45, .sf-c-txt-brown\:45\:st { color: hsl(0, 59%, 45%) } -.sf-c-txt-brown\:50, .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } -.sf-c-txt-brown\:55, .sf-c-txt-brown\:55\:st { color: hsl(0, 59%, 55%) } -.sf-c-txt-brown\:60, .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } -.sf-c-txt-brown\:65, .sf-c-txt-brown\:65\:st { color: hsl(0, 59%, 65%) } -.sf-c-txt-brown\:70, .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } -.sf-c-txt-brown\:75, .sf-c-txt-brown\:75\:st { color: hsl(0, 59%, 75%) } -.sf-c-txt-brown\:80, .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } -.sf-c-txt-brown\:85, .sf-c-txt-brown\:85\:st { color: hsl(0, 59%, 85%) } -.sf-c-txt-brown\:90, .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } -.sf-c-txt-brown\:95, .sf-c-txt-brown\:95\:st { color: hsl(0, 59%, 95%) } -.sf-c-txt-brown\:100, .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } - -html[data-theme='dark'] .sf-c-brown, html.dark .sf-c-brown { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 59%) } -html[data-theme='dark'] .sf-c-brown\:0, html.dark .sf-c-brown\:0 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } -html[data-theme='dark'] .sf-c-brown\:5, html.dark .sf-c-brown\:5 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } -html[data-theme='dark'] .sf-c-brown\:10, html.dark .sf-c-brown\:10 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-brown\:15, html.dark .sf-c-brown\:15 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 85%) } -html[data-theme='dark'] .sf-c-brown\:20, html.dark .sf-c-brown\:20 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-brown\:25, html.dark .sf-c-brown\:25 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 75%) } -html[data-theme='dark'] .sf-c-brown\:30, html.dark .sf-c-brown\:30 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-brown\:35, html.dark .sf-c-brown\:35 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 65%) } -html[data-theme='dark'] .sf-c-brown\:40, html.dark .sf-c-brown\:40 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-brown\:45, html.dark .sf-c-brown\:45 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 55%) } -html[data-theme='dark'] .sf-c-brown\:50, html.dark .sf-c-brown\:50 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-brown\:55, html.dark .sf-c-brown\:55 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 45%) } -html[data-theme='dark'] .sf-c-brown\:60, html.dark .sf-c-brown\:60 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-brown\:65, html.dark .sf-c-brown\:65 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 35%) } -html[data-theme='dark'] .sf-c-brown\:70, html.dark .sf-c-brown\:70 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-brown\:75, html.dark .sf-c-brown\:75 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 25%) } -html[data-theme='dark'] .sf-c-brown\:80, html.dark .sf-c-brown\:80 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-brown\:85, html.dark .sf-c-brown\:85 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 15%) } -html[data-theme='dark'] .sf-c-brown\:90, html.dark .sf-c-brown\:90 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-brown\:95, html.dark .sf-c-brown\:95 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } -html[data-theme='dark'] .sf-c-brown\:100, html.dark .sf-c-brown\:100 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } - -html[data-theme='dark'] .sf-c-brown\:st, html.dark .sf-c-brown\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 41%) } -html[data-theme='dark'] .sf-c-brown\:0\:st, html.dark .sf-c-brown\:0\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } -html[data-theme='dark'] .sf-c-brown\:5\:st, html.dark .sf-c-brown\:5\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } -html[data-theme='dark'] .sf-c-brown\:10\:st, html.dark .sf-c-brown\:10\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-brown\:15\:st, html.dark .sf-c-brown\:15\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 15%) } -html[data-theme='dark'] .sf-c-brown\:20\:st, html.dark .sf-c-brown\:20\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-brown\:25\:st, html.dark .sf-c-brown\:25\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 25%) } -html[data-theme='dark'] .sf-c-brown\:30\:st, html.dark .sf-c-brown\:30\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-brown\:35\:st, html.dark .sf-c-brown\:35\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 35%) } -html[data-theme='dark'] .sf-c-brown\:40\:st, html.dark .sf-c-brown\:40\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-brown\:45\:st, html.dark .sf-c-brown\:45\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 45%) } -html[data-theme='dark'] .sf-c-brown\:50\:st, html.dark .sf-c-brown\:50\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-brown\:55\:st, html.dark .sf-c-brown\:55\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 55%) } -html[data-theme='dark'] .sf-c-brown\:60\:st, html.dark .sf-c-brown\:60\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-brown\:65\:st, html.dark .sf-c-brown\:65\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 65%) } -html[data-theme='dark'] .sf-c-brown\:70\:st, html.dark .sf-c-brown\:70\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-brown\:75\:st, html.dark .sf-c-brown\:75\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 75%) } -html[data-theme='dark'] .sf-c-brown\:80\:st, html.dark .sf-c-brown\:80\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-brown\:85\:st, html.dark .sf-c-brown\:85\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 85%) } -html[data-theme='dark'] .sf-c-brown\:90\:st, html.dark .sf-c-brown\:90\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-brown\:95\:st, html.dark .sf-c-brown\:95\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } -html[data-theme='dark'] .sf-c-brown\:100\:st, html.dark .sf-c-brown\:100\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(0, 59%, 59%) } -html[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-brown\:5, html.dark .sf-c-txt-brown\:5 { color: hsl(0, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-brown\:15, html.dark .sf-c-txt-brown\:15 { color: hsl(0, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-brown\:25, html.dark .sf-c-txt-brown\:25 { color: hsl(0, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-brown\:35, html.dark .sf-c-txt-brown\:35 { color: hsl(0, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-brown\:45, html.dark .sf-c-txt-brown\:45 { color: hsl(0, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-brown\:55, html.dark .sf-c-txt-brown\:55 { color: hsl(0, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-brown\:65, html.dark .sf-c-txt-brown\:65 { color: hsl(0, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-brown\:75, html.dark .sf-c-txt-brown\:75 { color: hsl(0, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-brown\:85, html.dark .sf-c-txt-brown\:85 { color: hsl(0, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-brown\:95, html.dark .sf-c-txt-brown\:95 { color: hsl(0, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-brown\:st, html.dark .sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } -html[data-theme='dark'] .sf-c-txt-brown\:0\:st, html.dark .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-brown\:5\:st, html.dark .sf-c-txt-brown\:5\:st { color: hsl(0, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-brown\:10\:st, html.dark .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-brown\:15\:st, html.dark .sf-c-txt-brown\:15\:st { color: hsl(0, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-brown\:20\:st, html.dark .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-brown\:25\:st, html.dark .sf-c-txt-brown\:25\:st { color: hsl(0, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-brown\:30\:st, html.dark .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-brown\:35\:st, html.dark .sf-c-txt-brown\:35\:st { color: hsl(0, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-brown\:40\:st, html.dark .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-brown\:45\:st, html.dark .sf-c-txt-brown\:45\:st { color: hsl(0, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-brown\:50\:st, html.dark .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-brown\:55\:st, html.dark .sf-c-txt-brown\:55\:st { color: hsl(0, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-brown\:60\:st, html.dark .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-brown\:65\:st, html.dark .sf-c-txt-brown\:65\:st { color: hsl(0, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-brown\:70\:st, html.dark .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-brown\:75\:st, html.dark .sf-c-txt-brown\:75\:st { color: hsl(0, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-brown\:80\:st, html.dark .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-brown\:85\:st, html.dark .sf-c-txt-brown\:85\:st { color: hsl(0, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-brown\:90\:st, html.dark .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-brown\:95\:st, html.dark .sf-c-txt-brown\:95\:st { color: hsl(0, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-brown\:100\:st, html.dark .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-brown, html.auto .sf-c-brown { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 59%) } - html[data-theme='auto'] .sf-c-brown\:0, html.auto .sf-c-brown\:0 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } - html[data-theme='auto'] .sf-c-brown\:5, html.auto .sf-c-brown\:5 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } - html[data-theme='auto'] .sf-c-brown\:10, html.auto .sf-c-brown\:10 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-brown\:15, html.auto .sf-c-brown\:15 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 85%) } - html[data-theme='auto'] .sf-c-brown\:20, html.auto .sf-c-brown\:20 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-brown\:25, html.auto .sf-c-brown\:25 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 75%) } - html[data-theme='auto'] .sf-c-brown\:30, html.auto .sf-c-brown\:30 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-brown\:35, html.auto .sf-c-brown\:35 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 65%) } - html[data-theme='auto'] .sf-c-brown\:40, html.auto .sf-c-brown\:40 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-brown\:45, html.auto .sf-c-brown\:45 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 55%) } - html[data-theme='auto'] .sf-c-brown\:50, html.auto .sf-c-brown\:50 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-brown\:55, html.auto .sf-c-brown\:55 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 45%) } - html[data-theme='auto'] .sf-c-brown\:60, html.auto .sf-c-brown\:60 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-brown\:65, html.auto .sf-c-brown\:65 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 35%) } - html[data-theme='auto'] .sf-c-brown\:70, html.auto .sf-c-brown\:70 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-brown\:75, html.auto .sf-c-brown\:75 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 25%) } - html[data-theme='auto'] .sf-c-brown\:80, html.auto .sf-c-brown\:80 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-brown\:85, html.auto .sf-c-brown\:85 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 15%) } - html[data-theme='auto'] .sf-c-brown\:90, html.auto .sf-c-brown\:90 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-brown\:95, html.auto .sf-c-brown\:95 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } - html[data-theme='auto'] .sf-c-brown\:100, html.auto .sf-c-brown\:100 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } - - html[data-theme='auto'] .sf-c-brown\:st, html.auto .sf-c-brown\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 41%) } - html[data-theme='auto'] .sf-c-brown\:0\:st, html.auto .sf-c-brown\:0\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } - html[data-theme='auto'] .sf-c-brown\:5\:st, html.auto .sf-c-brown\:5\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } - html[data-theme='auto'] .sf-c-brown\:10\:st, html.auto .sf-c-brown\:10\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-brown\:15\:st, html.auto .sf-c-brown\:15\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 15%) } - html[data-theme='auto'] .sf-c-brown\:20\:st, html.auto .sf-c-brown\:20\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-brown\:25\:st, html.auto .sf-c-brown\:25\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 25%) } - html[data-theme='auto'] .sf-c-brown\:30\:st, html.auto .sf-c-brown\:30\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-brown\:35\:st, html.auto .sf-c-brown\:35\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 35%) } - html[data-theme='auto'] .sf-c-brown\:40\:st, html.auto .sf-c-brown\:40\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-brown\:45\:st, html.auto .sf-c-brown\:45\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 45%) } - html[data-theme='auto'] .sf-c-brown\:50\:st, html.auto .sf-c-brown\:50\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-brown\:55\:st, html.auto .sf-c-brown\:55\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 55%) } - html[data-theme='auto'] .sf-c-brown\:60\:st, html.auto .sf-c-brown\:60\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-brown\:65\:st, html.auto .sf-c-brown\:65\:st { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 65%) } - html[data-theme='auto'] .sf-c-brown\:70\:st, html.auto .sf-c-brown\:70\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-brown\:75\:st, html.auto .sf-c-brown\:75\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 75%) } - html[data-theme='auto'] .sf-c-brown\:80\:st, html.auto .sf-c-brown\:80\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-brown\:85\:st, html.auto .sf-c-brown\:85\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 85%) } - html[data-theme='auto'] .sf-c-brown\:90\:st, html.auto .sf-c-brown\:90\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-brown\:95\:st, html.auto .sf-c-brown\:95\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } - html[data-theme='auto'] .sf-c-brown\:100\:st, html.auto .sf-c-brown\:100\:st { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(0, 59%, 59%) } - html[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-brown\:5, html.auto .sf-c-txt-brown\:5 { color: hsl(0, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-brown\:15, html.auto .sf-c-txt-brown\:15 { color: hsl(0, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-brown\:25, html.auto .sf-c-txt-brown\:25 { color: hsl(0, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-brown\:35, html.auto .sf-c-txt-brown\:35 { color: hsl(0, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-brown\:45, html.auto .sf-c-txt-brown\:45 { color: hsl(0, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-brown\:55, html.auto .sf-c-txt-brown\:55 { color: hsl(0, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-brown\:65, html.auto .sf-c-txt-brown\:65 { color: hsl(0, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-brown\:75, html.auto .sf-c-txt-brown\:75 { color: hsl(0, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-brown\:85, html.auto .sf-c-txt-brown\:85 { color: hsl(0, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-brown\:95, html.auto .sf-c-txt-brown\:95 { color: hsl(0, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-brown\:st, html.auto .sf-c-txt-brown\:st { color: hsl(0, 59%, 41%) } - html[data-theme='auto'] .sf-c-txt-brown\:0\:st, html.auto .sf-c-txt-brown\:0\:st { color: hsl(0, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-brown\:5\:st, html.auto .sf-c-txt-brown\:5\:st { color: hsl(0, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-brown\:10\:st, html.auto .sf-c-txt-brown\:10\:st { color: hsl(0, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-brown\:15\:st, html.auto .sf-c-txt-brown\:15\:st { color: hsl(0, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-brown\:20\:st, html.auto .sf-c-txt-brown\:20\:st { color: hsl(0, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-brown\:25\:st, html.auto .sf-c-txt-brown\:25\:st { color: hsl(0, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-brown\:30\:st, html.auto .sf-c-txt-brown\:30\:st { color: hsl(0, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-brown\:35\:st, html.auto .sf-c-txt-brown\:35\:st { color: hsl(0, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-brown\:40\:st, html.auto .sf-c-txt-brown\:40\:st { color: hsl(0, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-brown\:45\:st, html.auto .sf-c-txt-brown\:45\:st { color: hsl(0, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-brown\:50\:st, html.auto .sf-c-txt-brown\:50\:st { color: hsl(0, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-brown\:55\:st, html.auto .sf-c-txt-brown\:55\:st { color: hsl(0, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-brown\:60\:st, html.auto .sf-c-txt-brown\:60\:st { color: hsl(0, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-brown\:65\:st, html.auto .sf-c-txt-brown\:65\:st { color: hsl(0, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-brown\:70\:st, html.auto .sf-c-txt-brown\:70\:st { color: hsl(0, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-brown\:75\:st, html.auto .sf-c-txt-brown\:75\:st { color: hsl(0, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-brown\:80\:st, html.auto .sf-c-txt-brown\:80\:st { color: hsl(0, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-brown\:85\:st, html.auto .sf-c-txt-brown\:85\:st { color: hsl(0, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-brown\:90\:st, html.auto .sf-c-txt-brown\:90\:st { color: hsl(0, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-brown\:95\:st, html.auto .sf-c-txt-brown\:95\:st { color: hsl(0, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-brown\:100\:st, html.auto .sf-c-txt-brown\:100\:st { color: hsl(0, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/burlywood.css b/src/colors/20/burlywood.css deleted file mode 100644 index 802cadb..0000000 --- a/src/colors/20/burlywood.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-burlywood { - --sf-c-burlywood: 34 57% 70%; - --sf-c-burlywood-0: 34 57% 0%; - --sf-c-burlywood-5: 34 57% 5%; - --sf-c-burlywood-10: 34 57% 10%; - --sf-c-burlywood-15: 34 57% 15%; - --sf-c-burlywood-20: 34 57% 20%; - --sf-c-burlywood-25: 34 57% 25%; - --sf-c-burlywood-30: 34 57% 30%; - --sf-c-burlywood-35: 34 57% 35%; - --sf-c-burlywood-40: 34 57% 40%; - --sf-c-burlywood-45: 34 57% 45%; - --sf-c-burlywood-50: 34 57% 50%; - --sf-c-burlywood-55: 34 57% 55%; - --sf-c-burlywood-60: 34 57% 60%; - --sf-c-burlywood-65: 34 57% 65%; - --sf-c-burlywood-70: 34 57% 70%; - --sf-c-burlywood-75: 34 57% 75%; - --sf-c-burlywood-80: 34 57% 80%; - --sf-c-burlywood-85: 34 57% 85%; - --sf-c-burlywood-90: 34 57% 90%; - --sf-c-burlywood-95: 34 57% 95%; - --sf-c-burlywood-100: 34 57% 100%; -} - -.sf-c-burlywood, .sf-c-burlywood\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } -.sf-c-burlywood\:0, .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } -.sf-c-burlywood\:5, .sf-c-burlywood\:5\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } -.sf-c-burlywood\:10, .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } -.sf-c-burlywood\:15, .sf-c-burlywood\:15\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 15%) } -.sf-c-burlywood\:20, .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 20%) } -.sf-c-burlywood\:25, .sf-c-burlywood\:25\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 25%) } -.sf-c-burlywood\:30, .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } -.sf-c-burlywood\:35, .sf-c-burlywood\:35\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 35%) } -.sf-c-burlywood\:40, .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 40%) } -.sf-c-burlywood\:45, .sf-c-burlywood\:45\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 45%) } -.sf-c-burlywood\:50, .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 50%) } -.sf-c-burlywood\:55, .sf-c-burlywood\:55\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 55%) } -.sf-c-burlywood\:60, .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 60%) } -.sf-c-burlywood\:65, .sf-c-burlywood\:65\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 65%) } -.sf-c-burlywood\:70, .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } -.sf-c-burlywood\:75, .sf-c-burlywood\:75\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 75%) } -.sf-c-burlywood\:80, .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 80%) } -.sf-c-burlywood\:85, .sf-c-burlywood\:85\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 85%) } -.sf-c-burlywood\:90, .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 90%) } -.sf-c-burlywood\:95, .sf-c-burlywood\:95\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } -.sf-c-burlywood\:100, .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } - -.sf-c-txt-burlywood { color: hsl(34, 57%, 10%) } -.sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } -.sf-c-txt-burlywood\:0, .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } -.sf-c-txt-burlywood\:5, .sf-c-txt-burlywood\:5\:st { color: hsl(34, 57%, 5%) } -.sf-c-txt-burlywood\:10, .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } -.sf-c-txt-burlywood\:15, .sf-c-txt-burlywood\:15\:st { color: hsl(34, 57%, 15%) } -.sf-c-txt-burlywood\:20, .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } -.sf-c-txt-burlywood\:25, .sf-c-txt-burlywood\:25\:st { color: hsl(34, 57%, 25%) } -.sf-c-txt-burlywood\:30, .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } -.sf-c-txt-burlywood\:35, .sf-c-txt-burlywood\:35\:st { color: hsl(34, 57%, 35%) } -.sf-c-txt-burlywood\:40, .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } -.sf-c-txt-burlywood\:45, .sf-c-txt-burlywood\:45\:st { color: hsl(34, 57%, 45%) } -.sf-c-txt-burlywood\:50, .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } -.sf-c-txt-burlywood\:55, .sf-c-txt-burlywood\:55\:st { color: hsl(34, 57%, 55%) } -.sf-c-txt-burlywood\:60, .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } -.sf-c-txt-burlywood\:65, .sf-c-txt-burlywood\:65\:st { color: hsl(34, 57%, 65%) } -.sf-c-txt-burlywood\:70, .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } -.sf-c-txt-burlywood\:75, .sf-c-txt-burlywood\:75\:st { color: hsl(34, 57%, 75%) } -.sf-c-txt-burlywood\:80, .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } -.sf-c-txt-burlywood\:85, .sf-c-txt-burlywood\:85\:st { color: hsl(34, 57%, 85%) } -.sf-c-txt-burlywood\:90, .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } -.sf-c-txt-burlywood\:95, .sf-c-txt-burlywood\:95\:st { color: hsl(34, 57%, 95%) } -.sf-c-txt-burlywood\:100, .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } - -html[data-theme='dark'] .sf-c-burlywood, html.dark .sf-c-burlywood { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:0, html.dark .sf-c-burlywood\:0 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } -html[data-theme='dark'] .sf-c-burlywood\:5, html.dark .sf-c-burlywood\:5 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } -html[data-theme='dark'] .sf-c-burlywood\:10, html.dark .sf-c-burlywood\:10 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-burlywood\:15, html.dark .sf-c-burlywood\:15 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 85%) } -html[data-theme='dark'] .sf-c-burlywood\:20, html.dark .sf-c-burlywood\:20 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-burlywood\:25, html.dark .sf-c-burlywood\:25 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 75%) } -html[data-theme='dark'] .sf-c-burlywood\:30, html.dark .sf-c-burlywood\:30 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:35, html.dark .sf-c-burlywood\:35 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 65%) } -html[data-theme='dark'] .sf-c-burlywood\:40, html.dark .sf-c-burlywood\:40 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-burlywood\:45, html.dark .sf-c-burlywood\:45 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 55%) } -html[data-theme='dark'] .sf-c-burlywood\:50, html.dark .sf-c-burlywood\:50 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-burlywood\:55, html.dark .sf-c-burlywood\:55 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 45%) } -html[data-theme='dark'] .sf-c-burlywood\:60, html.dark .sf-c-burlywood\:60 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-burlywood\:65, html.dark .sf-c-burlywood\:65 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 35%) } -html[data-theme='dark'] .sf-c-burlywood\:70, html.dark .sf-c-burlywood\:70 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:75, html.dark .sf-c-burlywood\:75 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 25%) } -html[data-theme='dark'] .sf-c-burlywood\:80, html.dark .sf-c-burlywood\:80 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-burlywood\:85, html.dark .sf-c-burlywood\:85 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 15%) } -html[data-theme='dark'] .sf-c-burlywood\:90, html.dark .sf-c-burlywood\:90 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-burlywood\:95, html.dark .sf-c-burlywood\:95 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } -html[data-theme='dark'] .sf-c-burlywood\:100, html.dark .sf-c-burlywood\:100 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } - -html[data-theme='dark'] .sf-c-burlywood\:st, html.dark .sf-c-burlywood\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:0\:st, html.dark .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } -html[data-theme='dark'] .sf-c-burlywood\:5\:st, html.dark .sf-c-burlywood\:5\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } -html[data-theme='dark'] .sf-c-burlywood\:10\:st, html.dark .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-burlywood\:15\:st, html.dark .sf-c-burlywood\:15\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 15%) } -html[data-theme='dark'] .sf-c-burlywood\:20\:st, html.dark .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-burlywood\:25\:st, html.dark .sf-c-burlywood\:25\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 25%) } -html[data-theme='dark'] .sf-c-burlywood\:30\:st, html.dark .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-burlywood\:35\:st, html.dark .sf-c-burlywood\:35\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 35%) } -html[data-theme='dark'] .sf-c-burlywood\:40\:st, html.dark .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-burlywood\:45\:st, html.dark .sf-c-burlywood\:45\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 45%) } -html[data-theme='dark'] .sf-c-burlywood\:50\:st, html.dark .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-burlywood\:55\:st, html.dark .sf-c-burlywood\:55\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 55%) } -html[data-theme='dark'] .sf-c-burlywood\:60\:st, html.dark .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-burlywood\:65\:st, html.dark .sf-c-burlywood\:65\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 65%) } -html[data-theme='dark'] .sf-c-burlywood\:70\:st, html.dark .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-burlywood\:75\:st, html.dark .sf-c-burlywood\:75\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 75%) } -html[data-theme='dark'] .sf-c-burlywood\:80\:st, html.dark .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-burlywood\:85\:st, html.dark .sf-c-burlywood\:85\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 85%) } -html[data-theme='dark'] .sf-c-burlywood\:90\:st, html.dark .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-burlywood\:95\:st, html.dark .sf-c-burlywood\:95\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } -html[data-theme='dark'] .sf-c-burlywood\:100\:st, html.dark .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } - -html[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:5, html.dark .sf-c-txt-burlywood\:5 { color: hsl(34, 57%, 95%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:15, html.dark .sf-c-txt-burlywood\:15 { color: hsl(34, 57%, 85%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:25, html.dark .sf-c-txt-burlywood\:25 { color: hsl(34, 57%, 75%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:35, html.dark .sf-c-txt-burlywood\:35 { color: hsl(34, 57%, 65%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:45, html.dark .sf-c-txt-burlywood\:45 { color: hsl(34, 57%, 55%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:55, html.dark .sf-c-txt-burlywood\:55 { color: hsl(34, 57%, 45%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:65, html.dark .sf-c-txt-burlywood\:65 { color: hsl(34, 57%, 35%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:75, html.dark .sf-c-txt-burlywood\:75 { color: hsl(34, 57%, 25%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:85, html.dark .sf-c-txt-burlywood\:85 { color: hsl(34, 57%, 15%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:95, html.dark .sf-c-txt-burlywood\:95 { color: hsl(34, 57%, 5%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } - -html[data-theme='dark'] .sf-c-txt-burlywood\:st, html.dark .sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:0\:st, html.dark .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:5\:st, html.dark .sf-c-txt-burlywood\:5\:st { color: hsl(34, 57%, 5%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:10\:st, html.dark .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:15\:st, html.dark .sf-c-txt-burlywood\:15\:st { color: hsl(34, 57%, 15%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:20\:st, html.dark .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:25\:st, html.dark .sf-c-txt-burlywood\:25\:st { color: hsl(34, 57%, 25%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:30\:st, html.dark .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:35\:st, html.dark .sf-c-txt-burlywood\:35\:st { color: hsl(34, 57%, 35%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:40\:st, html.dark .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:45\:st, html.dark .sf-c-txt-burlywood\:45\:st { color: hsl(34, 57%, 45%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:50\:st, html.dark .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:55\:st, html.dark .sf-c-txt-burlywood\:55\:st { color: hsl(34, 57%, 55%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:60\:st, html.dark .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:65\:st, html.dark .sf-c-txt-burlywood\:65\:st { color: hsl(34, 57%, 65%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:70\:st, html.dark .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:75\:st, html.dark .sf-c-txt-burlywood\:75\:st { color: hsl(34, 57%, 75%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:80\:st, html.dark .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:85\:st, html.dark .sf-c-txt-burlywood\:85\:st { color: hsl(34, 57%, 85%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:90\:st, html.dark .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:95\:st, html.dark .sf-c-txt-burlywood\:95\:st { color: hsl(34, 57%, 95%) } -html[data-theme='dark'] .sf-c-txt-burlywood\:100\:st, html.dark .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-burlywood, html.auto .sf-c-burlywood { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:0, html.auto .sf-c-burlywood\:0 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } - html[data-theme='auto'] .sf-c-burlywood\:5, html.auto .sf-c-burlywood\:5 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } - html[data-theme='auto'] .sf-c-burlywood\:10, html.auto .sf-c-burlywood\:10 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-burlywood\:15, html.auto .sf-c-burlywood\:15 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 85%) } - html[data-theme='auto'] .sf-c-burlywood\:20, html.auto .sf-c-burlywood\:20 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-burlywood\:25, html.auto .sf-c-burlywood\:25 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 75%) } - html[data-theme='auto'] .sf-c-burlywood\:30, html.auto .sf-c-burlywood\:30 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:35, html.auto .sf-c-burlywood\:35 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 65%) } - html[data-theme='auto'] .sf-c-burlywood\:40, html.auto .sf-c-burlywood\:40 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-burlywood\:45, html.auto .sf-c-burlywood\:45 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 55%) } - html[data-theme='auto'] .sf-c-burlywood\:50, html.auto .sf-c-burlywood\:50 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-burlywood\:55, html.auto .sf-c-burlywood\:55 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 45%) } - html[data-theme='auto'] .sf-c-burlywood\:60, html.auto .sf-c-burlywood\:60 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-burlywood\:65, html.auto .sf-c-burlywood\:65 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 35%) } - html[data-theme='auto'] .sf-c-burlywood\:70, html.auto .sf-c-burlywood\:70 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:75, html.auto .sf-c-burlywood\:75 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 25%) } - html[data-theme='auto'] .sf-c-burlywood\:80, html.auto .sf-c-burlywood\:80 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-burlywood\:85, html.auto .sf-c-burlywood\:85 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 15%) } - html[data-theme='auto'] .sf-c-burlywood\:90, html.auto .sf-c-burlywood\:90 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-burlywood\:95, html.auto .sf-c-burlywood\:95 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } - html[data-theme='auto'] .sf-c-burlywood\:100, html.auto .sf-c-burlywood\:100 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } - - html[data-theme='auto'] .sf-c-burlywood\:st, html.auto .sf-c-burlywood\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:0\:st, html.auto .sf-c-burlywood\:0\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } - html[data-theme='auto'] .sf-c-burlywood\:5\:st, html.auto .sf-c-burlywood\:5\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } - html[data-theme='auto'] .sf-c-burlywood\:10\:st, html.auto .sf-c-burlywood\:10\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-burlywood\:15\:st, html.auto .sf-c-burlywood\:15\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 15%) } - html[data-theme='auto'] .sf-c-burlywood\:20\:st, html.auto .sf-c-burlywood\:20\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-burlywood\:25\:st, html.auto .sf-c-burlywood\:25\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 25%) } - html[data-theme='auto'] .sf-c-burlywood\:30\:st, html.auto .sf-c-burlywood\:30\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-burlywood\:35\:st, html.auto .sf-c-burlywood\:35\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 35%) } - html[data-theme='auto'] .sf-c-burlywood\:40\:st, html.auto .sf-c-burlywood\:40\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-burlywood\:45\:st, html.auto .sf-c-burlywood\:45\:st { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 45%) } - html[data-theme='auto'] .sf-c-burlywood\:50\:st, html.auto .sf-c-burlywood\:50\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-burlywood\:55\:st, html.auto .sf-c-burlywood\:55\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 55%) } - html[data-theme='auto'] .sf-c-burlywood\:60\:st, html.auto .sf-c-burlywood\:60\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-burlywood\:65\:st, html.auto .sf-c-burlywood\:65\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 65%) } - html[data-theme='auto'] .sf-c-burlywood\:70\:st, html.auto .sf-c-burlywood\:70\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-burlywood\:75\:st, html.auto .sf-c-burlywood\:75\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 75%) } - html[data-theme='auto'] .sf-c-burlywood\:80\:st, html.auto .sf-c-burlywood\:80\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-burlywood\:85\:st, html.auto .sf-c-burlywood\:85\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 85%) } - html[data-theme='auto'] .sf-c-burlywood\:90\:st, html.auto .sf-c-burlywood\:90\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-burlywood\:95\:st, html.auto .sf-c-burlywood\:95\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } - html[data-theme='auto'] .sf-c-burlywood\:100\:st, html.auto .sf-c-burlywood\:100\:st { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } - - html[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:5, html.auto .sf-c-txt-burlywood\:5 { color: hsl(34, 57%, 95%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:15, html.auto .sf-c-txt-burlywood\:15 { color: hsl(34, 57%, 85%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:25, html.auto .sf-c-txt-burlywood\:25 { color: hsl(34, 57%, 75%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:35, html.auto .sf-c-txt-burlywood\:35 { color: hsl(34, 57%, 65%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:45, html.auto .sf-c-txt-burlywood\:45 { color: hsl(34, 57%, 55%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:55, html.auto .sf-c-txt-burlywood\:55 { color: hsl(34, 57%, 45%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:65, html.auto .sf-c-txt-burlywood\:65 { color: hsl(34, 57%, 35%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:75, html.auto .sf-c-txt-burlywood\:75 { color: hsl(34, 57%, 25%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:85, html.auto .sf-c-txt-burlywood\:85 { color: hsl(34, 57%, 15%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:95, html.auto .sf-c-txt-burlywood\:95 { color: hsl(34, 57%, 5%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } - - html[data-theme='auto'] .sf-c-txt-burlywood\:st, html.auto .sf-c-txt-burlywood\:st { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:0\:st, html.auto .sf-c-txt-burlywood\:0\:st { color: hsl(34, 57%, 0%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:5\:st, html.auto .sf-c-txt-burlywood\:5\:st { color: hsl(34, 57%, 5%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:10\:st, html.auto .sf-c-txt-burlywood\:10\:st { color: hsl(34, 57%, 10%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:15\:st, html.auto .sf-c-txt-burlywood\:15\:st { color: hsl(34, 57%, 15%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:20\:st, html.auto .sf-c-txt-burlywood\:20\:st { color: hsl(34, 57%, 20%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:25\:st, html.auto .sf-c-txt-burlywood\:25\:st { color: hsl(34, 57%, 25%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:30\:st, html.auto .sf-c-txt-burlywood\:30\:st { color: hsl(34, 57%, 30%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:35\:st, html.auto .sf-c-txt-burlywood\:35\:st { color: hsl(34, 57%, 35%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:40\:st, html.auto .sf-c-txt-burlywood\:40\:st { color: hsl(34, 57%, 40%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:45\:st, html.auto .sf-c-txt-burlywood\:45\:st { color: hsl(34, 57%, 45%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:50\:st, html.auto .sf-c-txt-burlywood\:50\:st { color: hsl(34, 57%, 50%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:55\:st, html.auto .sf-c-txt-burlywood\:55\:st { color: hsl(34, 57%, 55%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:60\:st, html.auto .sf-c-txt-burlywood\:60\:st { color: hsl(34, 57%, 60%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:65\:st, html.auto .sf-c-txt-burlywood\:65\:st { color: hsl(34, 57%, 65%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:70\:st, html.auto .sf-c-txt-burlywood\:70\:st { color: hsl(34, 57%, 70%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:75\:st, html.auto .sf-c-txt-burlywood\:75\:st { color: hsl(34, 57%, 75%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:80\:st, html.auto .sf-c-txt-burlywood\:80\:st { color: hsl(34, 57%, 80%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:85\:st, html.auto .sf-c-txt-burlywood\:85\:st { color: hsl(34, 57%, 85%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:90\:st, html.auto .sf-c-txt-burlywood\:90\:st { color: hsl(34, 57%, 90%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:95\:st, html.auto .sf-c-txt-burlywood\:95\:st { color: hsl(34, 57%, 95%) } - html[data-theme='auto'] .sf-c-txt-burlywood\:100\:st, html.auto .sf-c-txt-burlywood\:100\:st { color: hsl(34, 57%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/cadetblue.css b/src/colors/20/cadetblue.css deleted file mode 100644 index b3aa7fb..0000000 --- a/src/colors/20/cadetblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-cadetblue { - --sf-c-cadetblue: 182 25% 50%; - --sf-c-cadetblue-0: 182 25% 0%; - --sf-c-cadetblue-5: 182 25% 5%; - --sf-c-cadetblue-10: 182 25% 10%; - --sf-c-cadetblue-15: 182 25% 15%; - --sf-c-cadetblue-20: 182 25% 20%; - --sf-c-cadetblue-25: 182 25% 25%; - --sf-c-cadetblue-30: 182 25% 30%; - --sf-c-cadetblue-35: 182 25% 35%; - --sf-c-cadetblue-40: 182 25% 40%; - --sf-c-cadetblue-45: 182 25% 45%; - --sf-c-cadetblue-50: 182 25% 50%; - --sf-c-cadetblue-55: 182 25% 55%; - --sf-c-cadetblue-60: 182 25% 60%; - --sf-c-cadetblue-65: 182 25% 65%; - --sf-c-cadetblue-70: 182 25% 70%; - --sf-c-cadetblue-75: 182 25% 75%; - --sf-c-cadetblue-80: 182 25% 80%; - --sf-c-cadetblue-85: 182 25% 85%; - --sf-c-cadetblue-90: 182 25% 90%; - --sf-c-cadetblue-95: 182 25% 95%; - --sf-c-cadetblue-100: 182 25% 100%; -} - -.sf-c-cadetblue, .sf-c-cadetblue\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -.sf-c-cadetblue\:0, .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } -.sf-c-cadetblue\:5, .sf-c-cadetblue\:5\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } -.sf-c-cadetblue\:10, .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } -.sf-c-cadetblue\:15, .sf-c-cadetblue\:15\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 15%) } -.sf-c-cadetblue\:20, .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 20%) } -.sf-c-cadetblue\:25, .sf-c-cadetblue\:25\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 25%) } -.sf-c-cadetblue\:30, .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 30%) } -.sf-c-cadetblue\:35, .sf-c-cadetblue\:35\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 35%) } -.sf-c-cadetblue\:40, .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 40%) } -.sf-c-cadetblue\:45, .sf-c-cadetblue\:45\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 45%) } -.sf-c-cadetblue\:50, .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -.sf-c-cadetblue\:55, .sf-c-cadetblue\:55\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 55%) } -.sf-c-cadetblue\:60, .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 60%) } -.sf-c-cadetblue\:65, .sf-c-cadetblue\:65\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 65%) } -.sf-c-cadetblue\:70, .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 70%) } -.sf-c-cadetblue\:75, .sf-c-cadetblue\:75\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 75%) } -.sf-c-cadetblue\:80, .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 80%) } -.sf-c-cadetblue\:85, .sf-c-cadetblue\:85\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 85%) } -.sf-c-cadetblue\:90, .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 90%) } -.sf-c-cadetblue\:95, .sf-c-cadetblue\:95\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } -.sf-c-cadetblue\:100, .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } - -.sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:0, .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } -.sf-c-txt-cadetblue\:5, .sf-c-txt-cadetblue\:5\:st { color: hsl(182, 25%, 5%) } -.sf-c-txt-cadetblue\:10, .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } -.sf-c-txt-cadetblue\:15, .sf-c-txt-cadetblue\:15\:st { color: hsl(182, 25%, 15%) } -.sf-c-txt-cadetblue\:20, .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } -.sf-c-txt-cadetblue\:25, .sf-c-txt-cadetblue\:25\:st { color: hsl(182, 25%, 25%) } -.sf-c-txt-cadetblue\:30, .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } -.sf-c-txt-cadetblue\:35, .sf-c-txt-cadetblue\:35\:st { color: hsl(182, 25%, 35%) } -.sf-c-txt-cadetblue\:40, .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } -.sf-c-txt-cadetblue\:45, .sf-c-txt-cadetblue\:45\:st { color: hsl(182, 25%, 45%) } -.sf-c-txt-cadetblue\:50, .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } -.sf-c-txt-cadetblue\:55, .sf-c-txt-cadetblue\:55\:st { color: hsl(182, 25%, 55%) } -.sf-c-txt-cadetblue\:60, .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } -.sf-c-txt-cadetblue\:65, .sf-c-txt-cadetblue\:65\:st { color: hsl(182, 25%, 65%) } -.sf-c-txt-cadetblue\:70, .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } -.sf-c-txt-cadetblue\:75, .sf-c-txt-cadetblue\:75\:st { color: hsl(182, 25%, 75%) } -.sf-c-txt-cadetblue\:80, .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } -.sf-c-txt-cadetblue\:85, .sf-c-txt-cadetblue\:85\:st { color: hsl(182, 25%, 85%) } -.sf-c-txt-cadetblue\:90, .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } -.sf-c-txt-cadetblue\:95, .sf-c-txt-cadetblue\:95\:st { color: hsl(182, 25%, 95%) } -.sf-c-txt-cadetblue\:100, .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } - -html[data-theme='dark'] .sf-c-cadetblue, html.dark .sf-c-cadetblue { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:0, html.dark .sf-c-cadetblue\:0 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } -html[data-theme='dark'] .sf-c-cadetblue\:5, html.dark .sf-c-cadetblue\:5 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } -html[data-theme='dark'] .sf-c-cadetblue\:10, html.dark .sf-c-cadetblue\:10 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-cadetblue\:15, html.dark .sf-c-cadetblue\:15 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 85%) } -html[data-theme='dark'] .sf-c-cadetblue\:20, html.dark .sf-c-cadetblue\:20 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-cadetblue\:25, html.dark .sf-c-cadetblue\:25 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 75%) } -html[data-theme='dark'] .sf-c-cadetblue\:30, html.dark .sf-c-cadetblue\:30 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-cadetblue\:35, html.dark .sf-c-cadetblue\:35 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 65%) } -html[data-theme='dark'] .sf-c-cadetblue\:40, html.dark .sf-c-cadetblue\:40 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-cadetblue\:45, html.dark .sf-c-cadetblue\:45 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 55%) } -html[data-theme='dark'] .sf-c-cadetblue\:50, html.dark .sf-c-cadetblue\:50 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:55, html.dark .sf-c-cadetblue\:55 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 45%) } -html[data-theme='dark'] .sf-c-cadetblue\:60, html.dark .sf-c-cadetblue\:60 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-cadetblue\:65, html.dark .sf-c-cadetblue\:65 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 35%) } -html[data-theme='dark'] .sf-c-cadetblue\:70, html.dark .sf-c-cadetblue\:70 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-cadetblue\:75, html.dark .sf-c-cadetblue\:75 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 25%) } -html[data-theme='dark'] .sf-c-cadetblue\:80, html.dark .sf-c-cadetblue\:80 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-cadetblue\:85, html.dark .sf-c-cadetblue\:85 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 15%) } -html[data-theme='dark'] .sf-c-cadetblue\:90, html.dark .sf-c-cadetblue\:90 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-cadetblue\:95, html.dark .sf-c-cadetblue\:95 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } -html[data-theme='dark'] .sf-c-cadetblue\:100, html.dark .sf-c-cadetblue\:100 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } - -html[data-theme='dark'] .sf-c-cadetblue\:st, html.dark .sf-c-cadetblue\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:0\:st, html.dark .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } -html[data-theme='dark'] .sf-c-cadetblue\:5\:st, html.dark .sf-c-cadetblue\:5\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } -html[data-theme='dark'] .sf-c-cadetblue\:10\:st, html.dark .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-cadetblue\:15\:st, html.dark .sf-c-cadetblue\:15\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 15%) } -html[data-theme='dark'] .sf-c-cadetblue\:20\:st, html.dark .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-cadetblue\:25\:st, html.dark .sf-c-cadetblue\:25\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 25%) } -html[data-theme='dark'] .sf-c-cadetblue\:30\:st, html.dark .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-cadetblue\:35\:st, html.dark .sf-c-cadetblue\:35\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 35%) } -html[data-theme='dark'] .sf-c-cadetblue\:40\:st, html.dark .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-cadetblue\:45\:st, html.dark .sf-c-cadetblue\:45\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 45%) } -html[data-theme='dark'] .sf-c-cadetblue\:50\:st, html.dark .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-cadetblue\:55\:st, html.dark .sf-c-cadetblue\:55\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 55%) } -html[data-theme='dark'] .sf-c-cadetblue\:60\:st, html.dark .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-cadetblue\:65\:st, html.dark .sf-c-cadetblue\:65\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 65%) } -html[data-theme='dark'] .sf-c-cadetblue\:70\:st, html.dark .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-cadetblue\:75\:st, html.dark .sf-c-cadetblue\:75\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 75%) } -html[data-theme='dark'] .sf-c-cadetblue\:80\:st, html.dark .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-cadetblue\:85\:st, html.dark .sf-c-cadetblue\:85\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 85%) } -html[data-theme='dark'] .sf-c-cadetblue\:90\:st, html.dark .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-cadetblue\:95\:st, html.dark .sf-c-cadetblue\:95\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } -html[data-theme='dark'] .sf-c-cadetblue\:100\:st, html.dark .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:5, html.dark .sf-c-txt-cadetblue\:5 { color: hsl(182, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:15, html.dark .sf-c-txt-cadetblue\:15 { color: hsl(182, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:25, html.dark .sf-c-txt-cadetblue\:25 { color: hsl(182, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:35, html.dark .sf-c-txt-cadetblue\:35 { color: hsl(182, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:45, html.dark .sf-c-txt-cadetblue\:45 { color: hsl(182, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:55, html.dark .sf-c-txt-cadetblue\:55 { color: hsl(182, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:65, html.dark .sf-c-txt-cadetblue\:65 { color: hsl(182, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:75, html.dark .sf-c-txt-cadetblue\:75 { color: hsl(182, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:85, html.dark .sf-c-txt-cadetblue\:85 { color: hsl(182, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:95, html.dark .sf-c-txt-cadetblue\:95 { color: hsl(182, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cadetblue\:st, html.dark .sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:0\:st, html.dark .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:5\:st, html.dark .sf-c-txt-cadetblue\:5\:st { color: hsl(182, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:10\:st, html.dark .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:15\:st, html.dark .sf-c-txt-cadetblue\:15\:st { color: hsl(182, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:20\:st, html.dark .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:25\:st, html.dark .sf-c-txt-cadetblue\:25\:st { color: hsl(182, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:30\:st, html.dark .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:35\:st, html.dark .sf-c-txt-cadetblue\:35\:st { color: hsl(182, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:40\:st, html.dark .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:45\:st, html.dark .sf-c-txt-cadetblue\:45\:st { color: hsl(182, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:50\:st, html.dark .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:55\:st, html.dark .sf-c-txt-cadetblue\:55\:st { color: hsl(182, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:60\:st, html.dark .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:65\:st, html.dark .sf-c-txt-cadetblue\:65\:st { color: hsl(182, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:70\:st, html.dark .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:75\:st, html.dark .sf-c-txt-cadetblue\:75\:st { color: hsl(182, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:80\:st, html.dark .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:85\:st, html.dark .sf-c-txt-cadetblue\:85\:st { color: hsl(182, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:90\:st, html.dark .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:95\:st, html.dark .sf-c-txt-cadetblue\:95\:st { color: hsl(182, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-cadetblue\:100\:st, html.dark .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cadetblue, html.auto .sf-c-cadetblue { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:0, html.auto .sf-c-cadetblue\:0 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } - html[data-theme='auto'] .sf-c-cadetblue\:5, html.auto .sf-c-cadetblue\:5 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } - html[data-theme='auto'] .sf-c-cadetblue\:10, html.auto .sf-c-cadetblue\:10 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-cadetblue\:15, html.auto .sf-c-cadetblue\:15 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 85%) } - html[data-theme='auto'] .sf-c-cadetblue\:20, html.auto .sf-c-cadetblue\:20 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-cadetblue\:25, html.auto .sf-c-cadetblue\:25 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 75%) } - html[data-theme='auto'] .sf-c-cadetblue\:30, html.auto .sf-c-cadetblue\:30 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-cadetblue\:35, html.auto .sf-c-cadetblue\:35 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 65%) } - html[data-theme='auto'] .sf-c-cadetblue\:40, html.auto .sf-c-cadetblue\:40 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-cadetblue\:45, html.auto .sf-c-cadetblue\:45 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 55%) } - html[data-theme='auto'] .sf-c-cadetblue\:50, html.auto .sf-c-cadetblue\:50 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:55, html.auto .sf-c-cadetblue\:55 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 45%) } - html[data-theme='auto'] .sf-c-cadetblue\:60, html.auto .sf-c-cadetblue\:60 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-cadetblue\:65, html.auto .sf-c-cadetblue\:65 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 35%) } - html[data-theme='auto'] .sf-c-cadetblue\:70, html.auto .sf-c-cadetblue\:70 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-cadetblue\:75, html.auto .sf-c-cadetblue\:75 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 25%) } - html[data-theme='auto'] .sf-c-cadetblue\:80, html.auto .sf-c-cadetblue\:80 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-cadetblue\:85, html.auto .sf-c-cadetblue\:85 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 15%) } - html[data-theme='auto'] .sf-c-cadetblue\:90, html.auto .sf-c-cadetblue\:90 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-cadetblue\:95, html.auto .sf-c-cadetblue\:95 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } - html[data-theme='auto'] .sf-c-cadetblue\:100, html.auto .sf-c-cadetblue\:100 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } - - html[data-theme='auto'] .sf-c-cadetblue\:st, html.auto .sf-c-cadetblue\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:0\:st, html.auto .sf-c-cadetblue\:0\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } - html[data-theme='auto'] .sf-c-cadetblue\:5\:st, html.auto .sf-c-cadetblue\:5\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } - html[data-theme='auto'] .sf-c-cadetblue\:10\:st, html.auto .sf-c-cadetblue\:10\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-cadetblue\:15\:st, html.auto .sf-c-cadetblue\:15\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 15%) } - html[data-theme='auto'] .sf-c-cadetblue\:20\:st, html.auto .sf-c-cadetblue\:20\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-cadetblue\:25\:st, html.auto .sf-c-cadetblue\:25\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 25%) } - html[data-theme='auto'] .sf-c-cadetblue\:30\:st, html.auto .sf-c-cadetblue\:30\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-cadetblue\:35\:st, html.auto .sf-c-cadetblue\:35\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 35%) } - html[data-theme='auto'] .sf-c-cadetblue\:40\:st, html.auto .sf-c-cadetblue\:40\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-cadetblue\:45\:st, html.auto .sf-c-cadetblue\:45\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 45%) } - html[data-theme='auto'] .sf-c-cadetblue\:50\:st, html.auto .sf-c-cadetblue\:50\:st { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-cadetblue\:55\:st, html.auto .sf-c-cadetblue\:55\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 55%) } - html[data-theme='auto'] .sf-c-cadetblue\:60\:st, html.auto .sf-c-cadetblue\:60\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-cadetblue\:65\:st, html.auto .sf-c-cadetblue\:65\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 65%) } - html[data-theme='auto'] .sf-c-cadetblue\:70\:st, html.auto .sf-c-cadetblue\:70\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-cadetblue\:75\:st, html.auto .sf-c-cadetblue\:75\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 75%) } - html[data-theme='auto'] .sf-c-cadetblue\:80\:st, html.auto .sf-c-cadetblue\:80\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-cadetblue\:85\:st, html.auto .sf-c-cadetblue\:85\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 85%) } - html[data-theme='auto'] .sf-c-cadetblue\:90\:st, html.auto .sf-c-cadetblue\:90\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-cadetblue\:95\:st, html.auto .sf-c-cadetblue\:95\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } - html[data-theme='auto'] .sf-c-cadetblue\:100\:st, html.auto .sf-c-cadetblue\:100\:st { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:5, html.auto .sf-c-txt-cadetblue\:5 { color: hsl(182, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:15, html.auto .sf-c-txt-cadetblue\:15 { color: hsl(182, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:25, html.auto .sf-c-txt-cadetblue\:25 { color: hsl(182, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:35, html.auto .sf-c-txt-cadetblue\:35 { color: hsl(182, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:45, html.auto .sf-c-txt-cadetblue\:45 { color: hsl(182, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:55, html.auto .sf-c-txt-cadetblue\:55 { color: hsl(182, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:65, html.auto .sf-c-txt-cadetblue\:65 { color: hsl(182, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:75, html.auto .sf-c-txt-cadetblue\:75 { color: hsl(182, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:85, html.auto .sf-c-txt-cadetblue\:85 { color: hsl(182, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:95, html.auto .sf-c-txt-cadetblue\:95 { color: hsl(182, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cadetblue\:st, html.auto .sf-c-txt-cadetblue\:st { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:0\:st, html.auto .sf-c-txt-cadetblue\:0\:st { color: hsl(182, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:5\:st, html.auto .sf-c-txt-cadetblue\:5\:st { color: hsl(182, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:10\:st, html.auto .sf-c-txt-cadetblue\:10\:st { color: hsl(182, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:15\:st, html.auto .sf-c-txt-cadetblue\:15\:st { color: hsl(182, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:20\:st, html.auto .sf-c-txt-cadetblue\:20\:st { color: hsl(182, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:25\:st, html.auto .sf-c-txt-cadetblue\:25\:st { color: hsl(182, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:30\:st, html.auto .sf-c-txt-cadetblue\:30\:st { color: hsl(182, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:35\:st, html.auto .sf-c-txt-cadetblue\:35\:st { color: hsl(182, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:40\:st, html.auto .sf-c-txt-cadetblue\:40\:st { color: hsl(182, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:45\:st, html.auto .sf-c-txt-cadetblue\:45\:st { color: hsl(182, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:50\:st, html.auto .sf-c-txt-cadetblue\:50\:st { color: hsl(182, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:55\:st, html.auto .sf-c-txt-cadetblue\:55\:st { color: hsl(182, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:60\:st, html.auto .sf-c-txt-cadetblue\:60\:st { color: hsl(182, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:65\:st, html.auto .sf-c-txt-cadetblue\:65\:st { color: hsl(182, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:70\:st, html.auto .sf-c-txt-cadetblue\:70\:st { color: hsl(182, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:75\:st, html.auto .sf-c-txt-cadetblue\:75\:st { color: hsl(182, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:80\:st, html.auto .sf-c-txt-cadetblue\:80\:st { color: hsl(182, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:85\:st, html.auto .sf-c-txt-cadetblue\:85\:st { color: hsl(182, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:90\:st, html.auto .sf-c-txt-cadetblue\:90\:st { color: hsl(182, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:95\:st, html.auto .sf-c-txt-cadetblue\:95\:st { color: hsl(182, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-cadetblue\:100\:st, html.auto .sf-c-txt-cadetblue\:100\:st { color: hsl(182, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/chartreuse.css b/src/colors/20/chartreuse.css deleted file mode 100644 index 6ee991b..0000000 --- a/src/colors/20/chartreuse.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-chartreuse { - --sf-c-chartreuse: 90 100% 50%; - --sf-c-chartreuse-0: 90 100% 0%; - --sf-c-chartreuse-5: 90 100% 5%; - --sf-c-chartreuse-10: 90 100% 10%; - --sf-c-chartreuse-15: 90 100% 15%; - --sf-c-chartreuse-20: 90 100% 20%; - --sf-c-chartreuse-25: 90 100% 25%; - --sf-c-chartreuse-30: 90 100% 30%; - --sf-c-chartreuse-35: 90 100% 35%; - --sf-c-chartreuse-40: 90 100% 40%; - --sf-c-chartreuse-45: 90 100% 45%; - --sf-c-chartreuse-50: 90 100% 50%; - --sf-c-chartreuse-55: 90 100% 55%; - --sf-c-chartreuse-60: 90 100% 60%; - --sf-c-chartreuse-65: 90 100% 65%; - --sf-c-chartreuse-70: 90 100% 70%; - --sf-c-chartreuse-75: 90 100% 75%; - --sf-c-chartreuse-80: 90 100% 80%; - --sf-c-chartreuse-85: 90 100% 85%; - --sf-c-chartreuse-90: 90 100% 90%; - --sf-c-chartreuse-95: 90 100% 95%; - --sf-c-chartreuse-100: 90 100% 100%; -} - -.sf-c-chartreuse, .sf-c-chartreuse\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -.sf-c-chartreuse\:0, .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -.sf-c-chartreuse\:5, .sf-c-chartreuse\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -.sf-c-chartreuse\:10, .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -.sf-c-chartreuse\:15, .sf-c-chartreuse\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -.sf-c-chartreuse\:20, .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -.sf-c-chartreuse\:25, .sf-c-chartreuse\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -.sf-c-chartreuse\:30, .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -.sf-c-chartreuse\:35, .sf-c-chartreuse\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -.sf-c-chartreuse\:40, .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -.sf-c-chartreuse\:45, .sf-c-chartreuse\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -.sf-c-chartreuse\:50, .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -.sf-c-chartreuse\:55, .sf-c-chartreuse\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -.sf-c-chartreuse\:60, .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -.sf-c-chartreuse\:65, .sf-c-chartreuse\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -.sf-c-chartreuse\:70, .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -.sf-c-chartreuse\:75, .sf-c-chartreuse\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -.sf-c-chartreuse\:80, .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -.sf-c-chartreuse\:85, .sf-c-chartreuse\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -.sf-c-chartreuse\:90, .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -.sf-c-chartreuse\:95, .sf-c-chartreuse\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -.sf-c-chartreuse\:100, .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - -.sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:0, .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } -.sf-c-txt-chartreuse\:5, .sf-c-txt-chartreuse\:5\:st { color: hsl(90, 100%, 5%) } -.sf-c-txt-chartreuse\:10, .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } -.sf-c-txt-chartreuse\:15, .sf-c-txt-chartreuse\:15\:st { color: hsl(90, 100%, 15%) } -.sf-c-txt-chartreuse\:20, .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } -.sf-c-txt-chartreuse\:25, .sf-c-txt-chartreuse\:25\:st { color: hsl(90, 100%, 25%) } -.sf-c-txt-chartreuse\:30, .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } -.sf-c-txt-chartreuse\:35, .sf-c-txt-chartreuse\:35\:st { color: hsl(90, 100%, 35%) } -.sf-c-txt-chartreuse\:40, .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } -.sf-c-txt-chartreuse\:45, .sf-c-txt-chartreuse\:45\:st { color: hsl(90, 100%, 45%) } -.sf-c-txt-chartreuse\:50, .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-chartreuse\:55, .sf-c-txt-chartreuse\:55\:st { color: hsl(90, 100%, 55%) } -.sf-c-txt-chartreuse\:60, .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } -.sf-c-txt-chartreuse\:65, .sf-c-txt-chartreuse\:65\:st { color: hsl(90, 100%, 65%) } -.sf-c-txt-chartreuse\:70, .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } -.sf-c-txt-chartreuse\:75, .sf-c-txt-chartreuse\:75\:st { color: hsl(90, 100%, 75%) } -.sf-c-txt-chartreuse\:80, .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } -.sf-c-txt-chartreuse\:85, .sf-c-txt-chartreuse\:85\:st { color: hsl(90, 100%, 85%) } -.sf-c-txt-chartreuse\:90, .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } -.sf-c-txt-chartreuse\:95, .sf-c-txt-chartreuse\:95\:st { color: hsl(90, 100%, 95%) } -.sf-c-txt-chartreuse\:100, .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-chartreuse, html.dark .sf-c-chartreuse { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:0, html.dark .sf-c-chartreuse\:0 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-chartreuse\:5, html.dark .sf-c-chartreuse\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-chartreuse\:10, html.dark .sf-c-chartreuse\:10 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-chartreuse\:15, html.dark .sf-c-chartreuse\:15 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-chartreuse\:20, html.dark .sf-c-chartreuse\:20 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-chartreuse\:25, html.dark .sf-c-chartreuse\:25 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-chartreuse\:30, html.dark .sf-c-chartreuse\:30 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-chartreuse\:35, html.dark .sf-c-chartreuse\:35 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-chartreuse\:40, html.dark .sf-c-chartreuse\:40 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-chartreuse\:45, html.dark .sf-c-chartreuse\:45 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-chartreuse\:50, html.dark .sf-c-chartreuse\:50 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:55, html.dark .sf-c-chartreuse\:55 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-chartreuse\:60, html.dark .sf-c-chartreuse\:60 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-chartreuse\:65, html.dark .sf-c-chartreuse\:65 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-chartreuse\:70, html.dark .sf-c-chartreuse\:70 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-chartreuse\:75, html.dark .sf-c-chartreuse\:75 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-chartreuse\:80, html.dark .sf-c-chartreuse\:80 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-chartreuse\:85, html.dark .sf-c-chartreuse\:85 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-chartreuse\:90, html.dark .sf-c-chartreuse\:90 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-chartreuse\:95, html.dark .sf-c-chartreuse\:95 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-chartreuse\:100, html.dark .sf-c-chartreuse\:100 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-chartreuse\:st, html.dark .sf-c-chartreuse\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:0\:st, html.dark .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-chartreuse\:5\:st, html.dark .sf-c-chartreuse\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-chartreuse\:10\:st, html.dark .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-chartreuse\:15\:st, html.dark .sf-c-chartreuse\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-chartreuse\:20\:st, html.dark .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-chartreuse\:25\:st, html.dark .sf-c-chartreuse\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-chartreuse\:30\:st, html.dark .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-chartreuse\:35\:st, html.dark .sf-c-chartreuse\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-chartreuse\:40\:st, html.dark .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-chartreuse\:45\:st, html.dark .sf-c-chartreuse\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-chartreuse\:50\:st, html.dark .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-chartreuse\:55\:st, html.dark .sf-c-chartreuse\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-chartreuse\:60\:st, html.dark .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-chartreuse\:65\:st, html.dark .sf-c-chartreuse\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-chartreuse\:70\:st, html.dark .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-chartreuse\:75\:st, html.dark .sf-c-chartreuse\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-chartreuse\:80\:st, html.dark .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-chartreuse\:85\:st, html.dark .sf-c-chartreuse\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-chartreuse\:90\:st, html.dark .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-chartreuse\:95\:st, html.dark .sf-c-chartreuse\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-chartreuse\:100\:st, html.dark .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:5, html.dark .sf-c-txt-chartreuse\:5 { color: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:15, html.dark .sf-c-txt-chartreuse\:15 { color: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:25, html.dark .sf-c-txt-chartreuse\:25 { color: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:35, html.dark .sf-c-txt-chartreuse\:35 { color: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:45, html.dark .sf-c-txt-chartreuse\:45 { color: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:55, html.dark .sf-c-txt-chartreuse\:55 { color: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:65, html.dark .sf-c-txt-chartreuse\:65 { color: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:75, html.dark .sf-c-txt-chartreuse\:75 { color: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:85, html.dark .sf-c-txt-chartreuse\:85 { color: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:95, html.dark .sf-c-txt-chartreuse\:95 { color: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-chartreuse\:st, html.dark .sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:0\:st, html.dark .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:5\:st, html.dark .sf-c-txt-chartreuse\:5\:st { color: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:10\:st, html.dark .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:15\:st, html.dark .sf-c-txt-chartreuse\:15\:st { color: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:20\:st, html.dark .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:25\:st, html.dark .sf-c-txt-chartreuse\:25\:st { color: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:30\:st, html.dark .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:35\:st, html.dark .sf-c-txt-chartreuse\:35\:st { color: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:40\:st, html.dark .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:45\:st, html.dark .sf-c-txt-chartreuse\:45\:st { color: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:50\:st, html.dark .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:55\:st, html.dark .sf-c-txt-chartreuse\:55\:st { color: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:60\:st, html.dark .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:65\:st, html.dark .sf-c-txt-chartreuse\:65\:st { color: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:70\:st, html.dark .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:75\:st, html.dark .sf-c-txt-chartreuse\:75\:st { color: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:80\:st, html.dark .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:85\:st, html.dark .sf-c-txt-chartreuse\:85\:st { color: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:90\:st, html.dark .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:95\:st, html.dark .sf-c-txt-chartreuse\:95\:st { color: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-chartreuse\:100\:st, html.dark .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-chartreuse, html.auto .sf-c-chartreuse { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:0, html.auto .sf-c-chartreuse\:0 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-chartreuse\:5, html.auto .sf-c-chartreuse\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-chartreuse\:10, html.auto .sf-c-chartreuse\:10 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-chartreuse\:15, html.auto .sf-c-chartreuse\:15 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-chartreuse\:20, html.auto .sf-c-chartreuse\:20 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-chartreuse\:25, html.auto .sf-c-chartreuse\:25 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-chartreuse\:30, html.auto .sf-c-chartreuse\:30 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-chartreuse\:35, html.auto .sf-c-chartreuse\:35 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-chartreuse\:40, html.auto .sf-c-chartreuse\:40 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-chartreuse\:45, html.auto .sf-c-chartreuse\:45 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-chartreuse\:50, html.auto .sf-c-chartreuse\:50 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:55, html.auto .sf-c-chartreuse\:55 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-chartreuse\:60, html.auto .sf-c-chartreuse\:60 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-chartreuse\:65, html.auto .sf-c-chartreuse\:65 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-chartreuse\:70, html.auto .sf-c-chartreuse\:70 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-chartreuse\:75, html.auto .sf-c-chartreuse\:75 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-chartreuse\:80, html.auto .sf-c-chartreuse\:80 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-chartreuse\:85, html.auto .sf-c-chartreuse\:85 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-chartreuse\:90, html.auto .sf-c-chartreuse\:90 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-chartreuse\:95, html.auto .sf-c-chartreuse\:95 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-chartreuse\:100, html.auto .sf-c-chartreuse\:100 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-chartreuse\:st, html.auto .sf-c-chartreuse\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:0\:st, html.auto .sf-c-chartreuse\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-chartreuse\:5\:st, html.auto .sf-c-chartreuse\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-chartreuse\:10\:st, html.auto .sf-c-chartreuse\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-chartreuse\:15\:st, html.auto .sf-c-chartreuse\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-chartreuse\:20\:st, html.auto .sf-c-chartreuse\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-chartreuse\:25\:st, html.auto .sf-c-chartreuse\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-chartreuse\:30\:st, html.auto .sf-c-chartreuse\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-chartreuse\:35\:st, html.auto .sf-c-chartreuse\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-chartreuse\:40\:st, html.auto .sf-c-chartreuse\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-chartreuse\:45\:st, html.auto .sf-c-chartreuse\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-chartreuse\:50\:st, html.auto .sf-c-chartreuse\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-chartreuse\:55\:st, html.auto .sf-c-chartreuse\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-chartreuse\:60\:st, html.auto .sf-c-chartreuse\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-chartreuse\:65\:st, html.auto .sf-c-chartreuse\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-chartreuse\:70\:st, html.auto .sf-c-chartreuse\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-chartreuse\:75\:st, html.auto .sf-c-chartreuse\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-chartreuse\:80\:st, html.auto .sf-c-chartreuse\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-chartreuse\:85\:st, html.auto .sf-c-chartreuse\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-chartreuse\:90\:st, html.auto .sf-c-chartreuse\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-chartreuse\:95\:st, html.auto .sf-c-chartreuse\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-chartreuse\:100\:st, html.auto .sf-c-chartreuse\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:5, html.auto .sf-c-txt-chartreuse\:5 { color: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:15, html.auto .sf-c-txt-chartreuse\:15 { color: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:25, html.auto .sf-c-txt-chartreuse\:25 { color: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:35, html.auto .sf-c-txt-chartreuse\:35 { color: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:45, html.auto .sf-c-txt-chartreuse\:45 { color: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:55, html.auto .sf-c-txt-chartreuse\:55 { color: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:65, html.auto .sf-c-txt-chartreuse\:65 { color: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:75, html.auto .sf-c-txt-chartreuse\:75 { color: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:85, html.auto .sf-c-txt-chartreuse\:85 { color: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:95, html.auto .sf-c-txt-chartreuse\:95 { color: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-chartreuse\:st, html.auto .sf-c-txt-chartreuse\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:0\:st, html.auto .sf-c-txt-chartreuse\:0\:st { color: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:5\:st, html.auto .sf-c-txt-chartreuse\:5\:st { color: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:10\:st, html.auto .sf-c-txt-chartreuse\:10\:st { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:15\:st, html.auto .sf-c-txt-chartreuse\:15\:st { color: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:20\:st, html.auto .sf-c-txt-chartreuse\:20\:st { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:25\:st, html.auto .sf-c-txt-chartreuse\:25\:st { color: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:30\:st, html.auto .sf-c-txt-chartreuse\:30\:st { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:35\:st, html.auto .sf-c-txt-chartreuse\:35\:st { color: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:40\:st, html.auto .sf-c-txt-chartreuse\:40\:st { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:45\:st, html.auto .sf-c-txt-chartreuse\:45\:st { color: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:50\:st, html.auto .sf-c-txt-chartreuse\:50\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:55\:st, html.auto .sf-c-txt-chartreuse\:55\:st { color: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:60\:st, html.auto .sf-c-txt-chartreuse\:60\:st { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:65\:st, html.auto .sf-c-txt-chartreuse\:65\:st { color: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:70\:st, html.auto .sf-c-txt-chartreuse\:70\:st { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:75\:st, html.auto .sf-c-txt-chartreuse\:75\:st { color: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:80\:st, html.auto .sf-c-txt-chartreuse\:80\:st { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:85\:st, html.auto .sf-c-txt-chartreuse\:85\:st { color: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:90\:st, html.auto .sf-c-txt-chartreuse\:90\:st { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:95\:st, html.auto .sf-c-txt-chartreuse\:95\:st { color: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-chartreuse\:100\:st, html.auto .sf-c-txt-chartreuse\:100\:st { color: hsl(90, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/chocolate.css b/src/colors/20/chocolate.css deleted file mode 100644 index 91dd207..0000000 --- a/src/colors/20/chocolate.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-chocolate { - --sf-c-chocolate: 25 75% 47%; - --sf-c-chocolate-0: 25 75% 0%; - --sf-c-chocolate-5: 25 75% 5%; - --sf-c-chocolate-10: 25 75% 10%; - --sf-c-chocolate-15: 25 75% 15%; - --sf-c-chocolate-20: 25 75% 20%; - --sf-c-chocolate-25: 25 75% 25%; - --sf-c-chocolate-30: 25 75% 30%; - --sf-c-chocolate-35: 25 75% 35%; - --sf-c-chocolate-40: 25 75% 40%; - --sf-c-chocolate-45: 25 75% 45%; - --sf-c-chocolate-50: 25 75% 50%; - --sf-c-chocolate-55: 25 75% 55%; - --sf-c-chocolate-60: 25 75% 60%; - --sf-c-chocolate-65: 25 75% 65%; - --sf-c-chocolate-70: 25 75% 70%; - --sf-c-chocolate-75: 25 75% 75%; - --sf-c-chocolate-80: 25 75% 80%; - --sf-c-chocolate-85: 25 75% 85%; - --sf-c-chocolate-90: 25 75% 90%; - --sf-c-chocolate-95: 25 75% 95%; - --sf-c-chocolate-100: 25 75% 100%; -} - -.sf-c-chocolate, .sf-c-chocolate\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 47%) } -.sf-c-chocolate\:0, .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } -.sf-c-chocolate\:5, .sf-c-chocolate\:5\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } -.sf-c-chocolate\:10, .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } -.sf-c-chocolate\:15, .sf-c-chocolate\:15\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 15%) } -.sf-c-chocolate\:20, .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 20%) } -.sf-c-chocolate\:25, .sf-c-chocolate\:25\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 25%) } -.sf-c-chocolate\:30, .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 30%) } -.sf-c-chocolate\:35, .sf-c-chocolate\:35\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 35%) } -.sf-c-chocolate\:40, .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 40%) } -.sf-c-chocolate\:45, .sf-c-chocolate\:45\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 45%) } -.sf-c-chocolate\:50, .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 50%) } -.sf-c-chocolate\:55, .sf-c-chocolate\:55\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 55%) } -.sf-c-chocolate\:60, .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 60%) } -.sf-c-chocolate\:65, .sf-c-chocolate\:65\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 65%) } -.sf-c-chocolate\:70, .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 70%) } -.sf-c-chocolate\:75, .sf-c-chocolate\:75\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 75%) } -.sf-c-chocolate\:80, .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 80%) } -.sf-c-chocolate\:85, .sf-c-chocolate\:85\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 85%) } -.sf-c-chocolate\:90, .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 90%) } -.sf-c-chocolate\:95, .sf-c-chocolate\:95\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } -.sf-c-chocolate\:100, .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } - -.sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } -.sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } -.sf-c-txt-chocolate\:0, .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } -.sf-c-txt-chocolate\:5, .sf-c-txt-chocolate\:5\:st { color: hsl(25, 75%, 5%) } -.sf-c-txt-chocolate\:10, .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } -.sf-c-txt-chocolate\:15, .sf-c-txt-chocolate\:15\:st { color: hsl(25, 75%, 15%) } -.sf-c-txt-chocolate\:20, .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } -.sf-c-txt-chocolate\:25, .sf-c-txt-chocolate\:25\:st { color: hsl(25, 75%, 25%) } -.sf-c-txt-chocolate\:30, .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } -.sf-c-txt-chocolate\:35, .sf-c-txt-chocolate\:35\:st { color: hsl(25, 75%, 35%) } -.sf-c-txt-chocolate\:40, .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } -.sf-c-txt-chocolate\:45, .sf-c-txt-chocolate\:45\:st { color: hsl(25, 75%, 45%) } -.sf-c-txt-chocolate\:50, .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } -.sf-c-txt-chocolate\:55, .sf-c-txt-chocolate\:55\:st { color: hsl(25, 75%, 55%) } -.sf-c-txt-chocolate\:60, .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } -.sf-c-txt-chocolate\:65, .sf-c-txt-chocolate\:65\:st { color: hsl(25, 75%, 65%) } -.sf-c-txt-chocolate\:70, .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } -.sf-c-txt-chocolate\:75, .sf-c-txt-chocolate\:75\:st { color: hsl(25, 75%, 75%) } -.sf-c-txt-chocolate\:80, .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } -.sf-c-txt-chocolate\:85, .sf-c-txt-chocolate\:85\:st { color: hsl(25, 75%, 85%) } -.sf-c-txt-chocolate\:90, .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } -.sf-c-txt-chocolate\:95, .sf-c-txt-chocolate\:95\:st { color: hsl(25, 75%, 95%) } -.sf-c-txt-chocolate\:100, .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } - -html[data-theme='dark'] .sf-c-chocolate, html.dark .sf-c-chocolate { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 53%) } -html[data-theme='dark'] .sf-c-chocolate\:0, html.dark .sf-c-chocolate\:0 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } -html[data-theme='dark'] .sf-c-chocolate\:5, html.dark .sf-c-chocolate\:5 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } -html[data-theme='dark'] .sf-c-chocolate\:10, html.dark .sf-c-chocolate\:10 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-chocolate\:15, html.dark .sf-c-chocolate\:15 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 85%) } -html[data-theme='dark'] .sf-c-chocolate\:20, html.dark .sf-c-chocolate\:20 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-chocolate\:25, html.dark .sf-c-chocolate\:25 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 75%) } -html[data-theme='dark'] .sf-c-chocolate\:30, html.dark .sf-c-chocolate\:30 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-chocolate\:35, html.dark .sf-c-chocolate\:35 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 65%) } -html[data-theme='dark'] .sf-c-chocolate\:40, html.dark .sf-c-chocolate\:40 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-chocolate\:45, html.dark .sf-c-chocolate\:45 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 55%) } -html[data-theme='dark'] .sf-c-chocolate\:50, html.dark .sf-c-chocolate\:50 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-chocolate\:55, html.dark .sf-c-chocolate\:55 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 45%) } -html[data-theme='dark'] .sf-c-chocolate\:60, html.dark .sf-c-chocolate\:60 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-chocolate\:65, html.dark .sf-c-chocolate\:65 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 35%) } -html[data-theme='dark'] .sf-c-chocolate\:70, html.dark .sf-c-chocolate\:70 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-chocolate\:75, html.dark .sf-c-chocolate\:75 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 25%) } -html[data-theme='dark'] .sf-c-chocolate\:80, html.dark .sf-c-chocolate\:80 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-chocolate\:85, html.dark .sf-c-chocolate\:85 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 15%) } -html[data-theme='dark'] .sf-c-chocolate\:90, html.dark .sf-c-chocolate\:90 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-chocolate\:95, html.dark .sf-c-chocolate\:95 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } -html[data-theme='dark'] .sf-c-chocolate\:100, html.dark .sf-c-chocolate\:100 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } - -html[data-theme='dark'] .sf-c-chocolate\:st, html.dark .sf-c-chocolate\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 47%) } -html[data-theme='dark'] .sf-c-chocolate\:0\:st, html.dark .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } -html[data-theme='dark'] .sf-c-chocolate\:5\:st, html.dark .sf-c-chocolate\:5\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } -html[data-theme='dark'] .sf-c-chocolate\:10\:st, html.dark .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-chocolate\:15\:st, html.dark .sf-c-chocolate\:15\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 15%) } -html[data-theme='dark'] .sf-c-chocolate\:20\:st, html.dark .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-chocolate\:25\:st, html.dark .sf-c-chocolate\:25\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 25%) } -html[data-theme='dark'] .sf-c-chocolate\:30\:st, html.dark .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-chocolate\:35\:st, html.dark .sf-c-chocolate\:35\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 35%) } -html[data-theme='dark'] .sf-c-chocolate\:40\:st, html.dark .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-chocolate\:45\:st, html.dark .sf-c-chocolate\:45\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 45%) } -html[data-theme='dark'] .sf-c-chocolate\:50\:st, html.dark .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-chocolate\:55\:st, html.dark .sf-c-chocolate\:55\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 55%) } -html[data-theme='dark'] .sf-c-chocolate\:60\:st, html.dark .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-chocolate\:65\:st, html.dark .sf-c-chocolate\:65\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 65%) } -html[data-theme='dark'] .sf-c-chocolate\:70\:st, html.dark .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-chocolate\:75\:st, html.dark .sf-c-chocolate\:75\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 75%) } -html[data-theme='dark'] .sf-c-chocolate\:80\:st, html.dark .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-chocolate\:85\:st, html.dark .sf-c-chocolate\:85\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 85%) } -html[data-theme='dark'] .sf-c-chocolate\:90\:st, html.dark .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-chocolate\:95\:st, html.dark .sf-c-chocolate\:95\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } -html[data-theme='dark'] .sf-c-chocolate\:100\:st, html.dark .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } - -html[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:5, html.dark .sf-c-txt-chocolate\:5 { color: hsl(25, 75%, 95%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:15, html.dark .sf-c-txt-chocolate\:15 { color: hsl(25, 75%, 85%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:25, html.dark .sf-c-txt-chocolate\:25 { color: hsl(25, 75%, 75%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:35, html.dark .sf-c-txt-chocolate\:35 { color: hsl(25, 75%, 65%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:45, html.dark .sf-c-txt-chocolate\:45 { color: hsl(25, 75%, 55%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:55, html.dark .sf-c-txt-chocolate\:55 { color: hsl(25, 75%, 45%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:65, html.dark .sf-c-txt-chocolate\:65 { color: hsl(25, 75%, 35%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:75, html.dark .sf-c-txt-chocolate\:75 { color: hsl(25, 75%, 25%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:85, html.dark .sf-c-txt-chocolate\:85 { color: hsl(25, 75%, 15%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:95, html.dark .sf-c-txt-chocolate\:95 { color: hsl(25, 75%, 5%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } - -html[data-theme='dark'] .sf-c-txt-chocolate\:st, html.dark .sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:0\:st, html.dark .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:5\:st, html.dark .sf-c-txt-chocolate\:5\:st { color: hsl(25, 75%, 5%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:10\:st, html.dark .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:15\:st, html.dark .sf-c-txt-chocolate\:15\:st { color: hsl(25, 75%, 15%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:20\:st, html.dark .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:25\:st, html.dark .sf-c-txt-chocolate\:25\:st { color: hsl(25, 75%, 25%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:30\:st, html.dark .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:35\:st, html.dark .sf-c-txt-chocolate\:35\:st { color: hsl(25, 75%, 35%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:40\:st, html.dark .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:45\:st, html.dark .sf-c-txt-chocolate\:45\:st { color: hsl(25, 75%, 45%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:50\:st, html.dark .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:55\:st, html.dark .sf-c-txt-chocolate\:55\:st { color: hsl(25, 75%, 55%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:60\:st, html.dark .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:65\:st, html.dark .sf-c-txt-chocolate\:65\:st { color: hsl(25, 75%, 65%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:70\:st, html.dark .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:75\:st, html.dark .sf-c-txt-chocolate\:75\:st { color: hsl(25, 75%, 75%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:80\:st, html.dark .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:85\:st, html.dark .sf-c-txt-chocolate\:85\:st { color: hsl(25, 75%, 85%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:90\:st, html.dark .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:95\:st, html.dark .sf-c-txt-chocolate\:95\:st { color: hsl(25, 75%, 95%) } -html[data-theme='dark'] .sf-c-txt-chocolate\:100\:st, html.dark .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-chocolate, html.auto .sf-c-chocolate { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 53%) } - html[data-theme='auto'] .sf-c-chocolate\:0, html.auto .sf-c-chocolate\:0 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } - html[data-theme='auto'] .sf-c-chocolate\:5, html.auto .sf-c-chocolate\:5 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } - html[data-theme='auto'] .sf-c-chocolate\:10, html.auto .sf-c-chocolate\:10 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-chocolate\:15, html.auto .sf-c-chocolate\:15 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 85%) } - html[data-theme='auto'] .sf-c-chocolate\:20, html.auto .sf-c-chocolate\:20 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-chocolate\:25, html.auto .sf-c-chocolate\:25 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 75%) } - html[data-theme='auto'] .sf-c-chocolate\:30, html.auto .sf-c-chocolate\:30 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-chocolate\:35, html.auto .sf-c-chocolate\:35 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 65%) } - html[data-theme='auto'] .sf-c-chocolate\:40, html.auto .sf-c-chocolate\:40 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-chocolate\:45, html.auto .sf-c-chocolate\:45 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 55%) } - html[data-theme='auto'] .sf-c-chocolate\:50, html.auto .sf-c-chocolate\:50 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-chocolate\:55, html.auto .sf-c-chocolate\:55 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 45%) } - html[data-theme='auto'] .sf-c-chocolate\:60, html.auto .sf-c-chocolate\:60 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-chocolate\:65, html.auto .sf-c-chocolate\:65 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 35%) } - html[data-theme='auto'] .sf-c-chocolate\:70, html.auto .sf-c-chocolate\:70 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-chocolate\:75, html.auto .sf-c-chocolate\:75 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 25%) } - html[data-theme='auto'] .sf-c-chocolate\:80, html.auto .sf-c-chocolate\:80 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-chocolate\:85, html.auto .sf-c-chocolate\:85 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 15%) } - html[data-theme='auto'] .sf-c-chocolate\:90, html.auto .sf-c-chocolate\:90 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-chocolate\:95, html.auto .sf-c-chocolate\:95 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } - html[data-theme='auto'] .sf-c-chocolate\:100, html.auto .sf-c-chocolate\:100 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } - - html[data-theme='auto'] .sf-c-chocolate\:st, html.auto .sf-c-chocolate\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 47%) } - html[data-theme='auto'] .sf-c-chocolate\:0\:st, html.auto .sf-c-chocolate\:0\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } - html[data-theme='auto'] .sf-c-chocolate\:5\:st, html.auto .sf-c-chocolate\:5\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } - html[data-theme='auto'] .sf-c-chocolate\:10\:st, html.auto .sf-c-chocolate\:10\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-chocolate\:15\:st, html.auto .sf-c-chocolate\:15\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 15%) } - html[data-theme='auto'] .sf-c-chocolate\:20\:st, html.auto .sf-c-chocolate\:20\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-chocolate\:25\:st, html.auto .sf-c-chocolate\:25\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 25%) } - html[data-theme='auto'] .sf-c-chocolate\:30\:st, html.auto .sf-c-chocolate\:30\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-chocolate\:35\:st, html.auto .sf-c-chocolate\:35\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 35%) } - html[data-theme='auto'] .sf-c-chocolate\:40\:st, html.auto .sf-c-chocolate\:40\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-chocolate\:45\:st, html.auto .sf-c-chocolate\:45\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 45%) } - html[data-theme='auto'] .sf-c-chocolate\:50\:st, html.auto .sf-c-chocolate\:50\:st { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-chocolate\:55\:st, html.auto .sf-c-chocolate\:55\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 55%) } - html[data-theme='auto'] .sf-c-chocolate\:60\:st, html.auto .sf-c-chocolate\:60\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-chocolate\:65\:st, html.auto .sf-c-chocolate\:65\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 65%) } - html[data-theme='auto'] .sf-c-chocolate\:70\:st, html.auto .sf-c-chocolate\:70\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-chocolate\:75\:st, html.auto .sf-c-chocolate\:75\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 75%) } - html[data-theme='auto'] .sf-c-chocolate\:80\:st, html.auto .sf-c-chocolate\:80\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-chocolate\:85\:st, html.auto .sf-c-chocolate\:85\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 85%) } - html[data-theme='auto'] .sf-c-chocolate\:90\:st, html.auto .sf-c-chocolate\:90\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-chocolate\:95\:st, html.auto .sf-c-chocolate\:95\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } - html[data-theme='auto'] .sf-c-chocolate\:100\:st, html.auto .sf-c-chocolate\:100\:st { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } - - html[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:5, html.auto .sf-c-txt-chocolate\:5 { color: hsl(25, 75%, 95%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:15, html.auto .sf-c-txt-chocolate\:15 { color: hsl(25, 75%, 85%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:25, html.auto .sf-c-txt-chocolate\:25 { color: hsl(25, 75%, 75%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:35, html.auto .sf-c-txt-chocolate\:35 { color: hsl(25, 75%, 65%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:45, html.auto .sf-c-txt-chocolate\:45 { color: hsl(25, 75%, 55%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:55, html.auto .sf-c-txt-chocolate\:55 { color: hsl(25, 75%, 45%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:65, html.auto .sf-c-txt-chocolate\:65 { color: hsl(25, 75%, 35%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:75, html.auto .sf-c-txt-chocolate\:75 { color: hsl(25, 75%, 25%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:85, html.auto .sf-c-txt-chocolate\:85 { color: hsl(25, 75%, 15%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:95, html.auto .sf-c-txt-chocolate\:95 { color: hsl(25, 75%, 5%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } - - html[data-theme='auto'] .sf-c-txt-chocolate\:st, html.auto .sf-c-txt-chocolate\:st { color: hsl(25, 75%, 47%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:0\:st, html.auto .sf-c-txt-chocolate\:0\:st { color: hsl(25, 75%, 0%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:5\:st, html.auto .sf-c-txt-chocolate\:5\:st { color: hsl(25, 75%, 5%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:10\:st, html.auto .sf-c-txt-chocolate\:10\:st { color: hsl(25, 75%, 10%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:15\:st, html.auto .sf-c-txt-chocolate\:15\:st { color: hsl(25, 75%, 15%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:20\:st, html.auto .sf-c-txt-chocolate\:20\:st { color: hsl(25, 75%, 20%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:25\:st, html.auto .sf-c-txt-chocolate\:25\:st { color: hsl(25, 75%, 25%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:30\:st, html.auto .sf-c-txt-chocolate\:30\:st { color: hsl(25, 75%, 30%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:35\:st, html.auto .sf-c-txt-chocolate\:35\:st { color: hsl(25, 75%, 35%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:40\:st, html.auto .sf-c-txt-chocolate\:40\:st { color: hsl(25, 75%, 40%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:45\:st, html.auto .sf-c-txt-chocolate\:45\:st { color: hsl(25, 75%, 45%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:50\:st, html.auto .sf-c-txt-chocolate\:50\:st { color: hsl(25, 75%, 50%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:55\:st, html.auto .sf-c-txt-chocolate\:55\:st { color: hsl(25, 75%, 55%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:60\:st, html.auto .sf-c-txt-chocolate\:60\:st { color: hsl(25, 75%, 60%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:65\:st, html.auto .sf-c-txt-chocolate\:65\:st { color: hsl(25, 75%, 65%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:70\:st, html.auto .sf-c-txt-chocolate\:70\:st { color: hsl(25, 75%, 70%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:75\:st, html.auto .sf-c-txt-chocolate\:75\:st { color: hsl(25, 75%, 75%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:80\:st, html.auto .sf-c-txt-chocolate\:80\:st { color: hsl(25, 75%, 80%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:85\:st, html.auto .sf-c-txt-chocolate\:85\:st { color: hsl(25, 75%, 85%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:90\:st, html.auto .sf-c-txt-chocolate\:90\:st { color: hsl(25, 75%, 90%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:95\:st, html.auto .sf-c-txt-chocolate\:95\:st { color: hsl(25, 75%, 95%) } - html[data-theme='auto'] .sf-c-txt-chocolate\:100\:st, html.auto .sf-c-txt-chocolate\:100\:st { color: hsl(25, 75%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/coral.css b/src/colors/20/coral.css deleted file mode 100644 index 39e717f..0000000 --- a/src/colors/20/coral.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-coral { - --sf-c-coral: 16 100% 66%; - --sf-c-coral-0: 16 100% 0%; - --sf-c-coral-5: 16 100% 5%; - --sf-c-coral-10: 16 100% 10%; - --sf-c-coral-15: 16 100% 15%; - --sf-c-coral-20: 16 100% 20%; - --sf-c-coral-25: 16 100% 25%; - --sf-c-coral-30: 16 100% 30%; - --sf-c-coral-35: 16 100% 35%; - --sf-c-coral-40: 16 100% 40%; - --sf-c-coral-45: 16 100% 45%; - --sf-c-coral-50: 16 100% 50%; - --sf-c-coral-55: 16 100% 55%; - --sf-c-coral-60: 16 100% 60%; - --sf-c-coral-65: 16 100% 65%; - --sf-c-coral-70: 16 100% 70%; - --sf-c-coral-75: 16 100% 75%; - --sf-c-coral-80: 16 100% 80%; - --sf-c-coral-85: 16 100% 85%; - --sf-c-coral-90: 16 100% 90%; - --sf-c-coral-95: 16 100% 95%; - --sf-c-coral-100: 16 100% 100%; -} - -.sf-c-coral, .sf-c-coral\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 66%) } -.sf-c-coral\:0, .sf-c-coral\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -.sf-c-coral\:5, .sf-c-coral\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -.sf-c-coral\:10, .sf-c-coral\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -.sf-c-coral\:15, .sf-c-coral\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -.sf-c-coral\:20, .sf-c-coral\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -.sf-c-coral\:25, .sf-c-coral\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -.sf-c-coral\:30, .sf-c-coral\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -.sf-c-coral\:35, .sf-c-coral\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -.sf-c-coral\:40, .sf-c-coral\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -.sf-c-coral\:45, .sf-c-coral\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -.sf-c-coral\:50, .sf-c-coral\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -.sf-c-coral\:55, .sf-c-coral\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -.sf-c-coral\:60, .sf-c-coral\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -.sf-c-coral\:65, .sf-c-coral\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -.sf-c-coral\:70, .sf-c-coral\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -.sf-c-coral\:75, .sf-c-coral\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -.sf-c-coral\:80, .sf-c-coral\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -.sf-c-coral\:85, .sf-c-coral\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -.sf-c-coral\:90, .sf-c-coral\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -.sf-c-coral\:95, .sf-c-coral\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -.sf-c-coral\:100, .sf-c-coral\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - -.sf-c-txt-coral { color: hsl(16, 100%, 10%) } -.sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } -.sf-c-txt-coral\:0, .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } -.sf-c-txt-coral\:5, .sf-c-txt-coral\:5\:st { color: hsl(16, 100%, 5%) } -.sf-c-txt-coral\:10, .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } -.sf-c-txt-coral\:15, .sf-c-txt-coral\:15\:st { color: hsl(16, 100%, 15%) } -.sf-c-txt-coral\:20, .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } -.sf-c-txt-coral\:25, .sf-c-txt-coral\:25\:st { color: hsl(16, 100%, 25%) } -.sf-c-txt-coral\:30, .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } -.sf-c-txt-coral\:35, .sf-c-txt-coral\:35\:st { color: hsl(16, 100%, 35%) } -.sf-c-txt-coral\:40, .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } -.sf-c-txt-coral\:45, .sf-c-txt-coral\:45\:st { color: hsl(16, 100%, 45%) } -.sf-c-txt-coral\:50, .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-coral\:55, .sf-c-txt-coral\:55\:st { color: hsl(16, 100%, 55%) } -.sf-c-txt-coral\:60, .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } -.sf-c-txt-coral\:65, .sf-c-txt-coral\:65\:st { color: hsl(16, 100%, 65%) } -.sf-c-txt-coral\:70, .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } -.sf-c-txt-coral\:75, .sf-c-txt-coral\:75\:st { color: hsl(16, 100%, 75%) } -.sf-c-txt-coral\:80, .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } -.sf-c-txt-coral\:85, .sf-c-txt-coral\:85\:st { color: hsl(16, 100%, 85%) } -.sf-c-txt-coral\:90, .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } -.sf-c-txt-coral\:95, .sf-c-txt-coral\:95\:st { color: hsl(16, 100%, 95%) } -.sf-c-txt-coral\:100, .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-coral, html.dark .sf-c-coral { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 34%) } -html[data-theme='dark'] .sf-c-coral\:0, html.dark .sf-c-coral\:0 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-coral\:5, html.dark .sf-c-coral\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-coral\:10, html.dark .sf-c-coral\:10 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-coral\:15, html.dark .sf-c-coral\:15 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-coral\:20, html.dark .sf-c-coral\:20 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-coral\:25, html.dark .sf-c-coral\:25 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-coral\:30, html.dark .sf-c-coral\:30 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-coral\:35, html.dark .sf-c-coral\:35 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-coral\:40, html.dark .sf-c-coral\:40 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-coral\:45, html.dark .sf-c-coral\:45 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-coral\:50, html.dark .sf-c-coral\:50 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-coral\:55, html.dark .sf-c-coral\:55 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-coral\:60, html.dark .sf-c-coral\:60 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-coral\:65, html.dark .sf-c-coral\:65 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-coral\:70, html.dark .sf-c-coral\:70 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-coral\:75, html.dark .sf-c-coral\:75 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-coral\:80, html.dark .sf-c-coral\:80 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-coral\:85, html.dark .sf-c-coral\:85 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-coral\:90, html.dark .sf-c-coral\:90 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-coral\:95, html.dark .sf-c-coral\:95 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-coral\:100, html.dark .sf-c-coral\:100 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-coral\:st, html.dark .sf-c-coral\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-coral\:0\:st, html.dark .sf-c-coral\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-coral\:5\:st, html.dark .sf-c-coral\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-coral\:10\:st, html.dark .sf-c-coral\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-coral\:15\:st, html.dark .sf-c-coral\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-coral\:20\:st, html.dark .sf-c-coral\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-coral\:25\:st, html.dark .sf-c-coral\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-coral\:30\:st, html.dark .sf-c-coral\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-coral\:35\:st, html.dark .sf-c-coral\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-coral\:40\:st, html.dark .sf-c-coral\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-coral\:45\:st, html.dark .sf-c-coral\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-coral\:50\:st, html.dark .sf-c-coral\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-coral\:55\:st, html.dark .sf-c-coral\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-coral\:60\:st, html.dark .sf-c-coral\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-coral\:65\:st, html.dark .sf-c-coral\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-coral\:70\:st, html.dark .sf-c-coral\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-coral\:75\:st, html.dark .sf-c-coral\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-coral\:80\:st, html.dark .sf-c-coral\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-coral\:85\:st, html.dark .sf-c-coral\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-coral\:90\:st, html.dark .sf-c-coral\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-coral\:95\:st, html.dark .sf-c-coral\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-coral\:100\:st, html.dark .sf-c-coral\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-coral\:5, html.dark .sf-c-txt-coral\:5 { color: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-coral\:15, html.dark .sf-c-txt-coral\:15 { color: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-coral\:25, html.dark .sf-c-txt-coral\:25 { color: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-coral\:35, html.dark .sf-c-txt-coral\:35 { color: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-coral\:45, html.dark .sf-c-txt-coral\:45 { color: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-coral\:55, html.dark .sf-c-txt-coral\:55 { color: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-coral\:65, html.dark .sf-c-txt-coral\:65 { color: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-coral\:75, html.dark .sf-c-txt-coral\:75 { color: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-coral\:85, html.dark .sf-c-txt-coral\:85 { color: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-coral\:95, html.dark .sf-c-txt-coral\:95 { color: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-coral\:st, html.dark .sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } -html[data-theme='dark'] .sf-c-txt-coral\:0\:st, html.dark .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-coral\:5\:st, html.dark .sf-c-txt-coral\:5\:st { color: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-coral\:10\:st, html.dark .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-coral\:15\:st, html.dark .sf-c-txt-coral\:15\:st { color: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-coral\:20\:st, html.dark .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-coral\:25\:st, html.dark .sf-c-txt-coral\:25\:st { color: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-coral\:30\:st, html.dark .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-coral\:35\:st, html.dark .sf-c-txt-coral\:35\:st { color: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-coral\:40\:st, html.dark .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-coral\:45\:st, html.dark .sf-c-txt-coral\:45\:st { color: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-coral\:50\:st, html.dark .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-coral\:55\:st, html.dark .sf-c-txt-coral\:55\:st { color: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-coral\:60\:st, html.dark .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-coral\:65\:st, html.dark .sf-c-txt-coral\:65\:st { color: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-coral\:70\:st, html.dark .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-coral\:75\:st, html.dark .sf-c-txt-coral\:75\:st { color: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-coral\:80\:st, html.dark .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-coral\:85\:st, html.dark .sf-c-txt-coral\:85\:st { color: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-coral\:90\:st, html.dark .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-coral\:95\:st, html.dark .sf-c-txt-coral\:95\:st { color: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-coral\:100\:st, html.dark .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-coral, html.auto .sf-c-coral { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 34%) } - html[data-theme='auto'] .sf-c-coral\:0, html.auto .sf-c-coral\:0 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-coral\:5, html.auto .sf-c-coral\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-coral\:10, html.auto .sf-c-coral\:10 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-coral\:15, html.auto .sf-c-coral\:15 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-coral\:20, html.auto .sf-c-coral\:20 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-coral\:25, html.auto .sf-c-coral\:25 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-coral\:30, html.auto .sf-c-coral\:30 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-coral\:35, html.auto .sf-c-coral\:35 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-coral\:40, html.auto .sf-c-coral\:40 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-coral\:45, html.auto .sf-c-coral\:45 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-coral\:50, html.auto .sf-c-coral\:50 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-coral\:55, html.auto .sf-c-coral\:55 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-coral\:60, html.auto .sf-c-coral\:60 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-coral\:65, html.auto .sf-c-coral\:65 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-coral\:70, html.auto .sf-c-coral\:70 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-coral\:75, html.auto .sf-c-coral\:75 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-coral\:80, html.auto .sf-c-coral\:80 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-coral\:85, html.auto .sf-c-coral\:85 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-coral\:90, html.auto .sf-c-coral\:90 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-coral\:95, html.auto .sf-c-coral\:95 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-coral\:100, html.auto .sf-c-coral\:100 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-coral\:st, html.auto .sf-c-coral\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-coral\:0\:st, html.auto .sf-c-coral\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-coral\:5\:st, html.auto .sf-c-coral\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-coral\:10\:st, html.auto .sf-c-coral\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-coral\:15\:st, html.auto .sf-c-coral\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-coral\:20\:st, html.auto .sf-c-coral\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-coral\:25\:st, html.auto .sf-c-coral\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-coral\:30\:st, html.auto .sf-c-coral\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-coral\:35\:st, html.auto .sf-c-coral\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-coral\:40\:st, html.auto .sf-c-coral\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-coral\:45\:st, html.auto .sf-c-coral\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-coral\:50\:st, html.auto .sf-c-coral\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-coral\:55\:st, html.auto .sf-c-coral\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-coral\:60\:st, html.auto .sf-c-coral\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-coral\:65\:st, html.auto .sf-c-coral\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-coral\:70\:st, html.auto .sf-c-coral\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-coral\:75\:st, html.auto .sf-c-coral\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-coral\:80\:st, html.auto .sf-c-coral\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-coral\:85\:st, html.auto .sf-c-coral\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-coral\:90\:st, html.auto .sf-c-coral\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-coral\:95\:st, html.auto .sf-c-coral\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-coral\:100\:st, html.auto .sf-c-coral\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-coral\:5, html.auto .sf-c-txt-coral\:5 { color: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-coral\:15, html.auto .sf-c-txt-coral\:15 { color: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-coral\:25, html.auto .sf-c-txt-coral\:25 { color: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-coral\:35, html.auto .sf-c-txt-coral\:35 { color: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-coral\:45, html.auto .sf-c-txt-coral\:45 { color: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-coral\:55, html.auto .sf-c-txt-coral\:55 { color: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-coral\:65, html.auto .sf-c-txt-coral\:65 { color: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-coral\:75, html.auto .sf-c-txt-coral\:75 { color: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-coral\:85, html.auto .sf-c-txt-coral\:85 { color: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-coral\:95, html.auto .sf-c-txt-coral\:95 { color: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-coral\:st, html.auto .sf-c-txt-coral\:st { color: hsl(16, 100%, 66%) } - html[data-theme='auto'] .sf-c-txt-coral\:0\:st, html.auto .sf-c-txt-coral\:0\:st { color: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-coral\:5\:st, html.auto .sf-c-txt-coral\:5\:st { color: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-coral\:10\:st, html.auto .sf-c-txt-coral\:10\:st { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-coral\:15\:st, html.auto .sf-c-txt-coral\:15\:st { color: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-coral\:20\:st, html.auto .sf-c-txt-coral\:20\:st { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-coral\:25\:st, html.auto .sf-c-txt-coral\:25\:st { color: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-coral\:30\:st, html.auto .sf-c-txt-coral\:30\:st { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-coral\:35\:st, html.auto .sf-c-txt-coral\:35\:st { color: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-coral\:40\:st, html.auto .sf-c-txt-coral\:40\:st { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-coral\:45\:st, html.auto .sf-c-txt-coral\:45\:st { color: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-coral\:50\:st, html.auto .sf-c-txt-coral\:50\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-coral\:55\:st, html.auto .sf-c-txt-coral\:55\:st { color: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-coral\:60\:st, html.auto .sf-c-txt-coral\:60\:st { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-coral\:65\:st, html.auto .sf-c-txt-coral\:65\:st { color: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-coral\:70\:st, html.auto .sf-c-txt-coral\:70\:st { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-coral\:75\:st, html.auto .sf-c-txt-coral\:75\:st { color: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-coral\:80\:st, html.auto .sf-c-txt-coral\:80\:st { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-coral\:85\:st, html.auto .sf-c-txt-coral\:85\:st { color: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-coral\:90\:st, html.auto .sf-c-txt-coral\:90\:st { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-coral\:95\:st, html.auto .sf-c-txt-coral\:95\:st { color: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-coral\:100\:st, html.auto .sf-c-txt-coral\:100\:st { color: hsl(16, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/cornflowerblue.css b/src/colors/20/cornflowerblue.css deleted file mode 100644 index 945778c..0000000 --- a/src/colors/20/cornflowerblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-cornflowerblue { - --sf-c-cornflowerblue: 219 79% 66%; - --sf-c-cornflowerblue-0: 219 79% 0%; - --sf-c-cornflowerblue-5: 219 79% 5%; - --sf-c-cornflowerblue-10: 219 79% 10%; - --sf-c-cornflowerblue-15: 219 79% 15%; - --sf-c-cornflowerblue-20: 219 79% 20%; - --sf-c-cornflowerblue-25: 219 79% 25%; - --sf-c-cornflowerblue-30: 219 79% 30%; - --sf-c-cornflowerblue-35: 219 79% 35%; - --sf-c-cornflowerblue-40: 219 79% 40%; - --sf-c-cornflowerblue-45: 219 79% 45%; - --sf-c-cornflowerblue-50: 219 79% 50%; - --sf-c-cornflowerblue-55: 219 79% 55%; - --sf-c-cornflowerblue-60: 219 79% 60%; - --sf-c-cornflowerblue-65: 219 79% 65%; - --sf-c-cornflowerblue-70: 219 79% 70%; - --sf-c-cornflowerblue-75: 219 79% 75%; - --sf-c-cornflowerblue-80: 219 79% 80%; - --sf-c-cornflowerblue-85: 219 79% 85%; - --sf-c-cornflowerblue-90: 219 79% 90%; - --sf-c-cornflowerblue-95: 219 79% 95%; - --sf-c-cornflowerblue-100: 219 79% 100%; -} - -.sf-c-cornflowerblue, .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 66%) } -.sf-c-cornflowerblue\:0, .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } -.sf-c-cornflowerblue\:5, .sf-c-cornflowerblue\:5\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } -.sf-c-cornflowerblue\:10, .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } -.sf-c-cornflowerblue\:15, .sf-c-cornflowerblue\:15\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 15%) } -.sf-c-cornflowerblue\:20, .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 20%) } -.sf-c-cornflowerblue\:25, .sf-c-cornflowerblue\:25\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 25%) } -.sf-c-cornflowerblue\:30, .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 30%) } -.sf-c-cornflowerblue\:35, .sf-c-cornflowerblue\:35\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 35%) } -.sf-c-cornflowerblue\:40, .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 40%) } -.sf-c-cornflowerblue\:45, .sf-c-cornflowerblue\:45\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 45%) } -.sf-c-cornflowerblue\:50, .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 50%) } -.sf-c-cornflowerblue\:55, .sf-c-cornflowerblue\:55\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 55%) } -.sf-c-cornflowerblue\:60, .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 60%) } -.sf-c-cornflowerblue\:65, .sf-c-cornflowerblue\:65\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 65%) } -.sf-c-cornflowerblue\:70, .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 70%) } -.sf-c-cornflowerblue\:75, .sf-c-cornflowerblue\:75\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 75%) } -.sf-c-cornflowerblue\:80, .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 80%) } -.sf-c-cornflowerblue\:85, .sf-c-cornflowerblue\:85\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 85%) } -.sf-c-cornflowerblue\:90, .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 90%) } -.sf-c-cornflowerblue\:95, .sf-c-cornflowerblue\:95\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } -.sf-c-cornflowerblue\:100, .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } - -.sf-c-txt-cornflowerblue { color: hsl(219, 79%, 10%) } -.sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } -.sf-c-txt-cornflowerblue\:0, .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } -.sf-c-txt-cornflowerblue\:5, .sf-c-txt-cornflowerblue\:5\:st { color: hsl(219, 79%, 5%) } -.sf-c-txt-cornflowerblue\:10, .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } -.sf-c-txt-cornflowerblue\:15, .sf-c-txt-cornflowerblue\:15\:st { color: hsl(219, 79%, 15%) } -.sf-c-txt-cornflowerblue\:20, .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } -.sf-c-txt-cornflowerblue\:25, .sf-c-txt-cornflowerblue\:25\:st { color: hsl(219, 79%, 25%) } -.sf-c-txt-cornflowerblue\:30, .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } -.sf-c-txt-cornflowerblue\:35, .sf-c-txt-cornflowerblue\:35\:st { color: hsl(219, 79%, 35%) } -.sf-c-txt-cornflowerblue\:40, .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } -.sf-c-txt-cornflowerblue\:45, .sf-c-txt-cornflowerblue\:45\:st { color: hsl(219, 79%, 45%) } -.sf-c-txt-cornflowerblue\:50, .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } -.sf-c-txt-cornflowerblue\:55, .sf-c-txt-cornflowerblue\:55\:st { color: hsl(219, 79%, 55%) } -.sf-c-txt-cornflowerblue\:60, .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } -.sf-c-txt-cornflowerblue\:65, .sf-c-txt-cornflowerblue\:65\:st { color: hsl(219, 79%, 65%) } -.sf-c-txt-cornflowerblue\:70, .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } -.sf-c-txt-cornflowerblue\:75, .sf-c-txt-cornflowerblue\:75\:st { color: hsl(219, 79%, 75%) } -.sf-c-txt-cornflowerblue\:80, .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } -.sf-c-txt-cornflowerblue\:85, .sf-c-txt-cornflowerblue\:85\:st { color: hsl(219, 79%, 85%) } -.sf-c-txt-cornflowerblue\:90, .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } -.sf-c-txt-cornflowerblue\:95, .sf-c-txt-cornflowerblue\:95\:st { color: hsl(219, 79%, 95%) } -.sf-c-txt-cornflowerblue\:100, .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } - -html[data-theme='dark'] .sf-c-cornflowerblue, html.dark .sf-c-cornflowerblue { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 34%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:0, html.dark .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:5, html.dark .sf-c-cornflowerblue\:5 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:10, html.dark .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:15, html.dark .sf-c-cornflowerblue\:15 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 85%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:20, html.dark .sf-c-cornflowerblue\:20 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:25, html.dark .sf-c-cornflowerblue\:25 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 75%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:30, html.dark .sf-c-cornflowerblue\:30 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:35, html.dark .sf-c-cornflowerblue\:35 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 65%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:40, html.dark .sf-c-cornflowerblue\:40 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:45, html.dark .sf-c-cornflowerblue\:45 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 55%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:50, html.dark .sf-c-cornflowerblue\:50 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:55, html.dark .sf-c-cornflowerblue\:55 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 45%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:60, html.dark .sf-c-cornflowerblue\:60 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:65, html.dark .sf-c-cornflowerblue\:65 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 35%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:70, html.dark .sf-c-cornflowerblue\:70 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:75, html.dark .sf-c-cornflowerblue\:75 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 25%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:80, html.dark .sf-c-cornflowerblue\:80 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:85, html.dark .sf-c-cornflowerblue\:85 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 15%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:90, html.dark .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:95, html.dark .sf-c-cornflowerblue\:95 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:100, html.dark .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } - -html[data-theme='dark'] .sf-c-cornflowerblue\:st, html.dark .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:0\:st, html.dark .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:5\:st, html.dark .sf-c-cornflowerblue\:5\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:10\:st, html.dark .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:15\:st, html.dark .sf-c-cornflowerblue\:15\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 15%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:20\:st, html.dark .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:25\:st, html.dark .sf-c-cornflowerblue\:25\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 25%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:30\:st, html.dark .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:35\:st, html.dark .sf-c-cornflowerblue\:35\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 35%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:40\:st, html.dark .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:45\:st, html.dark .sf-c-cornflowerblue\:45\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 45%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:50\:st, html.dark .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:55\:st, html.dark .sf-c-cornflowerblue\:55\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 55%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:60\:st, html.dark .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:65\:st, html.dark .sf-c-cornflowerblue\:65\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 65%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:70\:st, html.dark .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:75\:st, html.dark .sf-c-cornflowerblue\:75\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 75%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:80\:st, html.dark .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:85\:st, html.dark .sf-c-cornflowerblue\:85\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 85%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:90\:st, html.dark .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:95\:st, html.dark .sf-c-cornflowerblue\:95\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } -html[data-theme='dark'] .sf-c-cornflowerblue\:100\:st, html.dark .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:5, html.dark .sf-c-txt-cornflowerblue\:5 { color: hsl(219, 79%, 95%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:15, html.dark .sf-c-txt-cornflowerblue\:15 { color: hsl(219, 79%, 85%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:25, html.dark .sf-c-txt-cornflowerblue\:25 { color: hsl(219, 79%, 75%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:35, html.dark .sf-c-txt-cornflowerblue\:35 { color: hsl(219, 79%, 65%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:45, html.dark .sf-c-txt-cornflowerblue\:45 { color: hsl(219, 79%, 55%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:55, html.dark .sf-c-txt-cornflowerblue\:55 { color: hsl(219, 79%, 45%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:65, html.dark .sf-c-txt-cornflowerblue\:65 { color: hsl(219, 79%, 35%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:75, html.dark .sf-c-txt-cornflowerblue\:75 { color: hsl(219, 79%, 25%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:85, html.dark .sf-c-txt-cornflowerblue\:85 { color: hsl(219, 79%, 15%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:95, html.dark .sf-c-txt-cornflowerblue\:95 { color: hsl(219, 79%, 5%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:st, html.dark .sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:st, html.dark .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:5\:st, html.dark .sf-c-txt-cornflowerblue\:5\:st { color: hsl(219, 79%, 5%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:st, html.dark .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:15\:st, html.dark .sf-c-txt-cornflowerblue\:15\:st { color: hsl(219, 79%, 15%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:st, html.dark .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:25\:st, html.dark .sf-c-txt-cornflowerblue\:25\:st { color: hsl(219, 79%, 25%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:st, html.dark .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:35\:st, html.dark .sf-c-txt-cornflowerblue\:35\:st { color: hsl(219, 79%, 35%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:st, html.dark .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:45\:st, html.dark .sf-c-txt-cornflowerblue\:45\:st { color: hsl(219, 79%, 45%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:st, html.dark .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:55\:st, html.dark .sf-c-txt-cornflowerblue\:55\:st { color: hsl(219, 79%, 55%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:st, html.dark .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:65\:st, html.dark .sf-c-txt-cornflowerblue\:65\:st { color: hsl(219, 79%, 65%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:st, html.dark .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:75\:st, html.dark .sf-c-txt-cornflowerblue\:75\:st { color: hsl(219, 79%, 75%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:st, html.dark .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:85\:st, html.dark .sf-c-txt-cornflowerblue\:85\:st { color: hsl(219, 79%, 85%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:st, html.dark .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:95\:st, html.dark .sf-c-txt-cornflowerblue\:95\:st { color: hsl(219, 79%, 95%) } -html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:st, html.dark .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cornflowerblue, html.auto .sf-c-cornflowerblue { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 34%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:0, html.auto .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:5, html.auto .sf-c-cornflowerblue\:5 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:10, html.auto .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:15, html.auto .sf-c-cornflowerblue\:15 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 85%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:20, html.auto .sf-c-cornflowerblue\:20 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:25, html.auto .sf-c-cornflowerblue\:25 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 75%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:30, html.auto .sf-c-cornflowerblue\:30 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:35, html.auto .sf-c-cornflowerblue\:35 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 65%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:40, html.auto .sf-c-cornflowerblue\:40 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:45, html.auto .sf-c-cornflowerblue\:45 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 55%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:50, html.auto .sf-c-cornflowerblue\:50 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:55, html.auto .sf-c-cornflowerblue\:55 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 45%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:60, html.auto .sf-c-cornflowerblue\:60 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:65, html.auto .sf-c-cornflowerblue\:65 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 35%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:70, html.auto .sf-c-cornflowerblue\:70 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:75, html.auto .sf-c-cornflowerblue\:75 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 25%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:80, html.auto .sf-c-cornflowerblue\:80 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:85, html.auto .sf-c-cornflowerblue\:85 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 15%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:90, html.auto .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:95, html.auto .sf-c-cornflowerblue\:95 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:100, html.auto .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } - - html[data-theme='auto'] .sf-c-cornflowerblue\:st, html.auto .sf-c-cornflowerblue\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:0\:st, html.auto .sf-c-cornflowerblue\:0\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:5\:st, html.auto .sf-c-cornflowerblue\:5\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:10\:st, html.auto .sf-c-cornflowerblue\:10\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:15\:st, html.auto .sf-c-cornflowerblue\:15\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 15%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:20\:st, html.auto .sf-c-cornflowerblue\:20\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:25\:st, html.auto .sf-c-cornflowerblue\:25\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 25%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:30\:st, html.auto .sf-c-cornflowerblue\:30\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:35\:st, html.auto .sf-c-cornflowerblue\:35\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 35%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:40\:st, html.auto .sf-c-cornflowerblue\:40\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:45\:st, html.auto .sf-c-cornflowerblue\:45\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 45%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:50\:st, html.auto .sf-c-cornflowerblue\:50\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:55\:st, html.auto .sf-c-cornflowerblue\:55\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 55%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:60\:st, html.auto .sf-c-cornflowerblue\:60\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:65\:st, html.auto .sf-c-cornflowerblue\:65\:st { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 65%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:70\:st, html.auto .sf-c-cornflowerblue\:70\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:75\:st, html.auto .sf-c-cornflowerblue\:75\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 75%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:80\:st, html.auto .sf-c-cornflowerblue\:80\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:85\:st, html.auto .sf-c-cornflowerblue\:85\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 85%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:90\:st, html.auto .sf-c-cornflowerblue\:90\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:95\:st, html.auto .sf-c-cornflowerblue\:95\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } - html[data-theme='auto'] .sf-c-cornflowerblue\:100\:st, html.auto .sf-c-cornflowerblue\:100\:st { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:5, html.auto .sf-c-txt-cornflowerblue\:5 { color: hsl(219, 79%, 95%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:15, html.auto .sf-c-txt-cornflowerblue\:15 { color: hsl(219, 79%, 85%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:25, html.auto .sf-c-txt-cornflowerblue\:25 { color: hsl(219, 79%, 75%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:35, html.auto .sf-c-txt-cornflowerblue\:35 { color: hsl(219, 79%, 65%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:45, html.auto .sf-c-txt-cornflowerblue\:45 { color: hsl(219, 79%, 55%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:55, html.auto .sf-c-txt-cornflowerblue\:55 { color: hsl(219, 79%, 45%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:65, html.auto .sf-c-txt-cornflowerblue\:65 { color: hsl(219, 79%, 35%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:75, html.auto .sf-c-txt-cornflowerblue\:75 { color: hsl(219, 79%, 25%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:85, html.auto .sf-c-txt-cornflowerblue\:85 { color: hsl(219, 79%, 15%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:95, html.auto .sf-c-txt-cornflowerblue\:95 { color: hsl(219, 79%, 5%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:st, html.auto .sf-c-txt-cornflowerblue\:st { color: hsl(219, 79%, 66%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:st, html.auto .sf-c-txt-cornflowerblue\:0\:st { color: hsl(219, 79%, 0%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:5\:st, html.auto .sf-c-txt-cornflowerblue\:5\:st { color: hsl(219, 79%, 5%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:st, html.auto .sf-c-txt-cornflowerblue\:10\:st { color: hsl(219, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:15\:st, html.auto .sf-c-txt-cornflowerblue\:15\:st { color: hsl(219, 79%, 15%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:st, html.auto .sf-c-txt-cornflowerblue\:20\:st { color: hsl(219, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:25\:st, html.auto .sf-c-txt-cornflowerblue\:25\:st { color: hsl(219, 79%, 25%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:st, html.auto .sf-c-txt-cornflowerblue\:30\:st { color: hsl(219, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:35\:st, html.auto .sf-c-txt-cornflowerblue\:35\:st { color: hsl(219, 79%, 35%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:st, html.auto .sf-c-txt-cornflowerblue\:40\:st { color: hsl(219, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:45\:st, html.auto .sf-c-txt-cornflowerblue\:45\:st { color: hsl(219, 79%, 45%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:st, html.auto .sf-c-txt-cornflowerblue\:50\:st { color: hsl(219, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:55\:st, html.auto .sf-c-txt-cornflowerblue\:55\:st { color: hsl(219, 79%, 55%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:st, html.auto .sf-c-txt-cornflowerblue\:60\:st { color: hsl(219, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:65\:st, html.auto .sf-c-txt-cornflowerblue\:65\:st { color: hsl(219, 79%, 65%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:st, html.auto .sf-c-txt-cornflowerblue\:70\:st { color: hsl(219, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:75\:st, html.auto .sf-c-txt-cornflowerblue\:75\:st { color: hsl(219, 79%, 75%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:st, html.auto .sf-c-txt-cornflowerblue\:80\:st { color: hsl(219, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:85\:st, html.auto .sf-c-txt-cornflowerblue\:85\:st { color: hsl(219, 79%, 85%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:st, html.auto .sf-c-txt-cornflowerblue\:90\:st { color: hsl(219, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:95\:st, html.auto .sf-c-txt-cornflowerblue\:95\:st { color: hsl(219, 79%, 95%) } - html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:st, html.auto .sf-c-txt-cornflowerblue\:100\:st { color: hsl(219, 79%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/cornsilk.css b/src/colors/20/cornsilk.css deleted file mode 100644 index 55c1ce0..0000000 --- a/src/colors/20/cornsilk.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-cornsilk { - --sf-c-cornsilk: 48 100% 93%; - --sf-c-cornsilk-0: 48 100% 0%; - --sf-c-cornsilk-5: 48 100% 5%; - --sf-c-cornsilk-10: 48 100% 10%; - --sf-c-cornsilk-15: 48 100% 15%; - --sf-c-cornsilk-20: 48 100% 20%; - --sf-c-cornsilk-25: 48 100% 25%; - --sf-c-cornsilk-30: 48 100% 30%; - --sf-c-cornsilk-35: 48 100% 35%; - --sf-c-cornsilk-40: 48 100% 40%; - --sf-c-cornsilk-45: 48 100% 45%; - --sf-c-cornsilk-50: 48 100% 50%; - --sf-c-cornsilk-55: 48 100% 55%; - --sf-c-cornsilk-60: 48 100% 60%; - --sf-c-cornsilk-65: 48 100% 65%; - --sf-c-cornsilk-70: 48 100% 70%; - --sf-c-cornsilk-75: 48 100% 75%; - --sf-c-cornsilk-80: 48 100% 80%; - --sf-c-cornsilk-85: 48 100% 85%; - --sf-c-cornsilk-90: 48 100% 90%; - --sf-c-cornsilk-95: 48 100% 95%; - --sf-c-cornsilk-100: 48 100% 100%; -} - -.sf-c-cornsilk, .sf-c-cornsilk\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 93%) } -.sf-c-cornsilk\:0, .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } -.sf-c-cornsilk\:5, .sf-c-cornsilk\:5\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } -.sf-c-cornsilk\:10, .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } -.sf-c-cornsilk\:15, .sf-c-cornsilk\:15\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 15%) } -.sf-c-cornsilk\:20, .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 20%) } -.sf-c-cornsilk\:25, .sf-c-cornsilk\:25\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 25%) } -.sf-c-cornsilk\:30, .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 30%) } -.sf-c-cornsilk\:35, .sf-c-cornsilk\:35\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 35%) } -.sf-c-cornsilk\:40, .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 40%) } -.sf-c-cornsilk\:45, .sf-c-cornsilk\:45\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 45%) } -.sf-c-cornsilk\:50, .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 50%) } -.sf-c-cornsilk\:55, .sf-c-cornsilk\:55\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 55%) } -.sf-c-cornsilk\:60, .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 60%) } -.sf-c-cornsilk\:65, .sf-c-cornsilk\:65\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 65%) } -.sf-c-cornsilk\:70, .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 70%) } -.sf-c-cornsilk\:75, .sf-c-cornsilk\:75\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 75%) } -.sf-c-cornsilk\:80, .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 80%) } -.sf-c-cornsilk\:85, .sf-c-cornsilk\:85\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 85%) } -.sf-c-cornsilk\:90, .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 90%) } -.sf-c-cornsilk\:95, .sf-c-cornsilk\:95\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } -.sf-c-cornsilk\:100, .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } - -.sf-c-txt-cornsilk { color: hsl(48, 100%, 10%) } -.sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } -.sf-c-txt-cornsilk\:0, .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } -.sf-c-txt-cornsilk\:5, .sf-c-txt-cornsilk\:5\:st { color: hsl(48, 100%, 5%) } -.sf-c-txt-cornsilk\:10, .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } -.sf-c-txt-cornsilk\:15, .sf-c-txt-cornsilk\:15\:st { color: hsl(48, 100%, 15%) } -.sf-c-txt-cornsilk\:20, .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } -.sf-c-txt-cornsilk\:25, .sf-c-txt-cornsilk\:25\:st { color: hsl(48, 100%, 25%) } -.sf-c-txt-cornsilk\:30, .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } -.sf-c-txt-cornsilk\:35, .sf-c-txt-cornsilk\:35\:st { color: hsl(48, 100%, 35%) } -.sf-c-txt-cornsilk\:40, .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } -.sf-c-txt-cornsilk\:45, .sf-c-txt-cornsilk\:45\:st { color: hsl(48, 100%, 45%) } -.sf-c-txt-cornsilk\:50, .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } -.sf-c-txt-cornsilk\:55, .sf-c-txt-cornsilk\:55\:st { color: hsl(48, 100%, 55%) } -.sf-c-txt-cornsilk\:60, .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } -.sf-c-txt-cornsilk\:65, .sf-c-txt-cornsilk\:65\:st { color: hsl(48, 100%, 65%) } -.sf-c-txt-cornsilk\:70, .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } -.sf-c-txt-cornsilk\:75, .sf-c-txt-cornsilk\:75\:st { color: hsl(48, 100%, 75%) } -.sf-c-txt-cornsilk\:80, .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } -.sf-c-txt-cornsilk\:85, .sf-c-txt-cornsilk\:85\:st { color: hsl(48, 100%, 85%) } -.sf-c-txt-cornsilk\:90, .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } -.sf-c-txt-cornsilk\:95, .sf-c-txt-cornsilk\:95\:st { color: hsl(48, 100%, 95%) } -.sf-c-txt-cornsilk\:100, .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } - -html[data-theme='dark'] .sf-c-cornsilk, html.dark .sf-c-cornsilk { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 7%) } -html[data-theme='dark'] .sf-c-cornsilk\:0, html.dark .sf-c-cornsilk\:0 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } -html[data-theme='dark'] .sf-c-cornsilk\:5, html.dark .sf-c-cornsilk\:5 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } -html[data-theme='dark'] .sf-c-cornsilk\:10, html.dark .sf-c-cornsilk\:10 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-cornsilk\:15, html.dark .sf-c-cornsilk\:15 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 85%) } -html[data-theme='dark'] .sf-c-cornsilk\:20, html.dark .sf-c-cornsilk\:20 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-cornsilk\:25, html.dark .sf-c-cornsilk\:25 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 75%) } -html[data-theme='dark'] .sf-c-cornsilk\:30, html.dark .sf-c-cornsilk\:30 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-cornsilk\:35, html.dark .sf-c-cornsilk\:35 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 65%) } -html[data-theme='dark'] .sf-c-cornsilk\:40, html.dark .sf-c-cornsilk\:40 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-cornsilk\:45, html.dark .sf-c-cornsilk\:45 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 55%) } -html[data-theme='dark'] .sf-c-cornsilk\:50, html.dark .sf-c-cornsilk\:50 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-cornsilk\:55, html.dark .sf-c-cornsilk\:55 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 45%) } -html[data-theme='dark'] .sf-c-cornsilk\:60, html.dark .sf-c-cornsilk\:60 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-cornsilk\:65, html.dark .sf-c-cornsilk\:65 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 35%) } -html[data-theme='dark'] .sf-c-cornsilk\:70, html.dark .sf-c-cornsilk\:70 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-cornsilk\:75, html.dark .sf-c-cornsilk\:75 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 25%) } -html[data-theme='dark'] .sf-c-cornsilk\:80, html.dark .sf-c-cornsilk\:80 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-cornsilk\:85, html.dark .sf-c-cornsilk\:85 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 15%) } -html[data-theme='dark'] .sf-c-cornsilk\:90, html.dark .sf-c-cornsilk\:90 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-cornsilk\:95, html.dark .sf-c-cornsilk\:95 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } -html[data-theme='dark'] .sf-c-cornsilk\:100, html.dark .sf-c-cornsilk\:100 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } - -html[data-theme='dark'] .sf-c-cornsilk\:st, html.dark .sf-c-cornsilk\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-cornsilk\:0\:st, html.dark .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } -html[data-theme='dark'] .sf-c-cornsilk\:5\:st, html.dark .sf-c-cornsilk\:5\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } -html[data-theme='dark'] .sf-c-cornsilk\:10\:st, html.dark .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-cornsilk\:15\:st, html.dark .sf-c-cornsilk\:15\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 15%) } -html[data-theme='dark'] .sf-c-cornsilk\:20\:st, html.dark .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-cornsilk\:25\:st, html.dark .sf-c-cornsilk\:25\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 25%) } -html[data-theme='dark'] .sf-c-cornsilk\:30\:st, html.dark .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-cornsilk\:35\:st, html.dark .sf-c-cornsilk\:35\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 35%) } -html[data-theme='dark'] .sf-c-cornsilk\:40\:st, html.dark .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-cornsilk\:45\:st, html.dark .sf-c-cornsilk\:45\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 45%) } -html[data-theme='dark'] .sf-c-cornsilk\:50\:st, html.dark .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-cornsilk\:55\:st, html.dark .sf-c-cornsilk\:55\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 55%) } -html[data-theme='dark'] .sf-c-cornsilk\:60\:st, html.dark .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-cornsilk\:65\:st, html.dark .sf-c-cornsilk\:65\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 65%) } -html[data-theme='dark'] .sf-c-cornsilk\:70\:st, html.dark .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-cornsilk\:75\:st, html.dark .sf-c-cornsilk\:75\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 75%) } -html[data-theme='dark'] .sf-c-cornsilk\:80\:st, html.dark .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-cornsilk\:85\:st, html.dark .sf-c-cornsilk\:85\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 85%) } -html[data-theme='dark'] .sf-c-cornsilk\:90\:st, html.dark .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-cornsilk\:95\:st, html.dark .sf-c-cornsilk\:95\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } -html[data-theme='dark'] .sf-c-cornsilk\:100\:st, html.dark .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:5, html.dark .sf-c-txt-cornsilk\:5 { color: hsl(48, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:15, html.dark .sf-c-txt-cornsilk\:15 { color: hsl(48, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:25, html.dark .sf-c-txt-cornsilk\:25 { color: hsl(48, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:35, html.dark .sf-c-txt-cornsilk\:35 { color: hsl(48, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:45, html.dark .sf-c-txt-cornsilk\:45 { color: hsl(48, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:55, html.dark .sf-c-txt-cornsilk\:55 { color: hsl(48, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:65, html.dark .sf-c-txt-cornsilk\:65 { color: hsl(48, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:75, html.dark .sf-c-txt-cornsilk\:75 { color: hsl(48, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:85, html.dark .sf-c-txt-cornsilk\:85 { color: hsl(48, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:95, html.dark .sf-c-txt-cornsilk\:95 { color: hsl(48, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cornsilk\:st, html.dark .sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:0\:st, html.dark .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:5\:st, html.dark .sf-c-txt-cornsilk\:5\:st { color: hsl(48, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:10\:st, html.dark .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:15\:st, html.dark .sf-c-txt-cornsilk\:15\:st { color: hsl(48, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:20\:st, html.dark .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:25\:st, html.dark .sf-c-txt-cornsilk\:25\:st { color: hsl(48, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:30\:st, html.dark .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:35\:st, html.dark .sf-c-txt-cornsilk\:35\:st { color: hsl(48, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:40\:st, html.dark .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:45\:st, html.dark .sf-c-txt-cornsilk\:45\:st { color: hsl(48, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:50\:st, html.dark .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:55\:st, html.dark .sf-c-txt-cornsilk\:55\:st { color: hsl(48, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:60\:st, html.dark .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:65\:st, html.dark .sf-c-txt-cornsilk\:65\:st { color: hsl(48, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:70\:st, html.dark .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:75\:st, html.dark .sf-c-txt-cornsilk\:75\:st { color: hsl(48, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:80\:st, html.dark .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:85\:st, html.dark .sf-c-txt-cornsilk\:85\:st { color: hsl(48, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:90\:st, html.dark .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:95\:st, html.dark .sf-c-txt-cornsilk\:95\:st { color: hsl(48, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-cornsilk\:100\:st, html.dark .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cornsilk, html.auto .sf-c-cornsilk { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 7%) } - html[data-theme='auto'] .sf-c-cornsilk\:0, html.auto .sf-c-cornsilk\:0 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } - html[data-theme='auto'] .sf-c-cornsilk\:5, html.auto .sf-c-cornsilk\:5 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } - html[data-theme='auto'] .sf-c-cornsilk\:10, html.auto .sf-c-cornsilk\:10 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-cornsilk\:15, html.auto .sf-c-cornsilk\:15 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 85%) } - html[data-theme='auto'] .sf-c-cornsilk\:20, html.auto .sf-c-cornsilk\:20 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-cornsilk\:25, html.auto .sf-c-cornsilk\:25 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 75%) } - html[data-theme='auto'] .sf-c-cornsilk\:30, html.auto .sf-c-cornsilk\:30 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-cornsilk\:35, html.auto .sf-c-cornsilk\:35 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 65%) } - html[data-theme='auto'] .sf-c-cornsilk\:40, html.auto .sf-c-cornsilk\:40 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-cornsilk\:45, html.auto .sf-c-cornsilk\:45 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 55%) } - html[data-theme='auto'] .sf-c-cornsilk\:50, html.auto .sf-c-cornsilk\:50 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-cornsilk\:55, html.auto .sf-c-cornsilk\:55 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 45%) } - html[data-theme='auto'] .sf-c-cornsilk\:60, html.auto .sf-c-cornsilk\:60 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-cornsilk\:65, html.auto .sf-c-cornsilk\:65 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 35%) } - html[data-theme='auto'] .sf-c-cornsilk\:70, html.auto .sf-c-cornsilk\:70 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-cornsilk\:75, html.auto .sf-c-cornsilk\:75 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 25%) } - html[data-theme='auto'] .sf-c-cornsilk\:80, html.auto .sf-c-cornsilk\:80 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-cornsilk\:85, html.auto .sf-c-cornsilk\:85 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 15%) } - html[data-theme='auto'] .sf-c-cornsilk\:90, html.auto .sf-c-cornsilk\:90 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-cornsilk\:95, html.auto .sf-c-cornsilk\:95 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } - html[data-theme='auto'] .sf-c-cornsilk\:100, html.auto .sf-c-cornsilk\:100 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } - - html[data-theme='auto'] .sf-c-cornsilk\:st, html.auto .sf-c-cornsilk\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-cornsilk\:0\:st, html.auto .sf-c-cornsilk\:0\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } - html[data-theme='auto'] .sf-c-cornsilk\:5\:st, html.auto .sf-c-cornsilk\:5\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } - html[data-theme='auto'] .sf-c-cornsilk\:10\:st, html.auto .sf-c-cornsilk\:10\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-cornsilk\:15\:st, html.auto .sf-c-cornsilk\:15\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 15%) } - html[data-theme='auto'] .sf-c-cornsilk\:20\:st, html.auto .sf-c-cornsilk\:20\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-cornsilk\:25\:st, html.auto .sf-c-cornsilk\:25\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 25%) } - html[data-theme='auto'] .sf-c-cornsilk\:30\:st, html.auto .sf-c-cornsilk\:30\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-cornsilk\:35\:st, html.auto .sf-c-cornsilk\:35\:st { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 35%) } - html[data-theme='auto'] .sf-c-cornsilk\:40\:st, html.auto .sf-c-cornsilk\:40\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-cornsilk\:45\:st, html.auto .sf-c-cornsilk\:45\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 45%) } - html[data-theme='auto'] .sf-c-cornsilk\:50\:st, html.auto .sf-c-cornsilk\:50\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-cornsilk\:55\:st, html.auto .sf-c-cornsilk\:55\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 55%) } - html[data-theme='auto'] .sf-c-cornsilk\:60\:st, html.auto .sf-c-cornsilk\:60\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-cornsilk\:65\:st, html.auto .sf-c-cornsilk\:65\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 65%) } - html[data-theme='auto'] .sf-c-cornsilk\:70\:st, html.auto .sf-c-cornsilk\:70\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-cornsilk\:75\:st, html.auto .sf-c-cornsilk\:75\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 75%) } - html[data-theme='auto'] .sf-c-cornsilk\:80\:st, html.auto .sf-c-cornsilk\:80\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-cornsilk\:85\:st, html.auto .sf-c-cornsilk\:85\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 85%) } - html[data-theme='auto'] .sf-c-cornsilk\:90\:st, html.auto .sf-c-cornsilk\:90\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-cornsilk\:95\:st, html.auto .sf-c-cornsilk\:95\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } - html[data-theme='auto'] .sf-c-cornsilk\:100\:st, html.auto .sf-c-cornsilk\:100\:st { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:5, html.auto .sf-c-txt-cornsilk\:5 { color: hsl(48, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:15, html.auto .sf-c-txt-cornsilk\:15 { color: hsl(48, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:25, html.auto .sf-c-txt-cornsilk\:25 { color: hsl(48, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:35, html.auto .sf-c-txt-cornsilk\:35 { color: hsl(48, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:45, html.auto .sf-c-txt-cornsilk\:45 { color: hsl(48, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:55, html.auto .sf-c-txt-cornsilk\:55 { color: hsl(48, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:65, html.auto .sf-c-txt-cornsilk\:65 { color: hsl(48, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:75, html.auto .sf-c-txt-cornsilk\:75 { color: hsl(48, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:85, html.auto .sf-c-txt-cornsilk\:85 { color: hsl(48, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:95, html.auto .sf-c-txt-cornsilk\:95 { color: hsl(48, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cornsilk\:st, html.auto .sf-c-txt-cornsilk\:st { color: hsl(48, 100%, 93%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:0\:st, html.auto .sf-c-txt-cornsilk\:0\:st { color: hsl(48, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:5\:st, html.auto .sf-c-txt-cornsilk\:5\:st { color: hsl(48, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:10\:st, html.auto .sf-c-txt-cornsilk\:10\:st { color: hsl(48, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:15\:st, html.auto .sf-c-txt-cornsilk\:15\:st { color: hsl(48, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:20\:st, html.auto .sf-c-txt-cornsilk\:20\:st { color: hsl(48, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:25\:st, html.auto .sf-c-txt-cornsilk\:25\:st { color: hsl(48, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:30\:st, html.auto .sf-c-txt-cornsilk\:30\:st { color: hsl(48, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:35\:st, html.auto .sf-c-txt-cornsilk\:35\:st { color: hsl(48, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:40\:st, html.auto .sf-c-txt-cornsilk\:40\:st { color: hsl(48, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:45\:st, html.auto .sf-c-txt-cornsilk\:45\:st { color: hsl(48, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:50\:st, html.auto .sf-c-txt-cornsilk\:50\:st { color: hsl(48, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:55\:st, html.auto .sf-c-txt-cornsilk\:55\:st { color: hsl(48, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:60\:st, html.auto .sf-c-txt-cornsilk\:60\:st { color: hsl(48, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:65\:st, html.auto .sf-c-txt-cornsilk\:65\:st { color: hsl(48, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:70\:st, html.auto .sf-c-txt-cornsilk\:70\:st { color: hsl(48, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:75\:st, html.auto .sf-c-txt-cornsilk\:75\:st { color: hsl(48, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:80\:st, html.auto .sf-c-txt-cornsilk\:80\:st { color: hsl(48, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:85\:st, html.auto .sf-c-txt-cornsilk\:85\:st { color: hsl(48, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:90\:st, html.auto .sf-c-txt-cornsilk\:90\:st { color: hsl(48, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:95\:st, html.auto .sf-c-txt-cornsilk\:95\:st { color: hsl(48, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-cornsilk\:100\:st, html.auto .sf-c-txt-cornsilk\:100\:st { color: hsl(48, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/crimson.css b/src/colors/20/crimson.css deleted file mode 100644 index 0476a26..0000000 --- a/src/colors/20/crimson.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-crimson { - --sf-c-crimson: 348 83% 47%; - --sf-c-crimson-0: 348 83% 0%; - --sf-c-crimson-5: 348 83% 5%; - --sf-c-crimson-10: 348 83% 10%; - --sf-c-crimson-15: 348 83% 15%; - --sf-c-crimson-20: 348 83% 20%; - --sf-c-crimson-25: 348 83% 25%; - --sf-c-crimson-30: 348 83% 30%; - --sf-c-crimson-35: 348 83% 35%; - --sf-c-crimson-40: 348 83% 40%; - --sf-c-crimson-45: 348 83% 45%; - --sf-c-crimson-50: 348 83% 50%; - --sf-c-crimson-55: 348 83% 55%; - --sf-c-crimson-60: 348 83% 60%; - --sf-c-crimson-65: 348 83% 65%; - --sf-c-crimson-70: 348 83% 70%; - --sf-c-crimson-75: 348 83% 75%; - --sf-c-crimson-80: 348 83% 80%; - --sf-c-crimson-85: 348 83% 85%; - --sf-c-crimson-90: 348 83% 90%; - --sf-c-crimson-95: 348 83% 95%; - --sf-c-crimson-100: 348 83% 100%; -} - -.sf-c-crimson, .sf-c-crimson\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 47%) } -.sf-c-crimson\:0, .sf-c-crimson\:0\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } -.sf-c-crimson\:5, .sf-c-crimson\:5\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } -.sf-c-crimson\:10, .sf-c-crimson\:10\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } -.sf-c-crimson\:15, .sf-c-crimson\:15\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 15%) } -.sf-c-crimson\:20, .sf-c-crimson\:20\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 20%) } -.sf-c-crimson\:25, .sf-c-crimson\:25\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 25%) } -.sf-c-crimson\:30, .sf-c-crimson\:30\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 30%) } -.sf-c-crimson\:35, .sf-c-crimson\:35\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 35%) } -.sf-c-crimson\:40, .sf-c-crimson\:40\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 40%) } -.sf-c-crimson\:45, .sf-c-crimson\:45\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 45%) } -.sf-c-crimson\:50, .sf-c-crimson\:50\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 50%) } -.sf-c-crimson\:55, .sf-c-crimson\:55\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 55%) } -.sf-c-crimson\:60, .sf-c-crimson\:60\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 60%) } -.sf-c-crimson\:65, .sf-c-crimson\:65\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 65%) } -.sf-c-crimson\:70, .sf-c-crimson\:70\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 70%) } -.sf-c-crimson\:75, .sf-c-crimson\:75\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 75%) } -.sf-c-crimson\:80, .sf-c-crimson\:80\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 80%) } -.sf-c-crimson\:85, .sf-c-crimson\:85\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 85%) } -.sf-c-crimson\:90, .sf-c-crimson\:90\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 90%) } -.sf-c-crimson\:95, .sf-c-crimson\:95\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } -.sf-c-crimson\:100, .sf-c-crimson\:100\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } - -.sf-c-txt-crimson { color: hsl(348, 83%, 47%) } -.sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } -.sf-c-txt-crimson\:0, .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } -.sf-c-txt-crimson\:5, .sf-c-txt-crimson\:5\:st { color: hsl(348, 83%, 5%) } -.sf-c-txt-crimson\:10, .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } -.sf-c-txt-crimson\:15, .sf-c-txt-crimson\:15\:st { color: hsl(348, 83%, 15%) } -.sf-c-txt-crimson\:20, .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } -.sf-c-txt-crimson\:25, .sf-c-txt-crimson\:25\:st { color: hsl(348, 83%, 25%) } -.sf-c-txt-crimson\:30, .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } -.sf-c-txt-crimson\:35, .sf-c-txt-crimson\:35\:st { color: hsl(348, 83%, 35%) } -.sf-c-txt-crimson\:40, .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } -.sf-c-txt-crimson\:45, .sf-c-txt-crimson\:45\:st { color: hsl(348, 83%, 45%) } -.sf-c-txt-crimson\:50, .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } -.sf-c-txt-crimson\:55, .sf-c-txt-crimson\:55\:st { color: hsl(348, 83%, 55%) } -.sf-c-txt-crimson\:60, .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } -.sf-c-txt-crimson\:65, .sf-c-txt-crimson\:65\:st { color: hsl(348, 83%, 65%) } -.sf-c-txt-crimson\:70, .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } -.sf-c-txt-crimson\:75, .sf-c-txt-crimson\:75\:st { color: hsl(348, 83%, 75%) } -.sf-c-txt-crimson\:80, .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } -.sf-c-txt-crimson\:85, .sf-c-txt-crimson\:85\:st { color: hsl(348, 83%, 85%) } -.sf-c-txt-crimson\:90, .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } -.sf-c-txt-crimson\:95, .sf-c-txt-crimson\:95\:st { color: hsl(348, 83%, 95%) } -.sf-c-txt-crimson\:100, .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } - -html[data-theme='dark'] .sf-c-crimson, html.dark .sf-c-crimson { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 53%) } -html[data-theme='dark'] .sf-c-crimson\:0, html.dark .sf-c-crimson\:0 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } -html[data-theme='dark'] .sf-c-crimson\:5, html.dark .sf-c-crimson\:5 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } -html[data-theme='dark'] .sf-c-crimson\:10, html.dark .sf-c-crimson\:10 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-crimson\:15, html.dark .sf-c-crimson\:15 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 85%) } -html[data-theme='dark'] .sf-c-crimson\:20, html.dark .sf-c-crimson\:20 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-crimson\:25, html.dark .sf-c-crimson\:25 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 75%) } -html[data-theme='dark'] .sf-c-crimson\:30, html.dark .sf-c-crimson\:30 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-crimson\:35, html.dark .sf-c-crimson\:35 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 65%) } -html[data-theme='dark'] .sf-c-crimson\:40, html.dark .sf-c-crimson\:40 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-crimson\:45, html.dark .sf-c-crimson\:45 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 55%) } -html[data-theme='dark'] .sf-c-crimson\:50, html.dark .sf-c-crimson\:50 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-crimson\:55, html.dark .sf-c-crimson\:55 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 45%) } -html[data-theme='dark'] .sf-c-crimson\:60, html.dark .sf-c-crimson\:60 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-crimson\:65, html.dark .sf-c-crimson\:65 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 35%) } -html[data-theme='dark'] .sf-c-crimson\:70, html.dark .sf-c-crimson\:70 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-crimson\:75, html.dark .sf-c-crimson\:75 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 25%) } -html[data-theme='dark'] .sf-c-crimson\:80, html.dark .sf-c-crimson\:80 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-crimson\:85, html.dark .sf-c-crimson\:85 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 15%) } -html[data-theme='dark'] .sf-c-crimson\:90, html.dark .sf-c-crimson\:90 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-crimson\:95, html.dark .sf-c-crimson\:95 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } -html[data-theme='dark'] .sf-c-crimson\:100, html.dark .sf-c-crimson\:100 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } - -html[data-theme='dark'] .sf-c-crimson\:st, html.dark .sf-c-crimson\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 47%) } -html[data-theme='dark'] .sf-c-crimson\:0\:st, html.dark .sf-c-crimson\:0\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } -html[data-theme='dark'] .sf-c-crimson\:5\:st, html.dark .sf-c-crimson\:5\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } -html[data-theme='dark'] .sf-c-crimson\:10\:st, html.dark .sf-c-crimson\:10\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-crimson\:15\:st, html.dark .sf-c-crimson\:15\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 15%) } -html[data-theme='dark'] .sf-c-crimson\:20\:st, html.dark .sf-c-crimson\:20\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-crimson\:25\:st, html.dark .sf-c-crimson\:25\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 25%) } -html[data-theme='dark'] .sf-c-crimson\:30\:st, html.dark .sf-c-crimson\:30\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-crimson\:35\:st, html.dark .sf-c-crimson\:35\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 35%) } -html[data-theme='dark'] .sf-c-crimson\:40\:st, html.dark .sf-c-crimson\:40\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-crimson\:45\:st, html.dark .sf-c-crimson\:45\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 45%) } -html[data-theme='dark'] .sf-c-crimson\:50\:st, html.dark .sf-c-crimson\:50\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-crimson\:55\:st, html.dark .sf-c-crimson\:55\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 55%) } -html[data-theme='dark'] .sf-c-crimson\:60\:st, html.dark .sf-c-crimson\:60\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-crimson\:65\:st, html.dark .sf-c-crimson\:65\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 65%) } -html[data-theme='dark'] .sf-c-crimson\:70\:st, html.dark .sf-c-crimson\:70\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-crimson\:75\:st, html.dark .sf-c-crimson\:75\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 75%) } -html[data-theme='dark'] .sf-c-crimson\:80\:st, html.dark .sf-c-crimson\:80\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-crimson\:85\:st, html.dark .sf-c-crimson\:85\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 85%) } -html[data-theme='dark'] .sf-c-crimson\:90\:st, html.dark .sf-c-crimson\:90\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-crimson\:95\:st, html.dark .sf-c-crimson\:95\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } -html[data-theme='dark'] .sf-c-crimson\:100\:st, html.dark .sf-c-crimson\:100\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } - -html[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } -html[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } -html[data-theme='dark'] .sf-c-txt-crimson\:5, html.dark .sf-c-txt-crimson\:5 { color: hsl(348, 83%, 95%) } -html[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-txt-crimson\:15, html.dark .sf-c-txt-crimson\:15 { color: hsl(348, 83%, 85%) } -html[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-txt-crimson\:25, html.dark .sf-c-txt-crimson\:25 { color: hsl(348, 83%, 75%) } -html[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-txt-crimson\:35, html.dark .sf-c-txt-crimson\:35 { color: hsl(348, 83%, 65%) } -html[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-txt-crimson\:45, html.dark .sf-c-txt-crimson\:45 { color: hsl(348, 83%, 55%) } -html[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-txt-crimson\:55, html.dark .sf-c-txt-crimson\:55 { color: hsl(348, 83%, 45%) } -html[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-txt-crimson\:65, html.dark .sf-c-txt-crimson\:65 { color: hsl(348, 83%, 35%) } -html[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-txt-crimson\:75, html.dark .sf-c-txt-crimson\:75 { color: hsl(348, 83%, 25%) } -html[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-txt-crimson\:85, html.dark .sf-c-txt-crimson\:85 { color: hsl(348, 83%, 15%) } -html[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-txt-crimson\:95, html.dark .sf-c-txt-crimson\:95 { color: hsl(348, 83%, 5%) } -html[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } - -html[data-theme='dark'] .sf-c-txt-crimson\:st, html.dark .sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } -html[data-theme='dark'] .sf-c-txt-crimson\:0\:st, html.dark .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } -html[data-theme='dark'] .sf-c-txt-crimson\:5\:st, html.dark .sf-c-txt-crimson\:5\:st { color: hsl(348, 83%, 5%) } -html[data-theme='dark'] .sf-c-txt-crimson\:10\:st, html.dark .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } -html[data-theme='dark'] .sf-c-txt-crimson\:15\:st, html.dark .sf-c-txt-crimson\:15\:st { color: hsl(348, 83%, 15%) } -html[data-theme='dark'] .sf-c-txt-crimson\:20\:st, html.dark .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } -html[data-theme='dark'] .sf-c-txt-crimson\:25\:st, html.dark .sf-c-txt-crimson\:25\:st { color: hsl(348, 83%, 25%) } -html[data-theme='dark'] .sf-c-txt-crimson\:30\:st, html.dark .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } -html[data-theme='dark'] .sf-c-txt-crimson\:35\:st, html.dark .sf-c-txt-crimson\:35\:st { color: hsl(348, 83%, 35%) } -html[data-theme='dark'] .sf-c-txt-crimson\:40\:st, html.dark .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } -html[data-theme='dark'] .sf-c-txt-crimson\:45\:st, html.dark .sf-c-txt-crimson\:45\:st { color: hsl(348, 83%, 45%) } -html[data-theme='dark'] .sf-c-txt-crimson\:50\:st, html.dark .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } -html[data-theme='dark'] .sf-c-txt-crimson\:55\:st, html.dark .sf-c-txt-crimson\:55\:st { color: hsl(348, 83%, 55%) } -html[data-theme='dark'] .sf-c-txt-crimson\:60\:st, html.dark .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } -html[data-theme='dark'] .sf-c-txt-crimson\:65\:st, html.dark .sf-c-txt-crimson\:65\:st { color: hsl(348, 83%, 65%) } -html[data-theme='dark'] .sf-c-txt-crimson\:70\:st, html.dark .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } -html[data-theme='dark'] .sf-c-txt-crimson\:75\:st, html.dark .sf-c-txt-crimson\:75\:st { color: hsl(348, 83%, 75%) } -html[data-theme='dark'] .sf-c-txt-crimson\:80\:st, html.dark .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } -html[data-theme='dark'] .sf-c-txt-crimson\:85\:st, html.dark .sf-c-txt-crimson\:85\:st { color: hsl(348, 83%, 85%) } -html[data-theme='dark'] .sf-c-txt-crimson\:90\:st, html.dark .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } -html[data-theme='dark'] .sf-c-txt-crimson\:95\:st, html.dark .sf-c-txt-crimson\:95\:st { color: hsl(348, 83%, 95%) } -html[data-theme='dark'] .sf-c-txt-crimson\:100\:st, html.dark .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-crimson, html.auto .sf-c-crimson { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 53%) } - html[data-theme='auto'] .sf-c-crimson\:0, html.auto .sf-c-crimson\:0 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } - html[data-theme='auto'] .sf-c-crimson\:5, html.auto .sf-c-crimson\:5 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } - html[data-theme='auto'] .sf-c-crimson\:10, html.auto .sf-c-crimson\:10 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-crimson\:15, html.auto .sf-c-crimson\:15 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 85%) } - html[data-theme='auto'] .sf-c-crimson\:20, html.auto .sf-c-crimson\:20 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-crimson\:25, html.auto .sf-c-crimson\:25 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 75%) } - html[data-theme='auto'] .sf-c-crimson\:30, html.auto .sf-c-crimson\:30 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-crimson\:35, html.auto .sf-c-crimson\:35 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 65%) } - html[data-theme='auto'] .sf-c-crimson\:40, html.auto .sf-c-crimson\:40 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-crimson\:45, html.auto .sf-c-crimson\:45 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 55%) } - html[data-theme='auto'] .sf-c-crimson\:50, html.auto .sf-c-crimson\:50 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-crimson\:55, html.auto .sf-c-crimson\:55 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 45%) } - html[data-theme='auto'] .sf-c-crimson\:60, html.auto .sf-c-crimson\:60 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-crimson\:65, html.auto .sf-c-crimson\:65 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 35%) } - html[data-theme='auto'] .sf-c-crimson\:70, html.auto .sf-c-crimson\:70 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-crimson\:75, html.auto .sf-c-crimson\:75 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 25%) } - html[data-theme='auto'] .sf-c-crimson\:80, html.auto .sf-c-crimson\:80 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-crimson\:85, html.auto .sf-c-crimson\:85 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 15%) } - html[data-theme='auto'] .sf-c-crimson\:90, html.auto .sf-c-crimson\:90 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-crimson\:95, html.auto .sf-c-crimson\:95 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } - html[data-theme='auto'] .sf-c-crimson\:100, html.auto .sf-c-crimson\:100 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } - - html[data-theme='auto'] .sf-c-crimson\:st, html.auto .sf-c-crimson\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 47%) } - html[data-theme='auto'] .sf-c-crimson\:0\:st, html.auto .sf-c-crimson\:0\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } - html[data-theme='auto'] .sf-c-crimson\:5\:st, html.auto .sf-c-crimson\:5\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } - html[data-theme='auto'] .sf-c-crimson\:10\:st, html.auto .sf-c-crimson\:10\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-crimson\:15\:st, html.auto .sf-c-crimson\:15\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 15%) } - html[data-theme='auto'] .sf-c-crimson\:20\:st, html.auto .sf-c-crimson\:20\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-crimson\:25\:st, html.auto .sf-c-crimson\:25\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 25%) } - html[data-theme='auto'] .sf-c-crimson\:30\:st, html.auto .sf-c-crimson\:30\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-crimson\:35\:st, html.auto .sf-c-crimson\:35\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 35%) } - html[data-theme='auto'] .sf-c-crimson\:40\:st, html.auto .sf-c-crimson\:40\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-crimson\:45\:st, html.auto .sf-c-crimson\:45\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 45%) } - html[data-theme='auto'] .sf-c-crimson\:50\:st, html.auto .sf-c-crimson\:50\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-crimson\:55\:st, html.auto .sf-c-crimson\:55\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 55%) } - html[data-theme='auto'] .sf-c-crimson\:60\:st, html.auto .sf-c-crimson\:60\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-crimson\:65\:st, html.auto .sf-c-crimson\:65\:st { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 65%) } - html[data-theme='auto'] .sf-c-crimson\:70\:st, html.auto .sf-c-crimson\:70\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-crimson\:75\:st, html.auto .sf-c-crimson\:75\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 75%) } - html[data-theme='auto'] .sf-c-crimson\:80\:st, html.auto .sf-c-crimson\:80\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-crimson\:85\:st, html.auto .sf-c-crimson\:85\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 85%) } - html[data-theme='auto'] .sf-c-crimson\:90\:st, html.auto .sf-c-crimson\:90\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-crimson\:95\:st, html.auto .sf-c-crimson\:95\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } - html[data-theme='auto'] .sf-c-crimson\:100\:st, html.auto .sf-c-crimson\:100\:st { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } - - html[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } - html[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } - html[data-theme='auto'] .sf-c-txt-crimson\:5, html.auto .sf-c-txt-crimson\:5 { color: hsl(348, 83%, 95%) } - html[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-txt-crimson\:15, html.auto .sf-c-txt-crimson\:15 { color: hsl(348, 83%, 85%) } - html[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-txt-crimson\:25, html.auto .sf-c-txt-crimson\:25 { color: hsl(348, 83%, 75%) } - html[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-txt-crimson\:35, html.auto .sf-c-txt-crimson\:35 { color: hsl(348, 83%, 65%) } - html[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-txt-crimson\:45, html.auto .sf-c-txt-crimson\:45 { color: hsl(348, 83%, 55%) } - html[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-txt-crimson\:55, html.auto .sf-c-txt-crimson\:55 { color: hsl(348, 83%, 45%) } - html[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-txt-crimson\:65, html.auto .sf-c-txt-crimson\:65 { color: hsl(348, 83%, 35%) } - html[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-txt-crimson\:75, html.auto .sf-c-txt-crimson\:75 { color: hsl(348, 83%, 25%) } - html[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-txt-crimson\:85, html.auto .sf-c-txt-crimson\:85 { color: hsl(348, 83%, 15%) } - html[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-txt-crimson\:95, html.auto .sf-c-txt-crimson\:95 { color: hsl(348, 83%, 5%) } - html[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } - - html[data-theme='auto'] .sf-c-txt-crimson\:st, html.auto .sf-c-txt-crimson\:st { color: hsl(348, 83%, 47%) } - html[data-theme='auto'] .sf-c-txt-crimson\:0\:st, html.auto .sf-c-txt-crimson\:0\:st { color: hsl(348, 83%, 0%) } - html[data-theme='auto'] .sf-c-txt-crimson\:5\:st, html.auto .sf-c-txt-crimson\:5\:st { color: hsl(348, 83%, 5%) } - html[data-theme='auto'] .sf-c-txt-crimson\:10\:st, html.auto .sf-c-txt-crimson\:10\:st { color: hsl(348, 83%, 10%) } - html[data-theme='auto'] .sf-c-txt-crimson\:15\:st, html.auto .sf-c-txt-crimson\:15\:st { color: hsl(348, 83%, 15%) } - html[data-theme='auto'] .sf-c-txt-crimson\:20\:st, html.auto .sf-c-txt-crimson\:20\:st { color: hsl(348, 83%, 20%) } - html[data-theme='auto'] .sf-c-txt-crimson\:25\:st, html.auto .sf-c-txt-crimson\:25\:st { color: hsl(348, 83%, 25%) } - html[data-theme='auto'] .sf-c-txt-crimson\:30\:st, html.auto .sf-c-txt-crimson\:30\:st { color: hsl(348, 83%, 30%) } - html[data-theme='auto'] .sf-c-txt-crimson\:35\:st, html.auto .sf-c-txt-crimson\:35\:st { color: hsl(348, 83%, 35%) } - html[data-theme='auto'] .sf-c-txt-crimson\:40\:st, html.auto .sf-c-txt-crimson\:40\:st { color: hsl(348, 83%, 40%) } - html[data-theme='auto'] .sf-c-txt-crimson\:45\:st, html.auto .sf-c-txt-crimson\:45\:st { color: hsl(348, 83%, 45%) } - html[data-theme='auto'] .sf-c-txt-crimson\:50\:st, html.auto .sf-c-txt-crimson\:50\:st { color: hsl(348, 83%, 50%) } - html[data-theme='auto'] .sf-c-txt-crimson\:55\:st, html.auto .sf-c-txt-crimson\:55\:st { color: hsl(348, 83%, 55%) } - html[data-theme='auto'] .sf-c-txt-crimson\:60\:st, html.auto .sf-c-txt-crimson\:60\:st { color: hsl(348, 83%, 60%) } - html[data-theme='auto'] .sf-c-txt-crimson\:65\:st, html.auto .sf-c-txt-crimson\:65\:st { color: hsl(348, 83%, 65%) } - html[data-theme='auto'] .sf-c-txt-crimson\:70\:st, html.auto .sf-c-txt-crimson\:70\:st { color: hsl(348, 83%, 70%) } - html[data-theme='auto'] .sf-c-txt-crimson\:75\:st, html.auto .sf-c-txt-crimson\:75\:st { color: hsl(348, 83%, 75%) } - html[data-theme='auto'] .sf-c-txt-crimson\:80\:st, html.auto .sf-c-txt-crimson\:80\:st { color: hsl(348, 83%, 80%) } - html[data-theme='auto'] .sf-c-txt-crimson\:85\:st, html.auto .sf-c-txt-crimson\:85\:st { color: hsl(348, 83%, 85%) } - html[data-theme='auto'] .sf-c-txt-crimson\:90\:st, html.auto .sf-c-txt-crimson\:90\:st { color: hsl(348, 83%, 90%) } - html[data-theme='auto'] .sf-c-txt-crimson\:95\:st, html.auto .sf-c-txt-crimson\:95\:st { color: hsl(348, 83%, 95%) } - html[data-theme='auto'] .sf-c-txt-crimson\:100\:st, html.auto .sf-c-txt-crimson\:100\:st { color: hsl(348, 83%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/cyan.css b/src/colors/20/cyan.css deleted file mode 100644 index d272ae3..0000000 --- a/src/colors/20/cyan.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-cyan { - --sf-c-cyan: 180 100% 50%; - --sf-c-cyan-0: 180 100% 0%; - --sf-c-cyan-5: 180 100% 5%; - --sf-c-cyan-10: 180 100% 10%; - --sf-c-cyan-15: 180 100% 15%; - --sf-c-cyan-20: 180 100% 20%; - --sf-c-cyan-25: 180 100% 25%; - --sf-c-cyan-30: 180 100% 30%; - --sf-c-cyan-35: 180 100% 35%; - --sf-c-cyan-40: 180 100% 40%; - --sf-c-cyan-45: 180 100% 45%; - --sf-c-cyan-50: 180 100% 50%; - --sf-c-cyan-55: 180 100% 55%; - --sf-c-cyan-60: 180 100% 60%; - --sf-c-cyan-65: 180 100% 65%; - --sf-c-cyan-70: 180 100% 70%; - --sf-c-cyan-75: 180 100% 75%; - --sf-c-cyan-80: 180 100% 80%; - --sf-c-cyan-85: 180 100% 85%; - --sf-c-cyan-90: 180 100% 90%; - --sf-c-cyan-95: 180 100% 95%; - --sf-c-cyan-100: 180 100% 100%; -} - -.sf-c-cyan, .sf-c-cyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-cyan\:0, .sf-c-cyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-cyan\:5, .sf-c-cyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-cyan\:10, .sf-c-cyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-cyan\:15, .sf-c-cyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-cyan\:20, .sf-c-cyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-cyan\:25, .sf-c-cyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-cyan\:30, .sf-c-cyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-cyan\:35, .sf-c-cyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-cyan\:40, .sf-c-cyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-cyan\:45, .sf-c-cyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-cyan\:50, .sf-c-cyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-cyan\:55, .sf-c-cyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-cyan\:60, .sf-c-cyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-cyan\:65, .sf-c-cyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-cyan\:70, .sf-c-cyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-cyan\:75, .sf-c-cyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-cyan\:80, .sf-c-cyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-cyan\:85, .sf-c-cyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-cyan\:90, .sf-c-cyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-cyan\:95, .sf-c-cyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-cyan\:100, .sf-c-cyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-cyan { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:0, .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-cyan\:5, .sf-c-txt-cyan\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-cyan\:10, .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-cyan\:15, .sf-c-txt-cyan\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-cyan\:20, .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-cyan\:25, .sf-c-txt-cyan\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-cyan\:30, .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-cyan\:35, .sf-c-txt-cyan\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-cyan\:40, .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-cyan\:45, .sf-c-txt-cyan\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-cyan\:50, .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-cyan\:55, .sf-c-txt-cyan\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-cyan\:60, .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-cyan\:65, .sf-c-txt-cyan\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-cyan\:70, .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-cyan\:75, .sf-c-txt-cyan\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-cyan\:80, .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-cyan\:85, .sf-c-txt-cyan\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-cyan\:90, .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-cyan\:95, .sf-c-txt-cyan\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-cyan\:100, .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-cyan, html.dark .sf-c-cyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:0, html.dark .sf-c-cyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-cyan\:5, html.dark .sf-c-cyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-cyan\:10, html.dark .sf-c-cyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-cyan\:15, html.dark .sf-c-cyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-cyan\:20, html.dark .sf-c-cyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-cyan\:25, html.dark .sf-c-cyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-cyan\:30, html.dark .sf-c-cyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-cyan\:35, html.dark .sf-c-cyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-cyan\:40, html.dark .sf-c-cyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-cyan\:45, html.dark .sf-c-cyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-cyan\:50, html.dark .sf-c-cyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:55, html.dark .sf-c-cyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-cyan\:60, html.dark .sf-c-cyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-cyan\:65, html.dark .sf-c-cyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-cyan\:70, html.dark .sf-c-cyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-cyan\:75, html.dark .sf-c-cyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-cyan\:80, html.dark .sf-c-cyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-cyan\:85, html.dark .sf-c-cyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-cyan\:90, html.dark .sf-c-cyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-cyan\:95, html.dark .sf-c-cyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-cyan\:100, html.dark .sf-c-cyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-cyan\:st, html.dark .sf-c-cyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:0\:st, html.dark .sf-c-cyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-cyan\:5\:st, html.dark .sf-c-cyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-cyan\:10\:st, html.dark .sf-c-cyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-cyan\:15\:st, html.dark .sf-c-cyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-cyan\:20\:st, html.dark .sf-c-cyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-cyan\:25\:st, html.dark .sf-c-cyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-cyan\:30\:st, html.dark .sf-c-cyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-cyan\:35\:st, html.dark .sf-c-cyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-cyan\:40\:st, html.dark .sf-c-cyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-cyan\:45\:st, html.dark .sf-c-cyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-cyan\:50\:st, html.dark .sf-c-cyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-cyan\:55\:st, html.dark .sf-c-cyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-cyan\:60\:st, html.dark .sf-c-cyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-cyan\:65\:st, html.dark .sf-c-cyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-cyan\:70\:st, html.dark .sf-c-cyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-cyan\:75\:st, html.dark .sf-c-cyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-cyan\:80\:st, html.dark .sf-c-cyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-cyan\:85\:st, html.dark .sf-c-cyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-cyan\:90\:st, html.dark .sf-c-cyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-cyan\:95\:st, html.dark .sf-c-cyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-cyan\:100\:st, html.dark .sf-c-cyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-cyan\:5, html.dark .sf-c-txt-cyan\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cyan\:15, html.dark .sf-c-txt-cyan\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cyan\:25, html.dark .sf-c-txt-cyan\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cyan\:35, html.dark .sf-c-txt-cyan\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cyan\:45, html.dark .sf-c-txt-cyan\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:55, html.dark .sf-c-txt-cyan\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cyan\:65, html.dark .sf-c-txt-cyan\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cyan\:75, html.dark .sf-c-txt-cyan\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cyan\:85, html.dark .sf-c-txt-cyan\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cyan\:95, html.dark .sf-c-txt-cyan\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-cyan\:st, html.dark .sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:0\:st, html.dark .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-cyan\:5\:st, html.dark .sf-c-txt-cyan\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-cyan\:10\:st, html.dark .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-cyan\:15\:st, html.dark .sf-c-txt-cyan\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-cyan\:20\:st, html.dark .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-cyan\:25\:st, html.dark .sf-c-txt-cyan\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-cyan\:30\:st, html.dark .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-cyan\:35\:st, html.dark .sf-c-txt-cyan\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-cyan\:40\:st, html.dark .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-cyan\:45\:st, html.dark .sf-c-txt-cyan\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-cyan\:50\:st, html.dark .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-cyan\:55\:st, html.dark .sf-c-txt-cyan\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-cyan\:60\:st, html.dark .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-cyan\:65\:st, html.dark .sf-c-txt-cyan\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-cyan\:70\:st, html.dark .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-cyan\:75\:st, html.dark .sf-c-txt-cyan\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-cyan\:80\:st, html.dark .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-cyan\:85\:st, html.dark .sf-c-txt-cyan\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-cyan\:90\:st, html.dark .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-cyan\:95\:st, html.dark .sf-c-txt-cyan\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-cyan\:100\:st, html.dark .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-cyan, html.auto .sf-c-cyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:0, html.auto .sf-c-cyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-cyan\:5, html.auto .sf-c-cyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-cyan\:10, html.auto .sf-c-cyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-cyan\:15, html.auto .sf-c-cyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-cyan\:20, html.auto .sf-c-cyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-cyan\:25, html.auto .sf-c-cyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-cyan\:30, html.auto .sf-c-cyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-cyan\:35, html.auto .sf-c-cyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-cyan\:40, html.auto .sf-c-cyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-cyan\:45, html.auto .sf-c-cyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-cyan\:50, html.auto .sf-c-cyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:55, html.auto .sf-c-cyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-cyan\:60, html.auto .sf-c-cyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-cyan\:65, html.auto .sf-c-cyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-cyan\:70, html.auto .sf-c-cyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-cyan\:75, html.auto .sf-c-cyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-cyan\:80, html.auto .sf-c-cyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-cyan\:85, html.auto .sf-c-cyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-cyan\:90, html.auto .sf-c-cyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-cyan\:95, html.auto .sf-c-cyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-cyan\:100, html.auto .sf-c-cyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-cyan\:st, html.auto .sf-c-cyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:0\:st, html.auto .sf-c-cyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-cyan\:5\:st, html.auto .sf-c-cyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-cyan\:10\:st, html.auto .sf-c-cyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-cyan\:15\:st, html.auto .sf-c-cyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-cyan\:20\:st, html.auto .sf-c-cyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-cyan\:25\:st, html.auto .sf-c-cyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-cyan\:30\:st, html.auto .sf-c-cyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-cyan\:35\:st, html.auto .sf-c-cyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-cyan\:40\:st, html.auto .sf-c-cyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-cyan\:45\:st, html.auto .sf-c-cyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-cyan\:50\:st, html.auto .sf-c-cyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-cyan\:55\:st, html.auto .sf-c-cyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-cyan\:60\:st, html.auto .sf-c-cyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-cyan\:65\:st, html.auto .sf-c-cyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-cyan\:70\:st, html.auto .sf-c-cyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-cyan\:75\:st, html.auto .sf-c-cyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-cyan\:80\:st, html.auto .sf-c-cyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-cyan\:85\:st, html.auto .sf-c-cyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-cyan\:90\:st, html.auto .sf-c-cyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-cyan\:95\:st, html.auto .sf-c-cyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-cyan\:100\:st, html.auto .sf-c-cyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-cyan\:5, html.auto .sf-c-txt-cyan\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cyan\:15, html.auto .sf-c-txt-cyan\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cyan\:25, html.auto .sf-c-txt-cyan\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cyan\:35, html.auto .sf-c-txt-cyan\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cyan\:45, html.auto .sf-c-txt-cyan\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:55, html.auto .sf-c-txt-cyan\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cyan\:65, html.auto .sf-c-txt-cyan\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cyan\:75, html.auto .sf-c-txt-cyan\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cyan\:85, html.auto .sf-c-txt-cyan\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cyan\:95, html.auto .sf-c-txt-cyan\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-cyan\:st, html.auto .sf-c-txt-cyan\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:0\:st, html.auto .sf-c-txt-cyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-cyan\:5\:st, html.auto .sf-c-txt-cyan\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-cyan\:10\:st, html.auto .sf-c-txt-cyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-cyan\:15\:st, html.auto .sf-c-txt-cyan\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-cyan\:20\:st, html.auto .sf-c-txt-cyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-cyan\:25\:st, html.auto .sf-c-txt-cyan\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-cyan\:30\:st, html.auto .sf-c-txt-cyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-cyan\:35\:st, html.auto .sf-c-txt-cyan\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-cyan\:40\:st, html.auto .sf-c-txt-cyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-cyan\:45\:st, html.auto .sf-c-txt-cyan\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-cyan\:50\:st, html.auto .sf-c-txt-cyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-cyan\:55\:st, html.auto .sf-c-txt-cyan\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-cyan\:60\:st, html.auto .sf-c-txt-cyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-cyan\:65\:st, html.auto .sf-c-txt-cyan\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-cyan\:70\:st, html.auto .sf-c-txt-cyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-cyan\:75\:st, html.auto .sf-c-txt-cyan\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-cyan\:80\:st, html.auto .sf-c-txt-cyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-cyan\:85\:st, html.auto .sf-c-txt-cyan\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-cyan\:90\:st, html.auto .sf-c-txt-cyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-cyan\:95\:st, html.auto .sf-c-txt-cyan\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-cyan\:100\:st, html.auto .sf-c-txt-cyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkblue.css b/src/colors/20/darkblue.css deleted file mode 100644 index 2ac7eb3..0000000 --- a/src/colors/20/darkblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkblue { - --sf-c-darkblue: 240 100% 27%; - --sf-c-darkblue-0: 240 100% 0%; - --sf-c-darkblue-5: 240 100% 5%; - --sf-c-darkblue-10: 240 100% 10%; - --sf-c-darkblue-15: 240 100% 15%; - --sf-c-darkblue-20: 240 100% 20%; - --sf-c-darkblue-25: 240 100% 25%; - --sf-c-darkblue-30: 240 100% 30%; - --sf-c-darkblue-35: 240 100% 35%; - --sf-c-darkblue-40: 240 100% 40%; - --sf-c-darkblue-45: 240 100% 45%; - --sf-c-darkblue-50: 240 100% 50%; - --sf-c-darkblue-55: 240 100% 55%; - --sf-c-darkblue-60: 240 100% 60%; - --sf-c-darkblue-65: 240 100% 65%; - --sf-c-darkblue-70: 240 100% 70%; - --sf-c-darkblue-75: 240 100% 75%; - --sf-c-darkblue-80: 240 100% 80%; - --sf-c-darkblue-85: 240 100% 85%; - --sf-c-darkblue-90: 240 100% 90%; - --sf-c-darkblue-95: 240 100% 95%; - --sf-c-darkblue-100: 240 100% 100%; -} - -.sf-c-darkblue, .sf-c-darkblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 27%) } -.sf-c-darkblue\:0, .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -.sf-c-darkblue\:5, .sf-c-darkblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -.sf-c-darkblue\:10, .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -.sf-c-darkblue\:15, .sf-c-darkblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -.sf-c-darkblue\:20, .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -.sf-c-darkblue\:25, .sf-c-darkblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-darkblue\:30, .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -.sf-c-darkblue\:35, .sf-c-darkblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -.sf-c-darkblue\:40, .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-darkblue\:45, .sf-c-darkblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -.sf-c-darkblue\:50, .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-darkblue\:55, .sf-c-darkblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -.sf-c-darkblue\:60, .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -.sf-c-darkblue\:65, .sf-c-darkblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -.sf-c-darkblue\:70, .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -.sf-c-darkblue\:75, .sf-c-darkblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -.sf-c-darkblue\:80, .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -.sf-c-darkblue\:85, .sf-c-darkblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -.sf-c-darkblue\:90, .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -.sf-c-darkblue\:95, .sf-c-darkblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -.sf-c-darkblue\:100, .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } -.sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } -.sf-c-txt-darkblue\:0, .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-darkblue\:5, .sf-c-txt-darkblue\:5\:st { color: hsl(240, 100%, 5%) } -.sf-c-txt-darkblue\:10, .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-darkblue\:15, .sf-c-txt-darkblue\:15\:st { color: hsl(240, 100%, 15%) } -.sf-c-txt-darkblue\:20, .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-darkblue\:25, .sf-c-txt-darkblue\:25\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-darkblue\:30, .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-darkblue\:35, .sf-c-txt-darkblue\:35\:st { color: hsl(240, 100%, 35%) } -.sf-c-txt-darkblue\:40, .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-darkblue\:45, .sf-c-txt-darkblue\:45\:st { color: hsl(240, 100%, 45%) } -.sf-c-txt-darkblue\:50, .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-darkblue\:55, .sf-c-txt-darkblue\:55\:st { color: hsl(240, 100%, 55%) } -.sf-c-txt-darkblue\:60, .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-darkblue\:65, .sf-c-txt-darkblue\:65\:st { color: hsl(240, 100%, 65%) } -.sf-c-txt-darkblue\:70, .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-darkblue\:75, .sf-c-txt-darkblue\:75\:st { color: hsl(240, 100%, 75%) } -.sf-c-txt-darkblue\:80, .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-darkblue\:85, .sf-c-txt-darkblue\:85\:st { color: hsl(240, 100%, 85%) } -.sf-c-txt-darkblue\:90, .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-darkblue\:95, .sf-c-txt-darkblue\:95\:st { color: hsl(240, 100%, 95%) } -.sf-c-txt-darkblue\:100, .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkblue, html.dark .sf-c-darkblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkblue\:0, html.dark .sf-c-darkblue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkblue\:5, html.dark .sf-c-darkblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkblue\:10, html.dark .sf-c-darkblue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkblue\:15, html.dark .sf-c-darkblue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkblue\:20, html.dark .sf-c-darkblue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkblue\:25, html.dark .sf-c-darkblue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkblue\:30, html.dark .sf-c-darkblue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkblue\:35, html.dark .sf-c-darkblue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkblue\:40, html.dark .sf-c-darkblue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkblue\:45, html.dark .sf-c-darkblue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkblue\:50, html.dark .sf-c-darkblue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkblue\:55, html.dark .sf-c-darkblue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkblue\:60, html.dark .sf-c-darkblue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkblue\:65, html.dark .sf-c-darkblue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkblue\:70, html.dark .sf-c-darkblue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkblue\:75, html.dark .sf-c-darkblue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkblue\:80, html.dark .sf-c-darkblue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkblue\:85, html.dark .sf-c-darkblue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkblue\:90, html.dark .sf-c-darkblue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkblue\:95, html.dark .sf-c-darkblue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkblue\:100, html.dark .sf-c-darkblue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkblue\:st, html.dark .sf-c-darkblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkblue\:0\:st, html.dark .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkblue\:5\:st, html.dark .sf-c-darkblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkblue\:10\:st, html.dark .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkblue\:15\:st, html.dark .sf-c-darkblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkblue\:20\:st, html.dark .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkblue\:25\:st, html.dark .sf-c-darkblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkblue\:30\:st, html.dark .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkblue\:35\:st, html.dark .sf-c-darkblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkblue\:40\:st, html.dark .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkblue\:45\:st, html.dark .sf-c-darkblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkblue\:50\:st, html.dark .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkblue\:55\:st, html.dark .sf-c-darkblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkblue\:60\:st, html.dark .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkblue\:65\:st, html.dark .sf-c-darkblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkblue\:70\:st, html.dark .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkblue\:75\:st, html.dark .sf-c-darkblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkblue\:80\:st, html.dark .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkblue\:85\:st, html.dark .sf-c-darkblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkblue\:90\:st, html.dark .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkblue\:95\:st, html.dark .sf-c-darkblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkblue\:100\:st, html.dark .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:5, html.dark .sf-c-txt-darkblue\:5 { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:15, html.dark .sf-c-txt-darkblue\:15 { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:25, html.dark .sf-c-txt-darkblue\:25 { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:35, html.dark .sf-c-txt-darkblue\:35 { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:45, html.dark .sf-c-txt-darkblue\:45 { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:55, html.dark .sf-c-txt-darkblue\:55 { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:65, html.dark .sf-c-txt-darkblue\:65 { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:75, html.dark .sf-c-txt-darkblue\:75 { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:85, html.dark .sf-c-txt-darkblue\:85 { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:95, html.dark .sf-c-txt-darkblue\:95 { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkblue\:st, html.dark .sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:0\:st, html.dark .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:5\:st, html.dark .sf-c-txt-darkblue\:5\:st { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:10\:st, html.dark .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:15\:st, html.dark .sf-c-txt-darkblue\:15\:st { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:20\:st, html.dark .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:25\:st, html.dark .sf-c-txt-darkblue\:25\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:30\:st, html.dark .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:35\:st, html.dark .sf-c-txt-darkblue\:35\:st { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:40\:st, html.dark .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:45\:st, html.dark .sf-c-txt-darkblue\:45\:st { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:50\:st, html.dark .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:55\:st, html.dark .sf-c-txt-darkblue\:55\:st { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:60\:st, html.dark .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:65\:st, html.dark .sf-c-txt-darkblue\:65\:st { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:70\:st, html.dark .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:75\:st, html.dark .sf-c-txt-darkblue\:75\:st { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:80\:st, html.dark .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:85\:st, html.dark .sf-c-txt-darkblue\:85\:st { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:90\:st, html.dark .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:95\:st, html.dark .sf-c-txt-darkblue\:95\:st { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkblue\:100\:st, html.dark .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkblue, html.auto .sf-c-darkblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkblue\:0, html.auto .sf-c-darkblue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkblue\:5, html.auto .sf-c-darkblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkblue\:10, html.auto .sf-c-darkblue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkblue\:15, html.auto .sf-c-darkblue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkblue\:20, html.auto .sf-c-darkblue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkblue\:25, html.auto .sf-c-darkblue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkblue\:30, html.auto .sf-c-darkblue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkblue\:35, html.auto .sf-c-darkblue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkblue\:40, html.auto .sf-c-darkblue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkblue\:45, html.auto .sf-c-darkblue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkblue\:50, html.auto .sf-c-darkblue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkblue\:55, html.auto .sf-c-darkblue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkblue\:60, html.auto .sf-c-darkblue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkblue\:65, html.auto .sf-c-darkblue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkblue\:70, html.auto .sf-c-darkblue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkblue\:75, html.auto .sf-c-darkblue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkblue\:80, html.auto .sf-c-darkblue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkblue\:85, html.auto .sf-c-darkblue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkblue\:90, html.auto .sf-c-darkblue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkblue\:95, html.auto .sf-c-darkblue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkblue\:100, html.auto .sf-c-darkblue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkblue\:st, html.auto .sf-c-darkblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkblue\:0\:st, html.auto .sf-c-darkblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkblue\:5\:st, html.auto .sf-c-darkblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkblue\:10\:st, html.auto .sf-c-darkblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkblue\:15\:st, html.auto .sf-c-darkblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkblue\:20\:st, html.auto .sf-c-darkblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkblue\:25\:st, html.auto .sf-c-darkblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkblue\:30\:st, html.auto .sf-c-darkblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkblue\:35\:st, html.auto .sf-c-darkblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkblue\:40\:st, html.auto .sf-c-darkblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkblue\:45\:st, html.auto .sf-c-darkblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkblue\:50\:st, html.auto .sf-c-darkblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkblue\:55\:st, html.auto .sf-c-darkblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkblue\:60\:st, html.auto .sf-c-darkblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkblue\:65\:st, html.auto .sf-c-darkblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkblue\:70\:st, html.auto .sf-c-darkblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkblue\:75\:st, html.auto .sf-c-darkblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkblue\:80\:st, html.auto .sf-c-darkblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkblue\:85\:st, html.auto .sf-c-darkblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkblue\:90\:st, html.auto .sf-c-darkblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkblue\:95\:st, html.auto .sf-c-darkblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkblue\:100\:st, html.auto .sf-c-darkblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:5, html.auto .sf-c-txt-darkblue\:5 { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:15, html.auto .sf-c-txt-darkblue\:15 { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:25, html.auto .sf-c-txt-darkblue\:25 { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:35, html.auto .sf-c-txt-darkblue\:35 { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:45, html.auto .sf-c-txt-darkblue\:45 { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:55, html.auto .sf-c-txt-darkblue\:55 { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:65, html.auto .sf-c-txt-darkblue\:65 { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:75, html.auto .sf-c-txt-darkblue\:75 { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:85, html.auto .sf-c-txt-darkblue\:85 { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:95, html.auto .sf-c-txt-darkblue\:95 { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkblue\:st, html.auto .sf-c-txt-darkblue\:st { color: hsl(240, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:0\:st, html.auto .sf-c-txt-darkblue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:5\:st, html.auto .sf-c-txt-darkblue\:5\:st { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:10\:st, html.auto .sf-c-txt-darkblue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:15\:st, html.auto .sf-c-txt-darkblue\:15\:st { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:20\:st, html.auto .sf-c-txt-darkblue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:25\:st, html.auto .sf-c-txt-darkblue\:25\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:30\:st, html.auto .sf-c-txt-darkblue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:35\:st, html.auto .sf-c-txt-darkblue\:35\:st { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:40\:st, html.auto .sf-c-txt-darkblue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:45\:st, html.auto .sf-c-txt-darkblue\:45\:st { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:50\:st, html.auto .sf-c-txt-darkblue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:55\:st, html.auto .sf-c-txt-darkblue\:55\:st { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:60\:st, html.auto .sf-c-txt-darkblue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:65\:st, html.auto .sf-c-txt-darkblue\:65\:st { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:70\:st, html.auto .sf-c-txt-darkblue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:75\:st, html.auto .sf-c-txt-darkblue\:75\:st { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:80\:st, html.auto .sf-c-txt-darkblue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:85\:st, html.auto .sf-c-txt-darkblue\:85\:st { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:90\:st, html.auto .sf-c-txt-darkblue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:95\:st, html.auto .sf-c-txt-darkblue\:95\:st { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkblue\:100\:st, html.auto .sf-c-txt-darkblue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkcyan.css b/src/colors/20/darkcyan.css deleted file mode 100644 index d021309..0000000 --- a/src/colors/20/darkcyan.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkcyan { - --sf-c-darkcyan: 180 100% 27%; - --sf-c-darkcyan-0: 180 100% 0%; - --sf-c-darkcyan-5: 180 100% 5%; - --sf-c-darkcyan-10: 180 100% 10%; - --sf-c-darkcyan-15: 180 100% 15%; - --sf-c-darkcyan-20: 180 100% 20%; - --sf-c-darkcyan-25: 180 100% 25%; - --sf-c-darkcyan-30: 180 100% 30%; - --sf-c-darkcyan-35: 180 100% 35%; - --sf-c-darkcyan-40: 180 100% 40%; - --sf-c-darkcyan-45: 180 100% 45%; - --sf-c-darkcyan-50: 180 100% 50%; - --sf-c-darkcyan-55: 180 100% 55%; - --sf-c-darkcyan-60: 180 100% 60%; - --sf-c-darkcyan-65: 180 100% 65%; - --sf-c-darkcyan-70: 180 100% 70%; - --sf-c-darkcyan-75: 180 100% 75%; - --sf-c-darkcyan-80: 180 100% 80%; - --sf-c-darkcyan-85: 180 100% 85%; - --sf-c-darkcyan-90: 180 100% 90%; - --sf-c-darkcyan-95: 180 100% 95%; - --sf-c-darkcyan-100: 180 100% 100%; -} - -.sf-c-darkcyan, .sf-c-darkcyan\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 27%) } -.sf-c-darkcyan\:0, .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-darkcyan\:5, .sf-c-darkcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-darkcyan\:10, .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-darkcyan\:15, .sf-c-darkcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-darkcyan\:20, .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-darkcyan\:25, .sf-c-darkcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-darkcyan\:30, .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-darkcyan\:35, .sf-c-darkcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-darkcyan\:40, .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-darkcyan\:45, .sf-c-darkcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-darkcyan\:50, .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-darkcyan\:55, .sf-c-darkcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-darkcyan\:60, .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-darkcyan\:65, .sf-c-darkcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-darkcyan\:70, .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-darkcyan\:75, .sf-c-darkcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-darkcyan\:80, .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-darkcyan\:85, .sf-c-darkcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-darkcyan\:90, .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-darkcyan\:95, .sf-c-darkcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-darkcyan\:100, .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } -.sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } -.sf-c-txt-darkcyan\:0, .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-darkcyan\:5, .sf-c-txt-darkcyan\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-darkcyan\:10, .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-darkcyan\:15, .sf-c-txt-darkcyan\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-darkcyan\:20, .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-darkcyan\:25, .sf-c-txt-darkcyan\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-darkcyan\:30, .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-darkcyan\:35, .sf-c-txt-darkcyan\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-darkcyan\:40, .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-darkcyan\:45, .sf-c-txt-darkcyan\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-darkcyan\:50, .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-darkcyan\:55, .sf-c-txt-darkcyan\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-darkcyan\:60, .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-darkcyan\:65, .sf-c-txt-darkcyan\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-darkcyan\:70, .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-darkcyan\:75, .sf-c-txt-darkcyan\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-darkcyan\:80, .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-darkcyan\:85, .sf-c-txt-darkcyan\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-darkcyan\:90, .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-darkcyan\:95, .sf-c-txt-darkcyan\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-darkcyan\:100, .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkcyan, html.dark .sf-c-darkcyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkcyan\:0, html.dark .sf-c-darkcyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkcyan\:5, html.dark .sf-c-darkcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkcyan\:10, html.dark .sf-c-darkcyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkcyan\:15, html.dark .sf-c-darkcyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkcyan\:20, html.dark .sf-c-darkcyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkcyan\:25, html.dark .sf-c-darkcyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkcyan\:30, html.dark .sf-c-darkcyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkcyan\:35, html.dark .sf-c-darkcyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkcyan\:40, html.dark .sf-c-darkcyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkcyan\:45, html.dark .sf-c-darkcyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkcyan\:50, html.dark .sf-c-darkcyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkcyan\:55, html.dark .sf-c-darkcyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkcyan\:60, html.dark .sf-c-darkcyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkcyan\:65, html.dark .sf-c-darkcyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkcyan\:70, html.dark .sf-c-darkcyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkcyan\:75, html.dark .sf-c-darkcyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkcyan\:80, html.dark .sf-c-darkcyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkcyan\:85, html.dark .sf-c-darkcyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkcyan\:90, html.dark .sf-c-darkcyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkcyan\:95, html.dark .sf-c-darkcyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkcyan\:100, html.dark .sf-c-darkcyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkcyan\:st, html.dark .sf-c-darkcyan\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkcyan\:0\:st, html.dark .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkcyan\:5\:st, html.dark .sf-c-darkcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkcyan\:10\:st, html.dark .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkcyan\:15\:st, html.dark .sf-c-darkcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkcyan\:20\:st, html.dark .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkcyan\:25\:st, html.dark .sf-c-darkcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkcyan\:30\:st, html.dark .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkcyan\:35\:st, html.dark .sf-c-darkcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkcyan\:40\:st, html.dark .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkcyan\:45\:st, html.dark .sf-c-darkcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkcyan\:50\:st, html.dark .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkcyan\:55\:st, html.dark .sf-c-darkcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkcyan\:60\:st, html.dark .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkcyan\:65\:st, html.dark .sf-c-darkcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkcyan\:70\:st, html.dark .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkcyan\:75\:st, html.dark .sf-c-darkcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkcyan\:80\:st, html.dark .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkcyan\:85\:st, html.dark .sf-c-darkcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkcyan\:90\:st, html.dark .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkcyan\:95\:st, html.dark .sf-c-darkcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkcyan\:100\:st, html.dark .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:5, html.dark .sf-c-txt-darkcyan\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:15, html.dark .sf-c-txt-darkcyan\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:25, html.dark .sf-c-txt-darkcyan\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:35, html.dark .sf-c-txt-darkcyan\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:45, html.dark .sf-c-txt-darkcyan\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:55, html.dark .sf-c-txt-darkcyan\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:65, html.dark .sf-c-txt-darkcyan\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:75, html.dark .sf-c-txt-darkcyan\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:85, html.dark .sf-c-txt-darkcyan\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:95, html.dark .sf-c-txt-darkcyan\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkcyan\:st, html.dark .sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:0\:st, html.dark .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:5\:st, html.dark .sf-c-txt-darkcyan\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:10\:st, html.dark .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:15\:st, html.dark .sf-c-txt-darkcyan\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:20\:st, html.dark .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:25\:st, html.dark .sf-c-txt-darkcyan\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:30\:st, html.dark .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:35\:st, html.dark .sf-c-txt-darkcyan\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:40\:st, html.dark .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:45\:st, html.dark .sf-c-txt-darkcyan\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:50\:st, html.dark .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:55\:st, html.dark .sf-c-txt-darkcyan\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:60\:st, html.dark .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:65\:st, html.dark .sf-c-txt-darkcyan\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:70\:st, html.dark .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:75\:st, html.dark .sf-c-txt-darkcyan\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:80\:st, html.dark .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:85\:st, html.dark .sf-c-txt-darkcyan\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:90\:st, html.dark .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:95\:st, html.dark .sf-c-txt-darkcyan\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkcyan\:100\:st, html.dark .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkcyan, html.auto .sf-c-darkcyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkcyan\:0, html.auto .sf-c-darkcyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkcyan\:5, html.auto .sf-c-darkcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkcyan\:10, html.auto .sf-c-darkcyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkcyan\:15, html.auto .sf-c-darkcyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkcyan\:20, html.auto .sf-c-darkcyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkcyan\:25, html.auto .sf-c-darkcyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkcyan\:30, html.auto .sf-c-darkcyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkcyan\:35, html.auto .sf-c-darkcyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkcyan\:40, html.auto .sf-c-darkcyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkcyan\:45, html.auto .sf-c-darkcyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkcyan\:50, html.auto .sf-c-darkcyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkcyan\:55, html.auto .sf-c-darkcyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkcyan\:60, html.auto .sf-c-darkcyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkcyan\:65, html.auto .sf-c-darkcyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkcyan\:70, html.auto .sf-c-darkcyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkcyan\:75, html.auto .sf-c-darkcyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkcyan\:80, html.auto .sf-c-darkcyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkcyan\:85, html.auto .sf-c-darkcyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkcyan\:90, html.auto .sf-c-darkcyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkcyan\:95, html.auto .sf-c-darkcyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkcyan\:100, html.auto .sf-c-darkcyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkcyan\:st, html.auto .sf-c-darkcyan\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkcyan\:0\:st, html.auto .sf-c-darkcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkcyan\:5\:st, html.auto .sf-c-darkcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkcyan\:10\:st, html.auto .sf-c-darkcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkcyan\:15\:st, html.auto .sf-c-darkcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkcyan\:20\:st, html.auto .sf-c-darkcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkcyan\:25\:st, html.auto .sf-c-darkcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkcyan\:30\:st, html.auto .sf-c-darkcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkcyan\:35\:st, html.auto .sf-c-darkcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkcyan\:40\:st, html.auto .sf-c-darkcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkcyan\:45\:st, html.auto .sf-c-darkcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkcyan\:50\:st, html.auto .sf-c-darkcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkcyan\:55\:st, html.auto .sf-c-darkcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkcyan\:60\:st, html.auto .sf-c-darkcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkcyan\:65\:st, html.auto .sf-c-darkcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkcyan\:70\:st, html.auto .sf-c-darkcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkcyan\:75\:st, html.auto .sf-c-darkcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkcyan\:80\:st, html.auto .sf-c-darkcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkcyan\:85\:st, html.auto .sf-c-darkcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkcyan\:90\:st, html.auto .sf-c-darkcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkcyan\:95\:st, html.auto .sf-c-darkcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkcyan\:100\:st, html.auto .sf-c-darkcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:5, html.auto .sf-c-txt-darkcyan\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:15, html.auto .sf-c-txt-darkcyan\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:25, html.auto .sf-c-txt-darkcyan\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:35, html.auto .sf-c-txt-darkcyan\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:45, html.auto .sf-c-txt-darkcyan\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:55, html.auto .sf-c-txt-darkcyan\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:65, html.auto .sf-c-txt-darkcyan\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:75, html.auto .sf-c-txt-darkcyan\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:85, html.auto .sf-c-txt-darkcyan\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:95, html.auto .sf-c-txt-darkcyan\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkcyan\:st, html.auto .sf-c-txt-darkcyan\:st { color: hsl(180, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:0\:st, html.auto .sf-c-txt-darkcyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:5\:st, html.auto .sf-c-txt-darkcyan\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:10\:st, html.auto .sf-c-txt-darkcyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:15\:st, html.auto .sf-c-txt-darkcyan\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:20\:st, html.auto .sf-c-txt-darkcyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:25\:st, html.auto .sf-c-txt-darkcyan\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:30\:st, html.auto .sf-c-txt-darkcyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:35\:st, html.auto .sf-c-txt-darkcyan\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:40\:st, html.auto .sf-c-txt-darkcyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:45\:st, html.auto .sf-c-txt-darkcyan\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:50\:st, html.auto .sf-c-txt-darkcyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:55\:st, html.auto .sf-c-txt-darkcyan\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:60\:st, html.auto .sf-c-txt-darkcyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:65\:st, html.auto .sf-c-txt-darkcyan\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:70\:st, html.auto .sf-c-txt-darkcyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:75\:st, html.auto .sf-c-txt-darkcyan\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:80\:st, html.auto .sf-c-txt-darkcyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:85\:st, html.auto .sf-c-txt-darkcyan\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:90\:st, html.auto .sf-c-txt-darkcyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:95\:st, html.auto .sf-c-txt-darkcyan\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkcyan\:100\:st, html.auto .sf-c-txt-darkcyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkgoldenrod.css b/src/colors/20/darkgoldenrod.css deleted file mode 100644 index 8852029..0000000 --- a/src/colors/20/darkgoldenrod.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkgoldenrod { - --sf-c-darkgoldenrod: 43 89% 38%; - --sf-c-darkgoldenrod-0: 43 89% 0%; - --sf-c-darkgoldenrod-5: 43 89% 5%; - --sf-c-darkgoldenrod-10: 43 89% 10%; - --sf-c-darkgoldenrod-15: 43 89% 15%; - --sf-c-darkgoldenrod-20: 43 89% 20%; - --sf-c-darkgoldenrod-25: 43 89% 25%; - --sf-c-darkgoldenrod-30: 43 89% 30%; - --sf-c-darkgoldenrod-35: 43 89% 35%; - --sf-c-darkgoldenrod-40: 43 89% 40%; - --sf-c-darkgoldenrod-45: 43 89% 45%; - --sf-c-darkgoldenrod-50: 43 89% 50%; - --sf-c-darkgoldenrod-55: 43 89% 55%; - --sf-c-darkgoldenrod-60: 43 89% 60%; - --sf-c-darkgoldenrod-65: 43 89% 65%; - --sf-c-darkgoldenrod-70: 43 89% 70%; - --sf-c-darkgoldenrod-75: 43 89% 75%; - --sf-c-darkgoldenrod-80: 43 89% 80%; - --sf-c-darkgoldenrod-85: 43 89% 85%; - --sf-c-darkgoldenrod-90: 43 89% 90%; - --sf-c-darkgoldenrod-95: 43 89% 95%; - --sf-c-darkgoldenrod-100: 43 89% 100%; -} - -.sf-c-darkgoldenrod, .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 38%) } -.sf-c-darkgoldenrod\:0, .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } -.sf-c-darkgoldenrod\:5, .sf-c-darkgoldenrod\:5\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } -.sf-c-darkgoldenrod\:10, .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } -.sf-c-darkgoldenrod\:15, .sf-c-darkgoldenrod\:15\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 15%) } -.sf-c-darkgoldenrod\:20, .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 20%) } -.sf-c-darkgoldenrod\:25, .sf-c-darkgoldenrod\:25\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 25%) } -.sf-c-darkgoldenrod\:30, .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 30%) } -.sf-c-darkgoldenrod\:35, .sf-c-darkgoldenrod\:35\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 35%) } -.sf-c-darkgoldenrod\:40, .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 40%) } -.sf-c-darkgoldenrod\:45, .sf-c-darkgoldenrod\:45\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 45%) } -.sf-c-darkgoldenrod\:50, .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 50%) } -.sf-c-darkgoldenrod\:55, .sf-c-darkgoldenrod\:55\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 55%) } -.sf-c-darkgoldenrod\:60, .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 60%) } -.sf-c-darkgoldenrod\:65, .sf-c-darkgoldenrod\:65\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 65%) } -.sf-c-darkgoldenrod\:70, .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 70%) } -.sf-c-darkgoldenrod\:75, .sf-c-darkgoldenrod\:75\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 75%) } -.sf-c-darkgoldenrod\:80, .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 80%) } -.sf-c-darkgoldenrod\:85, .sf-c-darkgoldenrod\:85\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 85%) } -.sf-c-darkgoldenrod\:90, .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 90%) } -.sf-c-darkgoldenrod\:95, .sf-c-darkgoldenrod\:95\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } -.sf-c-darkgoldenrod\:100, .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } - -.sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } -.sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } -.sf-c-txt-darkgoldenrod\:0, .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } -.sf-c-txt-darkgoldenrod\:5, .sf-c-txt-darkgoldenrod\:5\:st { color: hsl(43, 89%, 5%) } -.sf-c-txt-darkgoldenrod\:10, .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } -.sf-c-txt-darkgoldenrod\:15, .sf-c-txt-darkgoldenrod\:15\:st { color: hsl(43, 89%, 15%) } -.sf-c-txt-darkgoldenrod\:20, .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } -.sf-c-txt-darkgoldenrod\:25, .sf-c-txt-darkgoldenrod\:25\:st { color: hsl(43, 89%, 25%) } -.sf-c-txt-darkgoldenrod\:30, .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } -.sf-c-txt-darkgoldenrod\:35, .sf-c-txt-darkgoldenrod\:35\:st { color: hsl(43, 89%, 35%) } -.sf-c-txt-darkgoldenrod\:40, .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } -.sf-c-txt-darkgoldenrod\:45, .sf-c-txt-darkgoldenrod\:45\:st { color: hsl(43, 89%, 45%) } -.sf-c-txt-darkgoldenrod\:50, .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } -.sf-c-txt-darkgoldenrod\:55, .sf-c-txt-darkgoldenrod\:55\:st { color: hsl(43, 89%, 55%) } -.sf-c-txt-darkgoldenrod\:60, .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } -.sf-c-txt-darkgoldenrod\:65, .sf-c-txt-darkgoldenrod\:65\:st { color: hsl(43, 89%, 65%) } -.sf-c-txt-darkgoldenrod\:70, .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } -.sf-c-txt-darkgoldenrod\:75, .sf-c-txt-darkgoldenrod\:75\:st { color: hsl(43, 89%, 75%) } -.sf-c-txt-darkgoldenrod\:80, .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } -.sf-c-txt-darkgoldenrod\:85, .sf-c-txt-darkgoldenrod\:85\:st { color: hsl(43, 89%, 85%) } -.sf-c-txt-darkgoldenrod\:90, .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } -.sf-c-txt-darkgoldenrod\:95, .sf-c-txt-darkgoldenrod\:95\:st { color: hsl(43, 89%, 95%) } -.sf-c-txt-darkgoldenrod\:100, .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } - -html[data-theme='dark'] .sf-c-darkgoldenrod, html.dark .sf-c-darkgoldenrod { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 62%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.dark .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:5, html.dark .sf-c-darkgoldenrod\:5 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:10, html.dark .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:15, html.dark .sf-c-darkgoldenrod\:15 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 85%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:20, html.dark .sf-c-darkgoldenrod\:20 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:25, html.dark .sf-c-darkgoldenrod\:25 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 75%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:30, html.dark .sf-c-darkgoldenrod\:30 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:35, html.dark .sf-c-darkgoldenrod\:35 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 65%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:40, html.dark .sf-c-darkgoldenrod\:40 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:45, html.dark .sf-c-darkgoldenrod\:45 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 55%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:50, html.dark .sf-c-darkgoldenrod\:50 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:55, html.dark .sf-c-darkgoldenrod\:55 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 45%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:60, html.dark .sf-c-darkgoldenrod\:60 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:65, html.dark .sf-c-darkgoldenrod\:65 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 35%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:70, html.dark .sf-c-darkgoldenrod\:70 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:75, html.dark .sf-c-darkgoldenrod\:75 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 25%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:80, html.dark .sf-c-darkgoldenrod\:80 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:85, html.dark .sf-c-darkgoldenrod\:85 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 15%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:90, html.dark .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:95, html.dark .sf-c-darkgoldenrod\:95 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:100, html.dark .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } - -html[data-theme='dark'] .sf-c-darkgoldenrod\:st, html.dark .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 38%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:0\:st, html.dark .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:5\:st, html.dark .sf-c-darkgoldenrod\:5\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:10\:st, html.dark .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:15\:st, html.dark .sf-c-darkgoldenrod\:15\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 15%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:20\:st, html.dark .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:25\:st, html.dark .sf-c-darkgoldenrod\:25\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 25%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:30\:st, html.dark .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:35\:st, html.dark .sf-c-darkgoldenrod\:35\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 35%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:40\:st, html.dark .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:45\:st, html.dark .sf-c-darkgoldenrod\:45\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 45%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:50\:st, html.dark .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:55\:st, html.dark .sf-c-darkgoldenrod\:55\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 55%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:60\:st, html.dark .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:65\:st, html.dark .sf-c-darkgoldenrod\:65\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 65%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:70\:st, html.dark .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:75\:st, html.dark .sf-c-darkgoldenrod\:75\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 75%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:80\:st, html.dark .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:85\:st, html.dark .sf-c-darkgoldenrod\:85\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 85%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:90\:st, html.dark .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:95\:st, html.dark .sf-c-darkgoldenrod\:95\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } -html[data-theme='dark'] .sf-c-darkgoldenrod\:100\:st, html.dark .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5, html.dark .sf-c-txt-darkgoldenrod\:5 { color: hsl(43, 89%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15, html.dark .sf-c-txt-darkgoldenrod\:15 { color: hsl(43, 89%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25, html.dark .sf-c-txt-darkgoldenrod\:25 { color: hsl(43, 89%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35, html.dark .sf-c-txt-darkgoldenrod\:35 { color: hsl(43, 89%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45, html.dark .sf-c-txt-darkgoldenrod\:45 { color: hsl(43, 89%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55, html.dark .sf-c-txt-darkgoldenrod\:55 { color: hsl(43, 89%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65, html.dark .sf-c-txt-darkgoldenrod\:65 { color: hsl(43, 89%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75, html.dark .sf-c-txt-darkgoldenrod\:75 { color: hsl(43, 89%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85, html.dark .sf-c-txt-darkgoldenrod\:85 { color: hsl(43, 89%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95, html.dark .sf-c-txt-darkgoldenrod\:95 { color: hsl(43, 89%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:st, html.dark .sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:st, html.dark .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5\:st, html.dark .sf-c-txt-darkgoldenrod\:5\:st { color: hsl(43, 89%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:st, html.dark .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15\:st, html.dark .sf-c-txt-darkgoldenrod\:15\:st { color: hsl(43, 89%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:st, html.dark .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25\:st, html.dark .sf-c-txt-darkgoldenrod\:25\:st { color: hsl(43, 89%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:st, html.dark .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35\:st, html.dark .sf-c-txt-darkgoldenrod\:35\:st { color: hsl(43, 89%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:st, html.dark .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45\:st, html.dark .sf-c-txt-darkgoldenrod\:45\:st { color: hsl(43, 89%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:st, html.dark .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55\:st, html.dark .sf-c-txt-darkgoldenrod\:55\:st { color: hsl(43, 89%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:st, html.dark .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65\:st, html.dark .sf-c-txt-darkgoldenrod\:65\:st { color: hsl(43, 89%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:st, html.dark .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75\:st, html.dark .sf-c-txt-darkgoldenrod\:75\:st { color: hsl(43, 89%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:st, html.dark .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85\:st, html.dark .sf-c-txt-darkgoldenrod\:85\:st { color: hsl(43, 89%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:st, html.dark .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95\:st, html.dark .sf-c-txt-darkgoldenrod\:95\:st { color: hsl(43, 89%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:st, html.dark .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgoldenrod, html.auto .sf-c-darkgoldenrod { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 62%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.auto .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:5, html.auto .sf-c-darkgoldenrod\:5 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:10, html.auto .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:15, html.auto .sf-c-darkgoldenrod\:15 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 85%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:20, html.auto .sf-c-darkgoldenrod\:20 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:25, html.auto .sf-c-darkgoldenrod\:25 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 75%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:30, html.auto .sf-c-darkgoldenrod\:30 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:35, html.auto .sf-c-darkgoldenrod\:35 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 65%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:40, html.auto .sf-c-darkgoldenrod\:40 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:45, html.auto .sf-c-darkgoldenrod\:45 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 55%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:50, html.auto .sf-c-darkgoldenrod\:50 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:55, html.auto .sf-c-darkgoldenrod\:55 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 45%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:60, html.auto .sf-c-darkgoldenrod\:60 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:65, html.auto .sf-c-darkgoldenrod\:65 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 35%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:70, html.auto .sf-c-darkgoldenrod\:70 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:75, html.auto .sf-c-darkgoldenrod\:75 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 25%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:80, html.auto .sf-c-darkgoldenrod\:80 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:85, html.auto .sf-c-darkgoldenrod\:85 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 15%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:90, html.auto .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:95, html.auto .sf-c-darkgoldenrod\:95 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:100, html.auto .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } - - html[data-theme='auto'] .sf-c-darkgoldenrod\:st, html.auto .sf-c-darkgoldenrod\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 38%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:0\:st, html.auto .sf-c-darkgoldenrod\:0\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:5\:st, html.auto .sf-c-darkgoldenrod\:5\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:10\:st, html.auto .sf-c-darkgoldenrod\:10\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:15\:st, html.auto .sf-c-darkgoldenrod\:15\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 15%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:20\:st, html.auto .sf-c-darkgoldenrod\:20\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:25\:st, html.auto .sf-c-darkgoldenrod\:25\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 25%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:30\:st, html.auto .sf-c-darkgoldenrod\:30\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:35\:st, html.auto .sf-c-darkgoldenrod\:35\:st { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 35%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:40\:st, html.auto .sf-c-darkgoldenrod\:40\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:45\:st, html.auto .sf-c-darkgoldenrod\:45\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 45%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:50\:st, html.auto .sf-c-darkgoldenrod\:50\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:55\:st, html.auto .sf-c-darkgoldenrod\:55\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 55%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:60\:st, html.auto .sf-c-darkgoldenrod\:60\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:65\:st, html.auto .sf-c-darkgoldenrod\:65\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 65%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:70\:st, html.auto .sf-c-darkgoldenrod\:70\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:75\:st, html.auto .sf-c-darkgoldenrod\:75\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 75%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:80\:st, html.auto .sf-c-darkgoldenrod\:80\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:85\:st, html.auto .sf-c-darkgoldenrod\:85\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 85%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:90\:st, html.auto .sf-c-darkgoldenrod\:90\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:95\:st, html.auto .sf-c-darkgoldenrod\:95\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } - html[data-theme='auto'] .sf-c-darkgoldenrod\:100\:st, html.auto .sf-c-darkgoldenrod\:100\:st { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5, html.auto .sf-c-txt-darkgoldenrod\:5 { color: hsl(43, 89%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15, html.auto .sf-c-txt-darkgoldenrod\:15 { color: hsl(43, 89%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25, html.auto .sf-c-txt-darkgoldenrod\:25 { color: hsl(43, 89%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35, html.auto .sf-c-txt-darkgoldenrod\:35 { color: hsl(43, 89%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45, html.auto .sf-c-txt-darkgoldenrod\:45 { color: hsl(43, 89%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55, html.auto .sf-c-txt-darkgoldenrod\:55 { color: hsl(43, 89%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65, html.auto .sf-c-txt-darkgoldenrod\:65 { color: hsl(43, 89%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75, html.auto .sf-c-txt-darkgoldenrod\:75 { color: hsl(43, 89%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85, html.auto .sf-c-txt-darkgoldenrod\:85 { color: hsl(43, 89%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95, html.auto .sf-c-txt-darkgoldenrod\:95 { color: hsl(43, 89%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:st, html.auto .sf-c-txt-darkgoldenrod\:st { color: hsl(43, 89%, 38%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:st, html.auto .sf-c-txt-darkgoldenrod\:0\:st { color: hsl(43, 89%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5\:st, html.auto .sf-c-txt-darkgoldenrod\:5\:st { color: hsl(43, 89%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:st, html.auto .sf-c-txt-darkgoldenrod\:10\:st { color: hsl(43, 89%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15\:st, html.auto .sf-c-txt-darkgoldenrod\:15\:st { color: hsl(43, 89%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:st, html.auto .sf-c-txt-darkgoldenrod\:20\:st { color: hsl(43, 89%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25\:st, html.auto .sf-c-txt-darkgoldenrod\:25\:st { color: hsl(43, 89%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:st, html.auto .sf-c-txt-darkgoldenrod\:30\:st { color: hsl(43, 89%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35\:st, html.auto .sf-c-txt-darkgoldenrod\:35\:st { color: hsl(43, 89%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:st, html.auto .sf-c-txt-darkgoldenrod\:40\:st { color: hsl(43, 89%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45\:st, html.auto .sf-c-txt-darkgoldenrod\:45\:st { color: hsl(43, 89%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:st, html.auto .sf-c-txt-darkgoldenrod\:50\:st { color: hsl(43, 89%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55\:st, html.auto .sf-c-txt-darkgoldenrod\:55\:st { color: hsl(43, 89%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:st, html.auto .sf-c-txt-darkgoldenrod\:60\:st { color: hsl(43, 89%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65\:st, html.auto .sf-c-txt-darkgoldenrod\:65\:st { color: hsl(43, 89%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:st, html.auto .sf-c-txt-darkgoldenrod\:70\:st { color: hsl(43, 89%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75\:st, html.auto .sf-c-txt-darkgoldenrod\:75\:st { color: hsl(43, 89%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:st, html.auto .sf-c-txt-darkgoldenrod\:80\:st { color: hsl(43, 89%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85\:st, html.auto .sf-c-txt-darkgoldenrod\:85\:st { color: hsl(43, 89%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:st, html.auto .sf-c-txt-darkgoldenrod\:90\:st { color: hsl(43, 89%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95\:st, html.auto .sf-c-txt-darkgoldenrod\:95\:st { color: hsl(43, 89%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:st, html.auto .sf-c-txt-darkgoldenrod\:100\:st { color: hsl(43, 89%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkgray.css b/src/colors/20/darkgray.css deleted file mode 100644 index 6850f0d..0000000 --- a/src/colors/20/darkgray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkgray { - --sf-c-darkgray: 0 0% 66%; - --sf-c-darkgray-0: 0 0% 0%; - --sf-c-darkgray-5: 0 0% 5%; - --sf-c-darkgray-10: 0 0% 10%; - --sf-c-darkgray-15: 0 0% 15%; - --sf-c-darkgray-20: 0 0% 20%; - --sf-c-darkgray-25: 0 0% 25%; - --sf-c-darkgray-30: 0 0% 30%; - --sf-c-darkgray-35: 0 0% 35%; - --sf-c-darkgray-40: 0 0% 40%; - --sf-c-darkgray-45: 0 0% 45%; - --sf-c-darkgray-50: 0 0% 50%; - --sf-c-darkgray-55: 0 0% 55%; - --sf-c-darkgray-60: 0 0% 60%; - --sf-c-darkgray-65: 0 0% 65%; - --sf-c-darkgray-70: 0 0% 70%; - --sf-c-darkgray-75: 0 0% 75%; - --sf-c-darkgray-80: 0 0% 80%; - --sf-c-darkgray-85: 0 0% 85%; - --sf-c-darkgray-90: 0 0% 90%; - --sf-c-darkgray-95: 0 0% 95%; - --sf-c-darkgray-100: 0 0% 100%; -} - -.sf-c-darkgray, .sf-c-darkgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } -.sf-c-darkgray\:0, .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-darkgray\:5, .sf-c-darkgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-darkgray\:10, .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-darkgray\:15, .sf-c-darkgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-darkgray\:20, .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-darkgray\:25, .sf-c-darkgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-darkgray\:30, .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-darkgray\:35, .sf-c-darkgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-darkgray\:40, .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-darkgray\:45, .sf-c-darkgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-darkgray\:50, .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-darkgray\:55, .sf-c-darkgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-darkgray\:60, .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-darkgray\:65, .sf-c-darkgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-darkgray\:70, .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-darkgray\:75, .sf-c-darkgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-darkgray\:80, .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-darkgray\:85, .sf-c-darkgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-darkgray\:90, .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-darkgray\:95, .sf-c-darkgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-darkgray\:100, .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-darkgray { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } -.sf-c-txt-darkgray\:0, .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-darkgray\:5, .sf-c-txt-darkgray\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-darkgray\:10, .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgray\:15, .sf-c-txt-darkgray\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-darkgray\:20, .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-darkgray\:25, .sf-c-txt-darkgray\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-darkgray\:30, .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-darkgray\:35, .sf-c-txt-darkgray\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-darkgray\:40, .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-darkgray\:45, .sf-c-txt-darkgray\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-darkgray\:50, .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-darkgray\:55, .sf-c-txt-darkgray\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-darkgray\:60, .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-darkgray\:65, .sf-c-txt-darkgray\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-darkgray\:70, .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-darkgray\:75, .sf-c-txt-darkgray\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-darkgray\:80, .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-darkgray\:85, .sf-c-txt-darkgray\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-darkgray\:90, .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-darkgray\:95, .sf-c-txt-darkgray\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-darkgray\:100, .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-darkgray, html.dark .sf-c-darkgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } -html[data-theme='dark'] .sf-c-darkgray\:0, html.dark .sf-c-darkgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-darkgray\:5, html.dark .sf-c-darkgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-darkgray\:10, html.dark .sf-c-darkgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgray\:15, html.dark .sf-c-darkgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-darkgray\:20, html.dark .sf-c-darkgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgray\:25, html.dark .sf-c-darkgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-darkgray\:30, html.dark .sf-c-darkgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgray\:35, html.dark .sf-c-darkgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-darkgray\:40, html.dark .sf-c-darkgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgray\:45, html.dark .sf-c-darkgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-darkgray\:50, html.dark .sf-c-darkgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgray\:55, html.dark .sf-c-darkgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-darkgray\:60, html.dark .sf-c-darkgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgray\:65, html.dark .sf-c-darkgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-darkgray\:70, html.dark .sf-c-darkgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgray\:75, html.dark .sf-c-darkgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-darkgray\:80, html.dark .sf-c-darkgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgray\:85, html.dark .sf-c-darkgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-darkgray\:90, html.dark .sf-c-darkgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgray\:95, html.dark .sf-c-darkgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-darkgray\:100, html.dark .sf-c-darkgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-darkgray\:st, html.dark .sf-c-darkgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-darkgray\:0\:st, html.dark .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-darkgray\:5\:st, html.dark .sf-c-darkgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-darkgray\:10\:st, html.dark .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgray\:15\:st, html.dark .sf-c-darkgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-darkgray\:20\:st, html.dark .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgray\:25\:st, html.dark .sf-c-darkgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-darkgray\:30\:st, html.dark .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgray\:35\:st, html.dark .sf-c-darkgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-darkgray\:40\:st, html.dark .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgray\:45\:st, html.dark .sf-c-darkgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-darkgray\:50\:st, html.dark .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgray\:55\:st, html.dark .sf-c-darkgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-darkgray\:60\:st, html.dark .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgray\:65\:st, html.dark .sf-c-darkgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-darkgray\:70\:st, html.dark .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgray\:75\:st, html.dark .sf-c-darkgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-darkgray\:80\:st, html.dark .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgray\:85\:st, html.dark .sf-c-darkgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-darkgray\:90\:st, html.dark .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgray\:95\:st, html.dark .sf-c-darkgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-darkgray\:100\:st, html.dark .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:5, html.dark .sf-c-txt-darkgray\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:15, html.dark .sf-c-txt-darkgray\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:25, html.dark .sf-c-txt-darkgray\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:35, html.dark .sf-c-txt-darkgray\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:45, html.dark .sf-c-txt-darkgray\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:55, html.dark .sf-c-txt-darkgray\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:65, html.dark .sf-c-txt-darkgray\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:75, html.dark .sf-c-txt-darkgray\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:85, html.dark .sf-c-txt-darkgray\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:95, html.dark .sf-c-txt-darkgray\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgray\:st, html.dark .sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:0\:st, html.dark .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:5\:st, html.dark .sf-c-txt-darkgray\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:10\:st, html.dark .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:15\:st, html.dark .sf-c-txt-darkgray\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:20\:st, html.dark .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:25\:st, html.dark .sf-c-txt-darkgray\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:30\:st, html.dark .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:35\:st, html.dark .sf-c-txt-darkgray\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:40\:st, html.dark .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:45\:st, html.dark .sf-c-txt-darkgray\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:50\:st, html.dark .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:55\:st, html.dark .sf-c-txt-darkgray\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:60\:st, html.dark .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:65\:st, html.dark .sf-c-txt-darkgray\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:70\:st, html.dark .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:75\:st, html.dark .sf-c-txt-darkgray\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:80\:st, html.dark .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:85\:st, html.dark .sf-c-txt-darkgray\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:90\:st, html.dark .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:95\:st, html.dark .sf-c-txt-darkgray\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgray\:100\:st, html.dark .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgray, html.auto .sf-c-darkgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } - html[data-theme='auto'] .sf-c-darkgray\:0, html.auto .sf-c-darkgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-darkgray\:5, html.auto .sf-c-darkgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-darkgray\:10, html.auto .sf-c-darkgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgray\:15, html.auto .sf-c-darkgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-darkgray\:20, html.auto .sf-c-darkgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgray\:25, html.auto .sf-c-darkgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-darkgray\:30, html.auto .sf-c-darkgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgray\:35, html.auto .sf-c-darkgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-darkgray\:40, html.auto .sf-c-darkgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgray\:45, html.auto .sf-c-darkgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-darkgray\:50, html.auto .sf-c-darkgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgray\:55, html.auto .sf-c-darkgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-darkgray\:60, html.auto .sf-c-darkgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgray\:65, html.auto .sf-c-darkgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-darkgray\:70, html.auto .sf-c-darkgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgray\:75, html.auto .sf-c-darkgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-darkgray\:80, html.auto .sf-c-darkgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgray\:85, html.auto .sf-c-darkgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-darkgray\:90, html.auto .sf-c-darkgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgray\:95, html.auto .sf-c-darkgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-darkgray\:100, html.auto .sf-c-darkgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-darkgray\:st, html.auto .sf-c-darkgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-darkgray\:0\:st, html.auto .sf-c-darkgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-darkgray\:5\:st, html.auto .sf-c-darkgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-darkgray\:10\:st, html.auto .sf-c-darkgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgray\:15\:st, html.auto .sf-c-darkgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-darkgray\:20\:st, html.auto .sf-c-darkgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgray\:25\:st, html.auto .sf-c-darkgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-darkgray\:30\:st, html.auto .sf-c-darkgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgray\:35\:st, html.auto .sf-c-darkgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-darkgray\:40\:st, html.auto .sf-c-darkgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgray\:45\:st, html.auto .sf-c-darkgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-darkgray\:50\:st, html.auto .sf-c-darkgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgray\:55\:st, html.auto .sf-c-darkgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-darkgray\:60\:st, html.auto .sf-c-darkgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgray\:65\:st, html.auto .sf-c-darkgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-darkgray\:70\:st, html.auto .sf-c-darkgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgray\:75\:st, html.auto .sf-c-darkgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-darkgray\:80\:st, html.auto .sf-c-darkgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgray\:85\:st, html.auto .sf-c-darkgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-darkgray\:90\:st, html.auto .sf-c-darkgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgray\:95\:st, html.auto .sf-c-darkgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-darkgray\:100\:st, html.auto .sf-c-darkgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:5, html.auto .sf-c-txt-darkgray\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:15, html.auto .sf-c-txt-darkgray\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:25, html.auto .sf-c-txt-darkgray\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:35, html.auto .sf-c-txt-darkgray\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:45, html.auto .sf-c-txt-darkgray\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:55, html.auto .sf-c-txt-darkgray\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:65, html.auto .sf-c-txt-darkgray\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:75, html.auto .sf-c-txt-darkgray\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:85, html.auto .sf-c-txt-darkgray\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:95, html.auto .sf-c-txt-darkgray\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgray\:st, html.auto .sf-c-txt-darkgray\:st { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:0\:st, html.auto .sf-c-txt-darkgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:5\:st, html.auto .sf-c-txt-darkgray\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:10\:st, html.auto .sf-c-txt-darkgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:15\:st, html.auto .sf-c-txt-darkgray\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:20\:st, html.auto .sf-c-txt-darkgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:25\:st, html.auto .sf-c-txt-darkgray\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:30\:st, html.auto .sf-c-txt-darkgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:35\:st, html.auto .sf-c-txt-darkgray\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:40\:st, html.auto .sf-c-txt-darkgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:45\:st, html.auto .sf-c-txt-darkgray\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:50\:st, html.auto .sf-c-txt-darkgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:55\:st, html.auto .sf-c-txt-darkgray\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:60\:st, html.auto .sf-c-txt-darkgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:65\:st, html.auto .sf-c-txt-darkgray\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:70\:st, html.auto .sf-c-txt-darkgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:75\:st, html.auto .sf-c-txt-darkgray\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:80\:st, html.auto .sf-c-txt-darkgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:85\:st, html.auto .sf-c-txt-darkgray\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:90\:st, html.auto .sf-c-txt-darkgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:95\:st, html.auto .sf-c-txt-darkgray\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgray\:100\:st, html.auto .sf-c-txt-darkgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkgreen.css b/src/colors/20/darkgreen.css deleted file mode 100644 index 3e511ea..0000000 --- a/src/colors/20/darkgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkgreen { - --sf-c-darkgreen: 120 100% 20%; - --sf-c-darkgreen-0: 120 100% 0%; - --sf-c-darkgreen-5: 120 100% 5%; - --sf-c-darkgreen-10: 120 100% 10%; - --sf-c-darkgreen-15: 120 100% 15%; - --sf-c-darkgreen-20: 120 100% 20%; - --sf-c-darkgreen-25: 120 100% 25%; - --sf-c-darkgreen-30: 120 100% 30%; - --sf-c-darkgreen-35: 120 100% 35%; - --sf-c-darkgreen-40: 120 100% 40%; - --sf-c-darkgreen-45: 120 100% 45%; - --sf-c-darkgreen-50: 120 100% 50%; - --sf-c-darkgreen-55: 120 100% 55%; - --sf-c-darkgreen-60: 120 100% 60%; - --sf-c-darkgreen-65: 120 100% 65%; - --sf-c-darkgreen-70: 120 100% 70%; - --sf-c-darkgreen-75: 120 100% 75%; - --sf-c-darkgreen-80: 120 100% 80%; - --sf-c-darkgreen-85: 120 100% 85%; - --sf-c-darkgreen-90: 120 100% 90%; - --sf-c-darkgreen-95: 120 100% 95%; - --sf-c-darkgreen-100: 120 100% 100%; -} - -.sf-c-darkgreen, .sf-c-darkgreen\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -.sf-c-darkgreen\:0, .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -.sf-c-darkgreen\:5, .sf-c-darkgreen\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -.sf-c-darkgreen\:10, .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -.sf-c-darkgreen\:15, .sf-c-darkgreen\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -.sf-c-darkgreen\:20, .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -.sf-c-darkgreen\:25, .sf-c-darkgreen\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -.sf-c-darkgreen\:30, .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -.sf-c-darkgreen\:35, .sf-c-darkgreen\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -.sf-c-darkgreen\:40, .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -.sf-c-darkgreen\:45, .sf-c-darkgreen\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -.sf-c-darkgreen\:50, .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -.sf-c-darkgreen\:55, .sf-c-darkgreen\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -.sf-c-darkgreen\:60, .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -.sf-c-darkgreen\:65, .sf-c-darkgreen\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -.sf-c-darkgreen\:70, .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -.sf-c-darkgreen\:75, .sf-c-darkgreen\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -.sf-c-darkgreen\:80, .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -.sf-c-darkgreen\:85, .sf-c-darkgreen\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -.sf-c-darkgreen\:90, .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -.sf-c-darkgreen\:95, .sf-c-darkgreen\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -.sf-c-darkgreen\:100, .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:0, .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-darkgreen\:5, .sf-c-txt-darkgreen\:5\:st { color: hsl(120, 100%, 5%) } -.sf-c-txt-darkgreen\:10, .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-darkgreen\:15, .sf-c-txt-darkgreen\:15\:st { color: hsl(120, 100%, 15%) } -.sf-c-txt-darkgreen\:20, .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-darkgreen\:25, .sf-c-txt-darkgreen\:25\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-darkgreen\:30, .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-darkgreen\:35, .sf-c-txt-darkgreen\:35\:st { color: hsl(120, 100%, 35%) } -.sf-c-txt-darkgreen\:40, .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-darkgreen\:45, .sf-c-txt-darkgreen\:45\:st { color: hsl(120, 100%, 45%) } -.sf-c-txt-darkgreen\:50, .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-darkgreen\:55, .sf-c-txt-darkgreen\:55\:st { color: hsl(120, 100%, 55%) } -.sf-c-txt-darkgreen\:60, .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-darkgreen\:65, .sf-c-txt-darkgreen\:65\:st { color: hsl(120, 100%, 65%) } -.sf-c-txt-darkgreen\:70, .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-darkgreen\:75, .sf-c-txt-darkgreen\:75\:st { color: hsl(120, 100%, 75%) } -.sf-c-txt-darkgreen\:80, .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-darkgreen\:85, .sf-c-txt-darkgreen\:85\:st { color: hsl(120, 100%, 85%) } -.sf-c-txt-darkgreen\:90, .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-darkgreen\:95, .sf-c-txt-darkgreen\:95\:st { color: hsl(120, 100%, 95%) } -.sf-c-txt-darkgreen\:100, .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkgreen, html.dark .sf-c-darkgreen { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:0, html.dark .sf-c-darkgreen\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkgreen\:5, html.dark .sf-c-darkgreen\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkgreen\:10, html.dark .sf-c-darkgreen\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkgreen\:15, html.dark .sf-c-darkgreen\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkgreen\:20, html.dark .sf-c-darkgreen\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:25, html.dark .sf-c-darkgreen\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkgreen\:30, html.dark .sf-c-darkgreen\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkgreen\:35, html.dark .sf-c-darkgreen\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkgreen\:40, html.dark .sf-c-darkgreen\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkgreen\:45, html.dark .sf-c-darkgreen\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkgreen\:50, html.dark .sf-c-darkgreen\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkgreen\:55, html.dark .sf-c-darkgreen\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkgreen\:60, html.dark .sf-c-darkgreen\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkgreen\:65, html.dark .sf-c-darkgreen\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkgreen\:70, html.dark .sf-c-darkgreen\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkgreen\:75, html.dark .sf-c-darkgreen\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkgreen\:80, html.dark .sf-c-darkgreen\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:85, html.dark .sf-c-darkgreen\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkgreen\:90, html.dark .sf-c-darkgreen\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkgreen\:95, html.dark .sf-c-darkgreen\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkgreen\:100, html.dark .sf-c-darkgreen\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkgreen\:st, html.dark .sf-c-darkgreen\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:0\:st, html.dark .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkgreen\:5\:st, html.dark .sf-c-darkgreen\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkgreen\:10\:st, html.dark .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkgreen\:15\:st, html.dark .sf-c-darkgreen\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkgreen\:20\:st, html.dark .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkgreen\:25\:st, html.dark .sf-c-darkgreen\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkgreen\:30\:st, html.dark .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkgreen\:35\:st, html.dark .sf-c-darkgreen\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkgreen\:40\:st, html.dark .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkgreen\:45\:st, html.dark .sf-c-darkgreen\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkgreen\:50\:st, html.dark .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkgreen\:55\:st, html.dark .sf-c-darkgreen\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkgreen\:60\:st, html.dark .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkgreen\:65\:st, html.dark .sf-c-darkgreen\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkgreen\:70\:st, html.dark .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkgreen\:75\:st, html.dark .sf-c-darkgreen\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkgreen\:80\:st, html.dark .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkgreen\:85\:st, html.dark .sf-c-darkgreen\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkgreen\:90\:st, html.dark .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkgreen\:95\:st, html.dark .sf-c-darkgreen\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkgreen\:100\:st, html.dark .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:5, html.dark .sf-c-txt-darkgreen\:5 { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:15, html.dark .sf-c-txt-darkgreen\:15 { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:25, html.dark .sf-c-txt-darkgreen\:25 { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:35, html.dark .sf-c-txt-darkgreen\:35 { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:45, html.dark .sf-c-txt-darkgreen\:45 { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:55, html.dark .sf-c-txt-darkgreen\:55 { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:65, html.dark .sf-c-txt-darkgreen\:65 { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:75, html.dark .sf-c-txt-darkgreen\:75 { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:85, html.dark .sf-c-txt-darkgreen\:85 { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:95, html.dark .sf-c-txt-darkgreen\:95 { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgreen\:st, html.dark .sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:0\:st, html.dark .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:5\:st, html.dark .sf-c-txt-darkgreen\:5\:st { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:10\:st, html.dark .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:15\:st, html.dark .sf-c-txt-darkgreen\:15\:st { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:20\:st, html.dark .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:25\:st, html.dark .sf-c-txt-darkgreen\:25\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:30\:st, html.dark .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:35\:st, html.dark .sf-c-txt-darkgreen\:35\:st { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:40\:st, html.dark .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:45\:st, html.dark .sf-c-txt-darkgreen\:45\:st { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:50\:st, html.dark .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:55\:st, html.dark .sf-c-txt-darkgreen\:55\:st { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:60\:st, html.dark .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:65\:st, html.dark .sf-c-txt-darkgreen\:65\:st { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:70\:st, html.dark .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:75\:st, html.dark .sf-c-txt-darkgreen\:75\:st { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:80\:st, html.dark .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:85\:st, html.dark .sf-c-txt-darkgreen\:85\:st { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:90\:st, html.dark .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:95\:st, html.dark .sf-c-txt-darkgreen\:95\:st { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgreen\:100\:st, html.dark .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgreen, html.auto .sf-c-darkgreen { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:0, html.auto .sf-c-darkgreen\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkgreen\:5, html.auto .sf-c-darkgreen\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkgreen\:10, html.auto .sf-c-darkgreen\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkgreen\:15, html.auto .sf-c-darkgreen\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkgreen\:20, html.auto .sf-c-darkgreen\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:25, html.auto .sf-c-darkgreen\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkgreen\:30, html.auto .sf-c-darkgreen\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkgreen\:35, html.auto .sf-c-darkgreen\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkgreen\:40, html.auto .sf-c-darkgreen\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkgreen\:45, html.auto .sf-c-darkgreen\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkgreen\:50, html.auto .sf-c-darkgreen\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkgreen\:55, html.auto .sf-c-darkgreen\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkgreen\:60, html.auto .sf-c-darkgreen\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkgreen\:65, html.auto .sf-c-darkgreen\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkgreen\:70, html.auto .sf-c-darkgreen\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkgreen\:75, html.auto .sf-c-darkgreen\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkgreen\:80, html.auto .sf-c-darkgreen\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:85, html.auto .sf-c-darkgreen\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkgreen\:90, html.auto .sf-c-darkgreen\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkgreen\:95, html.auto .sf-c-darkgreen\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkgreen\:100, html.auto .sf-c-darkgreen\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkgreen\:st, html.auto .sf-c-darkgreen\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:0\:st, html.auto .sf-c-darkgreen\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkgreen\:5\:st, html.auto .sf-c-darkgreen\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkgreen\:10\:st, html.auto .sf-c-darkgreen\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkgreen\:15\:st, html.auto .sf-c-darkgreen\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkgreen\:20\:st, html.auto .sf-c-darkgreen\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkgreen\:25\:st, html.auto .sf-c-darkgreen\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkgreen\:30\:st, html.auto .sf-c-darkgreen\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkgreen\:35\:st, html.auto .sf-c-darkgreen\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkgreen\:40\:st, html.auto .sf-c-darkgreen\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkgreen\:45\:st, html.auto .sf-c-darkgreen\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkgreen\:50\:st, html.auto .sf-c-darkgreen\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkgreen\:55\:st, html.auto .sf-c-darkgreen\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkgreen\:60\:st, html.auto .sf-c-darkgreen\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkgreen\:65\:st, html.auto .sf-c-darkgreen\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkgreen\:70\:st, html.auto .sf-c-darkgreen\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkgreen\:75\:st, html.auto .sf-c-darkgreen\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkgreen\:80\:st, html.auto .sf-c-darkgreen\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkgreen\:85\:st, html.auto .sf-c-darkgreen\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkgreen\:90\:st, html.auto .sf-c-darkgreen\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkgreen\:95\:st, html.auto .sf-c-darkgreen\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkgreen\:100\:st, html.auto .sf-c-darkgreen\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:5, html.auto .sf-c-txt-darkgreen\:5 { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:15, html.auto .sf-c-txt-darkgreen\:15 { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:25, html.auto .sf-c-txt-darkgreen\:25 { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:35, html.auto .sf-c-txt-darkgreen\:35 { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:45, html.auto .sf-c-txt-darkgreen\:45 { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:55, html.auto .sf-c-txt-darkgreen\:55 { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:65, html.auto .sf-c-txt-darkgreen\:65 { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:75, html.auto .sf-c-txt-darkgreen\:75 { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:85, html.auto .sf-c-txt-darkgreen\:85 { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:95, html.auto .sf-c-txt-darkgreen\:95 { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgreen\:st, html.auto .sf-c-txt-darkgreen\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:0\:st, html.auto .sf-c-txt-darkgreen\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:5\:st, html.auto .sf-c-txt-darkgreen\:5\:st { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:10\:st, html.auto .sf-c-txt-darkgreen\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:15\:st, html.auto .sf-c-txt-darkgreen\:15\:st { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:20\:st, html.auto .sf-c-txt-darkgreen\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:25\:st, html.auto .sf-c-txt-darkgreen\:25\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:30\:st, html.auto .sf-c-txt-darkgreen\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:35\:st, html.auto .sf-c-txt-darkgreen\:35\:st { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:40\:st, html.auto .sf-c-txt-darkgreen\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:45\:st, html.auto .sf-c-txt-darkgreen\:45\:st { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:50\:st, html.auto .sf-c-txt-darkgreen\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:55\:st, html.auto .sf-c-txt-darkgreen\:55\:st { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:60\:st, html.auto .sf-c-txt-darkgreen\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:65\:st, html.auto .sf-c-txt-darkgreen\:65\:st { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:70\:st, html.auto .sf-c-txt-darkgreen\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:75\:st, html.auto .sf-c-txt-darkgreen\:75\:st { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:80\:st, html.auto .sf-c-txt-darkgreen\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:85\:st, html.auto .sf-c-txt-darkgreen\:85\:st { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:90\:st, html.auto .sf-c-txt-darkgreen\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:95\:st, html.auto .sf-c-txt-darkgreen\:95\:st { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgreen\:100\:st, html.auto .sf-c-txt-darkgreen\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkgrey.css b/src/colors/20/darkgrey.css deleted file mode 100644 index fc3f4b9..0000000 --- a/src/colors/20/darkgrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkgrey { - --sf-c-darkgrey: 0 0% 66%; - --sf-c-darkgrey-0: 0 0% 0%; - --sf-c-darkgrey-5: 0 0% 5%; - --sf-c-darkgrey-10: 0 0% 10%; - --sf-c-darkgrey-15: 0 0% 15%; - --sf-c-darkgrey-20: 0 0% 20%; - --sf-c-darkgrey-25: 0 0% 25%; - --sf-c-darkgrey-30: 0 0% 30%; - --sf-c-darkgrey-35: 0 0% 35%; - --sf-c-darkgrey-40: 0 0% 40%; - --sf-c-darkgrey-45: 0 0% 45%; - --sf-c-darkgrey-50: 0 0% 50%; - --sf-c-darkgrey-55: 0 0% 55%; - --sf-c-darkgrey-60: 0 0% 60%; - --sf-c-darkgrey-65: 0 0% 65%; - --sf-c-darkgrey-70: 0 0% 70%; - --sf-c-darkgrey-75: 0 0% 75%; - --sf-c-darkgrey-80: 0 0% 80%; - --sf-c-darkgrey-85: 0 0% 85%; - --sf-c-darkgrey-90: 0 0% 90%; - --sf-c-darkgrey-95: 0 0% 95%; - --sf-c-darkgrey-100: 0 0% 100%; -} - -.sf-c-darkgrey, .sf-c-darkgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } -.sf-c-darkgrey\:0, .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-darkgrey\:5, .sf-c-darkgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-darkgrey\:10, .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-darkgrey\:15, .sf-c-darkgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-darkgrey\:20, .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-darkgrey\:25, .sf-c-darkgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-darkgrey\:30, .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-darkgrey\:35, .sf-c-darkgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-darkgrey\:40, .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-darkgrey\:45, .sf-c-darkgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-darkgrey\:50, .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-darkgrey\:55, .sf-c-darkgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-darkgrey\:60, .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-darkgrey\:65, .sf-c-darkgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-darkgrey\:70, .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-darkgrey\:75, .sf-c-darkgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-darkgrey\:80, .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-darkgrey\:85, .sf-c-darkgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-darkgrey\:90, .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-darkgrey\:95, .sf-c-darkgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-darkgrey\:100, .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-darkgrey { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } -.sf-c-txt-darkgrey\:0, .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-darkgrey\:5, .sf-c-txt-darkgrey\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-darkgrey\:10, .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-darkgrey\:15, .sf-c-txt-darkgrey\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-darkgrey\:20, .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-darkgrey\:25, .sf-c-txt-darkgrey\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-darkgrey\:30, .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-darkgrey\:35, .sf-c-txt-darkgrey\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-darkgrey\:40, .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-darkgrey\:45, .sf-c-txt-darkgrey\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-darkgrey\:50, .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-darkgrey\:55, .sf-c-txt-darkgrey\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-darkgrey\:60, .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-darkgrey\:65, .sf-c-txt-darkgrey\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-darkgrey\:70, .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-darkgrey\:75, .sf-c-txt-darkgrey\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-darkgrey\:80, .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-darkgrey\:85, .sf-c-txt-darkgrey\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-darkgrey\:90, .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-darkgrey\:95, .sf-c-txt-darkgrey\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-darkgrey\:100, .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-darkgrey, html.dark .sf-c-darkgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } -html[data-theme='dark'] .sf-c-darkgrey\:0, html.dark .sf-c-darkgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-darkgrey\:5, html.dark .sf-c-darkgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-darkgrey\:10, html.dark .sf-c-darkgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgrey\:15, html.dark .sf-c-darkgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-darkgrey\:20, html.dark .sf-c-darkgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgrey\:25, html.dark .sf-c-darkgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-darkgrey\:30, html.dark .sf-c-darkgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgrey\:35, html.dark .sf-c-darkgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-darkgrey\:40, html.dark .sf-c-darkgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgrey\:45, html.dark .sf-c-darkgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-darkgrey\:50, html.dark .sf-c-darkgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgrey\:55, html.dark .sf-c-darkgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-darkgrey\:60, html.dark .sf-c-darkgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgrey\:65, html.dark .sf-c-darkgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-darkgrey\:70, html.dark .sf-c-darkgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgrey\:75, html.dark .sf-c-darkgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-darkgrey\:80, html.dark .sf-c-darkgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgrey\:85, html.dark .sf-c-darkgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-darkgrey\:90, html.dark .sf-c-darkgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgrey\:95, html.dark .sf-c-darkgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-darkgrey\:100, html.dark .sf-c-darkgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-darkgrey\:st, html.dark .sf-c-darkgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-darkgrey\:0\:st, html.dark .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-darkgrey\:5\:st, html.dark .sf-c-darkgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-darkgrey\:10\:st, html.dark .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-darkgrey\:15\:st, html.dark .sf-c-darkgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-darkgrey\:20\:st, html.dark .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-darkgrey\:25\:st, html.dark .sf-c-darkgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-darkgrey\:30\:st, html.dark .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-darkgrey\:35\:st, html.dark .sf-c-darkgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-darkgrey\:40\:st, html.dark .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-darkgrey\:45\:st, html.dark .sf-c-darkgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-darkgrey\:50\:st, html.dark .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-darkgrey\:55\:st, html.dark .sf-c-darkgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-darkgrey\:60\:st, html.dark .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-darkgrey\:65\:st, html.dark .sf-c-darkgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-darkgrey\:70\:st, html.dark .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-darkgrey\:75\:st, html.dark .sf-c-darkgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-darkgrey\:80\:st, html.dark .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-darkgrey\:85\:st, html.dark .sf-c-darkgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-darkgrey\:90\:st, html.dark .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-darkgrey\:95\:st, html.dark .sf-c-darkgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-darkgrey\:100\:st, html.dark .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:5, html.dark .sf-c-txt-darkgrey\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:15, html.dark .sf-c-txt-darkgrey\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:25, html.dark .sf-c-txt-darkgrey\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:35, html.dark .sf-c-txt-darkgrey\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:45, html.dark .sf-c-txt-darkgrey\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:55, html.dark .sf-c-txt-darkgrey\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:65, html.dark .sf-c-txt-darkgrey\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:75, html.dark .sf-c-txt-darkgrey\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:85, html.dark .sf-c-txt-darkgrey\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:95, html.dark .sf-c-txt-darkgrey\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkgrey\:st, html.dark .sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:0\:st, html.dark .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:5\:st, html.dark .sf-c-txt-darkgrey\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:10\:st, html.dark .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:15\:st, html.dark .sf-c-txt-darkgrey\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:20\:st, html.dark .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:25\:st, html.dark .sf-c-txt-darkgrey\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:30\:st, html.dark .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:35\:st, html.dark .sf-c-txt-darkgrey\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:40\:st, html.dark .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:45\:st, html.dark .sf-c-txt-darkgrey\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:50\:st, html.dark .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:55\:st, html.dark .sf-c-txt-darkgrey\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:60\:st, html.dark .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:65\:st, html.dark .sf-c-txt-darkgrey\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:70\:st, html.dark .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:75\:st, html.dark .sf-c-txt-darkgrey\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:80\:st, html.dark .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:85\:st, html.dark .sf-c-txt-darkgrey\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:90\:st, html.dark .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:95\:st, html.dark .sf-c-txt-darkgrey\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkgrey\:100\:st, html.dark .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkgrey, html.auto .sf-c-darkgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } - html[data-theme='auto'] .sf-c-darkgrey\:0, html.auto .sf-c-darkgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-darkgrey\:5, html.auto .sf-c-darkgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-darkgrey\:10, html.auto .sf-c-darkgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgrey\:15, html.auto .sf-c-darkgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-darkgrey\:20, html.auto .sf-c-darkgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgrey\:25, html.auto .sf-c-darkgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-darkgrey\:30, html.auto .sf-c-darkgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgrey\:35, html.auto .sf-c-darkgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-darkgrey\:40, html.auto .sf-c-darkgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgrey\:45, html.auto .sf-c-darkgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-darkgrey\:50, html.auto .sf-c-darkgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgrey\:55, html.auto .sf-c-darkgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-darkgrey\:60, html.auto .sf-c-darkgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgrey\:65, html.auto .sf-c-darkgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-darkgrey\:70, html.auto .sf-c-darkgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgrey\:75, html.auto .sf-c-darkgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-darkgrey\:80, html.auto .sf-c-darkgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgrey\:85, html.auto .sf-c-darkgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-darkgrey\:90, html.auto .sf-c-darkgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgrey\:95, html.auto .sf-c-darkgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-darkgrey\:100, html.auto .sf-c-darkgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-darkgrey\:st, html.auto .sf-c-darkgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-darkgrey\:0\:st, html.auto .sf-c-darkgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-darkgrey\:5\:st, html.auto .sf-c-darkgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-darkgrey\:10\:st, html.auto .sf-c-darkgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-darkgrey\:15\:st, html.auto .sf-c-darkgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-darkgrey\:20\:st, html.auto .sf-c-darkgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-darkgrey\:25\:st, html.auto .sf-c-darkgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-darkgrey\:30\:st, html.auto .sf-c-darkgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-darkgrey\:35\:st, html.auto .sf-c-darkgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-darkgrey\:40\:st, html.auto .sf-c-darkgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-darkgrey\:45\:st, html.auto .sf-c-darkgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-darkgrey\:50\:st, html.auto .sf-c-darkgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-darkgrey\:55\:st, html.auto .sf-c-darkgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-darkgrey\:60\:st, html.auto .sf-c-darkgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-darkgrey\:65\:st, html.auto .sf-c-darkgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-darkgrey\:70\:st, html.auto .sf-c-darkgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-darkgrey\:75\:st, html.auto .sf-c-darkgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-darkgrey\:80\:st, html.auto .sf-c-darkgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-darkgrey\:85\:st, html.auto .sf-c-darkgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-darkgrey\:90\:st, html.auto .sf-c-darkgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-darkgrey\:95\:st, html.auto .sf-c-darkgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-darkgrey\:100\:st, html.auto .sf-c-darkgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:5, html.auto .sf-c-txt-darkgrey\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:15, html.auto .sf-c-txt-darkgrey\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:25, html.auto .sf-c-txt-darkgrey\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:35, html.auto .sf-c-txt-darkgrey\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:45, html.auto .sf-c-txt-darkgrey\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:55, html.auto .sf-c-txt-darkgrey\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:65, html.auto .sf-c-txt-darkgrey\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:75, html.auto .sf-c-txt-darkgrey\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:85, html.auto .sf-c-txt-darkgrey\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:95, html.auto .sf-c-txt-darkgrey\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkgrey\:st, html.auto .sf-c-txt-darkgrey\:st { color: hsl(0, 0%, 66%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:0\:st, html.auto .sf-c-txt-darkgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:5\:st, html.auto .sf-c-txt-darkgrey\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:10\:st, html.auto .sf-c-txt-darkgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:15\:st, html.auto .sf-c-txt-darkgrey\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:20\:st, html.auto .sf-c-txt-darkgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:25\:st, html.auto .sf-c-txt-darkgrey\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:30\:st, html.auto .sf-c-txt-darkgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:35\:st, html.auto .sf-c-txt-darkgrey\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:40\:st, html.auto .sf-c-txt-darkgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:45\:st, html.auto .sf-c-txt-darkgrey\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:50\:st, html.auto .sf-c-txt-darkgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:55\:st, html.auto .sf-c-txt-darkgrey\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:60\:st, html.auto .sf-c-txt-darkgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:65\:st, html.auto .sf-c-txt-darkgrey\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:70\:st, html.auto .sf-c-txt-darkgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:75\:st, html.auto .sf-c-txt-darkgrey\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:80\:st, html.auto .sf-c-txt-darkgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:85\:st, html.auto .sf-c-txt-darkgrey\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:90\:st, html.auto .sf-c-txt-darkgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:95\:st, html.auto .sf-c-txt-darkgrey\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkgrey\:100\:st, html.auto .sf-c-txt-darkgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkkhaki.css b/src/colors/20/darkkhaki.css deleted file mode 100644 index 25b2050..0000000 --- a/src/colors/20/darkkhaki.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkkhaki { - --sf-c-darkkhaki: 56 38% 58%; - --sf-c-darkkhaki-0: 56 38% 0%; - --sf-c-darkkhaki-5: 56 38% 5%; - --sf-c-darkkhaki-10: 56 38% 10%; - --sf-c-darkkhaki-15: 56 38% 15%; - --sf-c-darkkhaki-20: 56 38% 20%; - --sf-c-darkkhaki-25: 56 38% 25%; - --sf-c-darkkhaki-30: 56 38% 30%; - --sf-c-darkkhaki-35: 56 38% 35%; - --sf-c-darkkhaki-40: 56 38% 40%; - --sf-c-darkkhaki-45: 56 38% 45%; - --sf-c-darkkhaki-50: 56 38% 50%; - --sf-c-darkkhaki-55: 56 38% 55%; - --sf-c-darkkhaki-60: 56 38% 60%; - --sf-c-darkkhaki-65: 56 38% 65%; - --sf-c-darkkhaki-70: 56 38% 70%; - --sf-c-darkkhaki-75: 56 38% 75%; - --sf-c-darkkhaki-80: 56 38% 80%; - --sf-c-darkkhaki-85: 56 38% 85%; - --sf-c-darkkhaki-90: 56 38% 90%; - --sf-c-darkkhaki-95: 56 38% 95%; - --sf-c-darkkhaki-100: 56 38% 100%; -} - -.sf-c-darkkhaki, .sf-c-darkkhaki\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 58%) } -.sf-c-darkkhaki\:0, .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } -.sf-c-darkkhaki\:5, .sf-c-darkkhaki\:5\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } -.sf-c-darkkhaki\:10, .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } -.sf-c-darkkhaki\:15, .sf-c-darkkhaki\:15\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 15%) } -.sf-c-darkkhaki\:20, .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 20%) } -.sf-c-darkkhaki\:25, .sf-c-darkkhaki\:25\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 25%) } -.sf-c-darkkhaki\:30, .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 30%) } -.sf-c-darkkhaki\:35, .sf-c-darkkhaki\:35\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 35%) } -.sf-c-darkkhaki\:40, .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 40%) } -.sf-c-darkkhaki\:45, .sf-c-darkkhaki\:45\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 45%) } -.sf-c-darkkhaki\:50, .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 50%) } -.sf-c-darkkhaki\:55, .sf-c-darkkhaki\:55\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 55%) } -.sf-c-darkkhaki\:60, .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 60%) } -.sf-c-darkkhaki\:65, .sf-c-darkkhaki\:65\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 65%) } -.sf-c-darkkhaki\:70, .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 70%) } -.sf-c-darkkhaki\:75, .sf-c-darkkhaki\:75\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 75%) } -.sf-c-darkkhaki\:80, .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 80%) } -.sf-c-darkkhaki\:85, .sf-c-darkkhaki\:85\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 85%) } -.sf-c-darkkhaki\:90, .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 90%) } -.sf-c-darkkhaki\:95, .sf-c-darkkhaki\:95\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } -.sf-c-darkkhaki\:100, .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } - -.sf-c-txt-darkkhaki { color: hsl(56, 38%, 10%) } -.sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } -.sf-c-txt-darkkhaki\:0, .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } -.sf-c-txt-darkkhaki\:5, .sf-c-txt-darkkhaki\:5\:st { color: hsl(56, 38%, 5%) } -.sf-c-txt-darkkhaki\:10, .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } -.sf-c-txt-darkkhaki\:15, .sf-c-txt-darkkhaki\:15\:st { color: hsl(56, 38%, 15%) } -.sf-c-txt-darkkhaki\:20, .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } -.sf-c-txt-darkkhaki\:25, .sf-c-txt-darkkhaki\:25\:st { color: hsl(56, 38%, 25%) } -.sf-c-txt-darkkhaki\:30, .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } -.sf-c-txt-darkkhaki\:35, .sf-c-txt-darkkhaki\:35\:st { color: hsl(56, 38%, 35%) } -.sf-c-txt-darkkhaki\:40, .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } -.sf-c-txt-darkkhaki\:45, .sf-c-txt-darkkhaki\:45\:st { color: hsl(56, 38%, 45%) } -.sf-c-txt-darkkhaki\:50, .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } -.sf-c-txt-darkkhaki\:55, .sf-c-txt-darkkhaki\:55\:st { color: hsl(56, 38%, 55%) } -.sf-c-txt-darkkhaki\:60, .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } -.sf-c-txt-darkkhaki\:65, .sf-c-txt-darkkhaki\:65\:st { color: hsl(56, 38%, 65%) } -.sf-c-txt-darkkhaki\:70, .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } -.sf-c-txt-darkkhaki\:75, .sf-c-txt-darkkhaki\:75\:st { color: hsl(56, 38%, 75%) } -.sf-c-txt-darkkhaki\:80, .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } -.sf-c-txt-darkkhaki\:85, .sf-c-txt-darkkhaki\:85\:st { color: hsl(56, 38%, 85%) } -.sf-c-txt-darkkhaki\:90, .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } -.sf-c-txt-darkkhaki\:95, .sf-c-txt-darkkhaki\:95\:st { color: hsl(56, 38%, 95%) } -.sf-c-txt-darkkhaki\:100, .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } - -html[data-theme='dark'] .sf-c-darkkhaki, html.dark .sf-c-darkkhaki { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 42%) } -html[data-theme='dark'] .sf-c-darkkhaki\:0, html.dark .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } -html[data-theme='dark'] .sf-c-darkkhaki\:5, html.dark .sf-c-darkkhaki\:5 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } -html[data-theme='dark'] .sf-c-darkkhaki\:10, html.dark .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-darkkhaki\:15, html.dark .sf-c-darkkhaki\:15 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 85%) } -html[data-theme='dark'] .sf-c-darkkhaki\:20, html.dark .sf-c-darkkhaki\:20 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-darkkhaki\:25, html.dark .sf-c-darkkhaki\:25 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 75%) } -html[data-theme='dark'] .sf-c-darkkhaki\:30, html.dark .sf-c-darkkhaki\:30 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-darkkhaki\:35, html.dark .sf-c-darkkhaki\:35 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 65%) } -html[data-theme='dark'] .sf-c-darkkhaki\:40, html.dark .sf-c-darkkhaki\:40 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-darkkhaki\:45, html.dark .sf-c-darkkhaki\:45 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 55%) } -html[data-theme='dark'] .sf-c-darkkhaki\:50, html.dark .sf-c-darkkhaki\:50 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-darkkhaki\:55, html.dark .sf-c-darkkhaki\:55 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 45%) } -html[data-theme='dark'] .sf-c-darkkhaki\:60, html.dark .sf-c-darkkhaki\:60 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-darkkhaki\:65, html.dark .sf-c-darkkhaki\:65 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 35%) } -html[data-theme='dark'] .sf-c-darkkhaki\:70, html.dark .sf-c-darkkhaki\:70 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-darkkhaki\:75, html.dark .sf-c-darkkhaki\:75 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 25%) } -html[data-theme='dark'] .sf-c-darkkhaki\:80, html.dark .sf-c-darkkhaki\:80 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-darkkhaki\:85, html.dark .sf-c-darkkhaki\:85 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 15%) } -html[data-theme='dark'] .sf-c-darkkhaki\:90, html.dark .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-darkkhaki\:95, html.dark .sf-c-darkkhaki\:95 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } -html[data-theme='dark'] .sf-c-darkkhaki\:100, html.dark .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } - -html[data-theme='dark'] .sf-c-darkkhaki\:st, html.dark .sf-c-darkkhaki\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-darkkhaki\:0\:st, html.dark .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } -html[data-theme='dark'] .sf-c-darkkhaki\:5\:st, html.dark .sf-c-darkkhaki\:5\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } -html[data-theme='dark'] .sf-c-darkkhaki\:10\:st, html.dark .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-darkkhaki\:15\:st, html.dark .sf-c-darkkhaki\:15\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 15%) } -html[data-theme='dark'] .sf-c-darkkhaki\:20\:st, html.dark .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-darkkhaki\:25\:st, html.dark .sf-c-darkkhaki\:25\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 25%) } -html[data-theme='dark'] .sf-c-darkkhaki\:30\:st, html.dark .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-darkkhaki\:35\:st, html.dark .sf-c-darkkhaki\:35\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 35%) } -html[data-theme='dark'] .sf-c-darkkhaki\:40\:st, html.dark .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-darkkhaki\:45\:st, html.dark .sf-c-darkkhaki\:45\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 45%) } -html[data-theme='dark'] .sf-c-darkkhaki\:50\:st, html.dark .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-darkkhaki\:55\:st, html.dark .sf-c-darkkhaki\:55\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 55%) } -html[data-theme='dark'] .sf-c-darkkhaki\:60\:st, html.dark .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-darkkhaki\:65\:st, html.dark .sf-c-darkkhaki\:65\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 65%) } -html[data-theme='dark'] .sf-c-darkkhaki\:70\:st, html.dark .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-darkkhaki\:75\:st, html.dark .sf-c-darkkhaki\:75\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 75%) } -html[data-theme='dark'] .sf-c-darkkhaki\:80\:st, html.dark .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-darkkhaki\:85\:st, html.dark .sf-c-darkkhaki\:85\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 85%) } -html[data-theme='dark'] .sf-c-darkkhaki\:90\:st, html.dark .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-darkkhaki\:95\:st, html.dark .sf-c-darkkhaki\:95\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } -html[data-theme='dark'] .sf-c-darkkhaki\:100\:st, html.dark .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:5, html.dark .sf-c-txt-darkkhaki\:5 { color: hsl(56, 38%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:15, html.dark .sf-c-txt-darkkhaki\:15 { color: hsl(56, 38%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:25, html.dark .sf-c-txt-darkkhaki\:25 { color: hsl(56, 38%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:35, html.dark .sf-c-txt-darkkhaki\:35 { color: hsl(56, 38%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:45, html.dark .sf-c-txt-darkkhaki\:45 { color: hsl(56, 38%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:55, html.dark .sf-c-txt-darkkhaki\:55 { color: hsl(56, 38%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:65, html.dark .sf-c-txt-darkkhaki\:65 { color: hsl(56, 38%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:75, html.dark .sf-c-txt-darkkhaki\:75 { color: hsl(56, 38%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:85, html.dark .sf-c-txt-darkkhaki\:85 { color: hsl(56, 38%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:95, html.dark .sf-c-txt-darkkhaki\:95 { color: hsl(56, 38%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkkhaki\:st, html.dark .sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:st, html.dark .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:5\:st, html.dark .sf-c-txt-darkkhaki\:5\:st { color: hsl(56, 38%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:st, html.dark .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:15\:st, html.dark .sf-c-txt-darkkhaki\:15\:st { color: hsl(56, 38%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:st, html.dark .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:25\:st, html.dark .sf-c-txt-darkkhaki\:25\:st { color: hsl(56, 38%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:st, html.dark .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:35\:st, html.dark .sf-c-txt-darkkhaki\:35\:st { color: hsl(56, 38%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:st, html.dark .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:45\:st, html.dark .sf-c-txt-darkkhaki\:45\:st { color: hsl(56, 38%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:st, html.dark .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:55\:st, html.dark .sf-c-txt-darkkhaki\:55\:st { color: hsl(56, 38%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:st, html.dark .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:65\:st, html.dark .sf-c-txt-darkkhaki\:65\:st { color: hsl(56, 38%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:st, html.dark .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:75\:st, html.dark .sf-c-txt-darkkhaki\:75\:st { color: hsl(56, 38%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:st, html.dark .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:85\:st, html.dark .sf-c-txt-darkkhaki\:85\:st { color: hsl(56, 38%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:st, html.dark .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:95\:st, html.dark .sf-c-txt-darkkhaki\:95\:st { color: hsl(56, 38%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:st, html.dark .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkkhaki, html.auto .sf-c-darkkhaki { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 42%) } - html[data-theme='auto'] .sf-c-darkkhaki\:0, html.auto .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } - html[data-theme='auto'] .sf-c-darkkhaki\:5, html.auto .sf-c-darkkhaki\:5 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } - html[data-theme='auto'] .sf-c-darkkhaki\:10, html.auto .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-darkkhaki\:15, html.auto .sf-c-darkkhaki\:15 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 85%) } - html[data-theme='auto'] .sf-c-darkkhaki\:20, html.auto .sf-c-darkkhaki\:20 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-darkkhaki\:25, html.auto .sf-c-darkkhaki\:25 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 75%) } - html[data-theme='auto'] .sf-c-darkkhaki\:30, html.auto .sf-c-darkkhaki\:30 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-darkkhaki\:35, html.auto .sf-c-darkkhaki\:35 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 65%) } - html[data-theme='auto'] .sf-c-darkkhaki\:40, html.auto .sf-c-darkkhaki\:40 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-darkkhaki\:45, html.auto .sf-c-darkkhaki\:45 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 55%) } - html[data-theme='auto'] .sf-c-darkkhaki\:50, html.auto .sf-c-darkkhaki\:50 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-darkkhaki\:55, html.auto .sf-c-darkkhaki\:55 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 45%) } - html[data-theme='auto'] .sf-c-darkkhaki\:60, html.auto .sf-c-darkkhaki\:60 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-darkkhaki\:65, html.auto .sf-c-darkkhaki\:65 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 35%) } - html[data-theme='auto'] .sf-c-darkkhaki\:70, html.auto .sf-c-darkkhaki\:70 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-darkkhaki\:75, html.auto .sf-c-darkkhaki\:75 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 25%) } - html[data-theme='auto'] .sf-c-darkkhaki\:80, html.auto .sf-c-darkkhaki\:80 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-darkkhaki\:85, html.auto .sf-c-darkkhaki\:85 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 15%) } - html[data-theme='auto'] .sf-c-darkkhaki\:90, html.auto .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-darkkhaki\:95, html.auto .sf-c-darkkhaki\:95 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } - html[data-theme='auto'] .sf-c-darkkhaki\:100, html.auto .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } - - html[data-theme='auto'] .sf-c-darkkhaki\:st, html.auto .sf-c-darkkhaki\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-darkkhaki\:0\:st, html.auto .sf-c-darkkhaki\:0\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } - html[data-theme='auto'] .sf-c-darkkhaki\:5\:st, html.auto .sf-c-darkkhaki\:5\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } - html[data-theme='auto'] .sf-c-darkkhaki\:10\:st, html.auto .sf-c-darkkhaki\:10\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-darkkhaki\:15\:st, html.auto .sf-c-darkkhaki\:15\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 15%) } - html[data-theme='auto'] .sf-c-darkkhaki\:20\:st, html.auto .sf-c-darkkhaki\:20\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-darkkhaki\:25\:st, html.auto .sf-c-darkkhaki\:25\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 25%) } - html[data-theme='auto'] .sf-c-darkkhaki\:30\:st, html.auto .sf-c-darkkhaki\:30\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-darkkhaki\:35\:st, html.auto .sf-c-darkkhaki\:35\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 35%) } - html[data-theme='auto'] .sf-c-darkkhaki\:40\:st, html.auto .sf-c-darkkhaki\:40\:st { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-darkkhaki\:45\:st, html.auto .sf-c-darkkhaki\:45\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 45%) } - html[data-theme='auto'] .sf-c-darkkhaki\:50\:st, html.auto .sf-c-darkkhaki\:50\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-darkkhaki\:55\:st, html.auto .sf-c-darkkhaki\:55\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 55%) } - html[data-theme='auto'] .sf-c-darkkhaki\:60\:st, html.auto .sf-c-darkkhaki\:60\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-darkkhaki\:65\:st, html.auto .sf-c-darkkhaki\:65\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 65%) } - html[data-theme='auto'] .sf-c-darkkhaki\:70\:st, html.auto .sf-c-darkkhaki\:70\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-darkkhaki\:75\:st, html.auto .sf-c-darkkhaki\:75\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 75%) } - html[data-theme='auto'] .sf-c-darkkhaki\:80\:st, html.auto .sf-c-darkkhaki\:80\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-darkkhaki\:85\:st, html.auto .sf-c-darkkhaki\:85\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 85%) } - html[data-theme='auto'] .sf-c-darkkhaki\:90\:st, html.auto .sf-c-darkkhaki\:90\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-darkkhaki\:95\:st, html.auto .sf-c-darkkhaki\:95\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } - html[data-theme='auto'] .sf-c-darkkhaki\:100\:st, html.auto .sf-c-darkkhaki\:100\:st { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:5, html.auto .sf-c-txt-darkkhaki\:5 { color: hsl(56, 38%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:15, html.auto .sf-c-txt-darkkhaki\:15 { color: hsl(56, 38%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:25, html.auto .sf-c-txt-darkkhaki\:25 { color: hsl(56, 38%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:35, html.auto .sf-c-txt-darkkhaki\:35 { color: hsl(56, 38%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:45, html.auto .sf-c-txt-darkkhaki\:45 { color: hsl(56, 38%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:55, html.auto .sf-c-txt-darkkhaki\:55 { color: hsl(56, 38%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:65, html.auto .sf-c-txt-darkkhaki\:65 { color: hsl(56, 38%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:75, html.auto .sf-c-txt-darkkhaki\:75 { color: hsl(56, 38%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:85, html.auto .sf-c-txt-darkkhaki\:85 { color: hsl(56, 38%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:95, html.auto .sf-c-txt-darkkhaki\:95 { color: hsl(56, 38%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkkhaki\:st, html.auto .sf-c-txt-darkkhaki\:st { color: hsl(56, 38%, 58%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:st, html.auto .sf-c-txt-darkkhaki\:0\:st { color: hsl(56, 38%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:5\:st, html.auto .sf-c-txt-darkkhaki\:5\:st { color: hsl(56, 38%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:st, html.auto .sf-c-txt-darkkhaki\:10\:st { color: hsl(56, 38%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:15\:st, html.auto .sf-c-txt-darkkhaki\:15\:st { color: hsl(56, 38%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:st, html.auto .sf-c-txt-darkkhaki\:20\:st { color: hsl(56, 38%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:25\:st, html.auto .sf-c-txt-darkkhaki\:25\:st { color: hsl(56, 38%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:st, html.auto .sf-c-txt-darkkhaki\:30\:st { color: hsl(56, 38%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:35\:st, html.auto .sf-c-txt-darkkhaki\:35\:st { color: hsl(56, 38%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:st, html.auto .sf-c-txt-darkkhaki\:40\:st { color: hsl(56, 38%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:45\:st, html.auto .sf-c-txt-darkkhaki\:45\:st { color: hsl(56, 38%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:st, html.auto .sf-c-txt-darkkhaki\:50\:st { color: hsl(56, 38%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:55\:st, html.auto .sf-c-txt-darkkhaki\:55\:st { color: hsl(56, 38%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:st, html.auto .sf-c-txt-darkkhaki\:60\:st { color: hsl(56, 38%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:65\:st, html.auto .sf-c-txt-darkkhaki\:65\:st { color: hsl(56, 38%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:st, html.auto .sf-c-txt-darkkhaki\:70\:st { color: hsl(56, 38%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:75\:st, html.auto .sf-c-txt-darkkhaki\:75\:st { color: hsl(56, 38%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:st, html.auto .sf-c-txt-darkkhaki\:80\:st { color: hsl(56, 38%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:85\:st, html.auto .sf-c-txt-darkkhaki\:85\:st { color: hsl(56, 38%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:st, html.auto .sf-c-txt-darkkhaki\:90\:st { color: hsl(56, 38%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:95\:st, html.auto .sf-c-txt-darkkhaki\:95\:st { color: hsl(56, 38%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:st, html.auto .sf-c-txt-darkkhaki\:100\:st { color: hsl(56, 38%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkmagenta.css b/src/colors/20/darkmagenta.css deleted file mode 100644 index 9ffe13a..0000000 --- a/src/colors/20/darkmagenta.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkmagenta { - --sf-c-darkmagenta: 300 100% 27%; - --sf-c-darkmagenta-0: 300 100% 0%; - --sf-c-darkmagenta-5: 300 100% 5%; - --sf-c-darkmagenta-10: 300 100% 10%; - --sf-c-darkmagenta-15: 300 100% 15%; - --sf-c-darkmagenta-20: 300 100% 20%; - --sf-c-darkmagenta-25: 300 100% 25%; - --sf-c-darkmagenta-30: 300 100% 30%; - --sf-c-darkmagenta-35: 300 100% 35%; - --sf-c-darkmagenta-40: 300 100% 40%; - --sf-c-darkmagenta-45: 300 100% 45%; - --sf-c-darkmagenta-50: 300 100% 50%; - --sf-c-darkmagenta-55: 300 100% 55%; - --sf-c-darkmagenta-60: 300 100% 60%; - --sf-c-darkmagenta-65: 300 100% 65%; - --sf-c-darkmagenta-70: 300 100% 70%; - --sf-c-darkmagenta-75: 300 100% 75%; - --sf-c-darkmagenta-80: 300 100% 80%; - --sf-c-darkmagenta-85: 300 100% 85%; - --sf-c-darkmagenta-90: 300 100% 90%; - --sf-c-darkmagenta-95: 300 100% 95%; - --sf-c-darkmagenta-100: 300 100% 100%; -} - -.sf-c-darkmagenta, .sf-c-darkmagenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 27%) } -.sf-c-darkmagenta\:0, .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -.sf-c-darkmagenta\:5, .sf-c-darkmagenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -.sf-c-darkmagenta\:10, .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -.sf-c-darkmagenta\:15, .sf-c-darkmagenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -.sf-c-darkmagenta\:20, .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -.sf-c-darkmagenta\:25, .sf-c-darkmagenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -.sf-c-darkmagenta\:30, .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -.sf-c-darkmagenta\:35, .sf-c-darkmagenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -.sf-c-darkmagenta\:40, .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -.sf-c-darkmagenta\:45, .sf-c-darkmagenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -.sf-c-darkmagenta\:50, .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-darkmagenta\:55, .sf-c-darkmagenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -.sf-c-darkmagenta\:60, .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -.sf-c-darkmagenta\:65, .sf-c-darkmagenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -.sf-c-darkmagenta\:70, .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -.sf-c-darkmagenta\:75, .sf-c-darkmagenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -.sf-c-darkmagenta\:80, .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -.sf-c-darkmagenta\:85, .sf-c-darkmagenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -.sf-c-darkmagenta\:90, .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -.sf-c-darkmagenta\:95, .sf-c-darkmagenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -.sf-c-darkmagenta\:100, .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } -.sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } -.sf-c-txt-darkmagenta\:0, .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-darkmagenta\:5, .sf-c-txt-darkmagenta\:5\:st { color: hsl(300, 100%, 5%) } -.sf-c-txt-darkmagenta\:10, .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-darkmagenta\:15, .sf-c-txt-darkmagenta\:15\:st { color: hsl(300, 100%, 15%) } -.sf-c-txt-darkmagenta\:20, .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-darkmagenta\:25, .sf-c-txt-darkmagenta\:25\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-darkmagenta\:30, .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-darkmagenta\:35, .sf-c-txt-darkmagenta\:35\:st { color: hsl(300, 100%, 35%) } -.sf-c-txt-darkmagenta\:40, .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-darkmagenta\:45, .sf-c-txt-darkmagenta\:45\:st { color: hsl(300, 100%, 45%) } -.sf-c-txt-darkmagenta\:50, .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-darkmagenta\:55, .sf-c-txt-darkmagenta\:55\:st { color: hsl(300, 100%, 55%) } -.sf-c-txt-darkmagenta\:60, .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-darkmagenta\:65, .sf-c-txt-darkmagenta\:65\:st { color: hsl(300, 100%, 65%) } -.sf-c-txt-darkmagenta\:70, .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-darkmagenta\:75, .sf-c-txt-darkmagenta\:75\:st { color: hsl(300, 100%, 75%) } -.sf-c-txt-darkmagenta\:80, .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-darkmagenta\:85, .sf-c-txt-darkmagenta\:85\:st { color: hsl(300, 100%, 85%) } -.sf-c-txt-darkmagenta\:90, .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-darkmagenta\:95, .sf-c-txt-darkmagenta\:95\:st { color: hsl(300, 100%, 95%) } -.sf-c-txt-darkmagenta\:100, .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkmagenta, html.dark .sf-c-darkmagenta { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkmagenta\:0, html.dark .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkmagenta\:5, html.dark .sf-c-darkmagenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkmagenta\:10, html.dark .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkmagenta\:15, html.dark .sf-c-darkmagenta\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkmagenta\:20, html.dark .sf-c-darkmagenta\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkmagenta\:25, html.dark .sf-c-darkmagenta\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkmagenta\:30, html.dark .sf-c-darkmagenta\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkmagenta\:35, html.dark .sf-c-darkmagenta\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkmagenta\:40, html.dark .sf-c-darkmagenta\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkmagenta\:45, html.dark .sf-c-darkmagenta\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkmagenta\:50, html.dark .sf-c-darkmagenta\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkmagenta\:55, html.dark .sf-c-darkmagenta\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkmagenta\:60, html.dark .sf-c-darkmagenta\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkmagenta\:65, html.dark .sf-c-darkmagenta\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkmagenta\:70, html.dark .sf-c-darkmagenta\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkmagenta\:75, html.dark .sf-c-darkmagenta\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkmagenta\:80, html.dark .sf-c-darkmagenta\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkmagenta\:85, html.dark .sf-c-darkmagenta\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkmagenta\:90, html.dark .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkmagenta\:95, html.dark .sf-c-darkmagenta\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkmagenta\:100, html.dark .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkmagenta\:st, html.dark .sf-c-darkmagenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkmagenta\:0\:st, html.dark .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkmagenta\:5\:st, html.dark .sf-c-darkmagenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkmagenta\:10\:st, html.dark .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkmagenta\:15\:st, html.dark .sf-c-darkmagenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkmagenta\:20\:st, html.dark .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkmagenta\:25\:st, html.dark .sf-c-darkmagenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkmagenta\:30\:st, html.dark .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkmagenta\:35\:st, html.dark .sf-c-darkmagenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkmagenta\:40\:st, html.dark .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkmagenta\:45\:st, html.dark .sf-c-darkmagenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkmagenta\:50\:st, html.dark .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkmagenta\:55\:st, html.dark .sf-c-darkmagenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkmagenta\:60\:st, html.dark .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkmagenta\:65\:st, html.dark .sf-c-darkmagenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkmagenta\:70\:st, html.dark .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkmagenta\:75\:st, html.dark .sf-c-darkmagenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkmagenta\:80\:st, html.dark .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkmagenta\:85\:st, html.dark .sf-c-darkmagenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkmagenta\:90\:st, html.dark .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkmagenta\:95\:st, html.dark .sf-c-darkmagenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkmagenta\:100\:st, html.dark .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:5, html.dark .sf-c-txt-darkmagenta\:5 { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:15, html.dark .sf-c-txt-darkmagenta\:15 { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:25, html.dark .sf-c-txt-darkmagenta\:25 { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:35, html.dark .sf-c-txt-darkmagenta\:35 { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:45, html.dark .sf-c-txt-darkmagenta\:45 { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:55, html.dark .sf-c-txt-darkmagenta\:55 { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:65, html.dark .sf-c-txt-darkmagenta\:65 { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:75, html.dark .sf-c-txt-darkmagenta\:75 { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:85, html.dark .sf-c-txt-darkmagenta\:85 { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:95, html.dark .sf-c-txt-darkmagenta\:95 { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkmagenta\:st, html.dark .sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:st, html.dark .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:5\:st, html.dark .sf-c-txt-darkmagenta\:5\:st { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:st, html.dark .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:15\:st, html.dark .sf-c-txt-darkmagenta\:15\:st { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:st, html.dark .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:25\:st, html.dark .sf-c-txt-darkmagenta\:25\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:st, html.dark .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:35\:st, html.dark .sf-c-txt-darkmagenta\:35\:st { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:st, html.dark .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:45\:st, html.dark .sf-c-txt-darkmagenta\:45\:st { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:st, html.dark .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:55\:st, html.dark .sf-c-txt-darkmagenta\:55\:st { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:st, html.dark .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:65\:st, html.dark .sf-c-txt-darkmagenta\:65\:st { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:st, html.dark .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:75\:st, html.dark .sf-c-txt-darkmagenta\:75\:st { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:st, html.dark .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:85\:st, html.dark .sf-c-txt-darkmagenta\:85\:st { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:st, html.dark .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:95\:st, html.dark .sf-c-txt-darkmagenta\:95\:st { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:st, html.dark .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkmagenta, html.auto .sf-c-darkmagenta { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkmagenta\:0, html.auto .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkmagenta\:5, html.auto .sf-c-darkmagenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkmagenta\:10, html.auto .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkmagenta\:15, html.auto .sf-c-darkmagenta\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkmagenta\:20, html.auto .sf-c-darkmagenta\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkmagenta\:25, html.auto .sf-c-darkmagenta\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkmagenta\:30, html.auto .sf-c-darkmagenta\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkmagenta\:35, html.auto .sf-c-darkmagenta\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkmagenta\:40, html.auto .sf-c-darkmagenta\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkmagenta\:45, html.auto .sf-c-darkmagenta\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkmagenta\:50, html.auto .sf-c-darkmagenta\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkmagenta\:55, html.auto .sf-c-darkmagenta\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkmagenta\:60, html.auto .sf-c-darkmagenta\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkmagenta\:65, html.auto .sf-c-darkmagenta\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkmagenta\:70, html.auto .sf-c-darkmagenta\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkmagenta\:75, html.auto .sf-c-darkmagenta\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkmagenta\:80, html.auto .sf-c-darkmagenta\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkmagenta\:85, html.auto .sf-c-darkmagenta\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkmagenta\:90, html.auto .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkmagenta\:95, html.auto .sf-c-darkmagenta\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkmagenta\:100, html.auto .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkmagenta\:st, html.auto .sf-c-darkmagenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkmagenta\:0\:st, html.auto .sf-c-darkmagenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkmagenta\:5\:st, html.auto .sf-c-darkmagenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkmagenta\:10\:st, html.auto .sf-c-darkmagenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkmagenta\:15\:st, html.auto .sf-c-darkmagenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkmagenta\:20\:st, html.auto .sf-c-darkmagenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkmagenta\:25\:st, html.auto .sf-c-darkmagenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkmagenta\:30\:st, html.auto .sf-c-darkmagenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkmagenta\:35\:st, html.auto .sf-c-darkmagenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkmagenta\:40\:st, html.auto .sf-c-darkmagenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkmagenta\:45\:st, html.auto .sf-c-darkmagenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkmagenta\:50\:st, html.auto .sf-c-darkmagenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkmagenta\:55\:st, html.auto .sf-c-darkmagenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkmagenta\:60\:st, html.auto .sf-c-darkmagenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkmagenta\:65\:st, html.auto .sf-c-darkmagenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkmagenta\:70\:st, html.auto .sf-c-darkmagenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkmagenta\:75\:st, html.auto .sf-c-darkmagenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkmagenta\:80\:st, html.auto .sf-c-darkmagenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkmagenta\:85\:st, html.auto .sf-c-darkmagenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkmagenta\:90\:st, html.auto .sf-c-darkmagenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkmagenta\:95\:st, html.auto .sf-c-darkmagenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkmagenta\:100\:st, html.auto .sf-c-darkmagenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:5, html.auto .sf-c-txt-darkmagenta\:5 { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:15, html.auto .sf-c-txt-darkmagenta\:15 { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:25, html.auto .sf-c-txt-darkmagenta\:25 { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:35, html.auto .sf-c-txt-darkmagenta\:35 { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:45, html.auto .sf-c-txt-darkmagenta\:45 { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:55, html.auto .sf-c-txt-darkmagenta\:55 { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:65, html.auto .sf-c-txt-darkmagenta\:65 { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:75, html.auto .sf-c-txt-darkmagenta\:75 { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:85, html.auto .sf-c-txt-darkmagenta\:85 { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:95, html.auto .sf-c-txt-darkmagenta\:95 { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkmagenta\:st, html.auto .sf-c-txt-darkmagenta\:st { color: hsl(300, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:st, html.auto .sf-c-txt-darkmagenta\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:5\:st, html.auto .sf-c-txt-darkmagenta\:5\:st { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:st, html.auto .sf-c-txt-darkmagenta\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:15\:st, html.auto .sf-c-txt-darkmagenta\:15\:st { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:st, html.auto .sf-c-txt-darkmagenta\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:25\:st, html.auto .sf-c-txt-darkmagenta\:25\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:st, html.auto .sf-c-txt-darkmagenta\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:35\:st, html.auto .sf-c-txt-darkmagenta\:35\:st { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:st, html.auto .sf-c-txt-darkmagenta\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:45\:st, html.auto .sf-c-txt-darkmagenta\:45\:st { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:st, html.auto .sf-c-txt-darkmagenta\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:55\:st, html.auto .sf-c-txt-darkmagenta\:55\:st { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:st, html.auto .sf-c-txt-darkmagenta\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:65\:st, html.auto .sf-c-txt-darkmagenta\:65\:st { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:st, html.auto .sf-c-txt-darkmagenta\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:75\:st, html.auto .sf-c-txt-darkmagenta\:75\:st { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:st, html.auto .sf-c-txt-darkmagenta\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:85\:st, html.auto .sf-c-txt-darkmagenta\:85\:st { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:st, html.auto .sf-c-txt-darkmagenta\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:95\:st, html.auto .sf-c-txt-darkmagenta\:95\:st { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:st, html.auto .sf-c-txt-darkmagenta\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkolivegreen.css b/src/colors/20/darkolivegreen.css deleted file mode 100644 index 57c4c00..0000000 --- a/src/colors/20/darkolivegreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkolivegreen { - --sf-c-darkolivegreen: 82 39% 30%; - --sf-c-darkolivegreen-0: 82 39% 0%; - --sf-c-darkolivegreen-5: 82 39% 5%; - --sf-c-darkolivegreen-10: 82 39% 10%; - --sf-c-darkolivegreen-15: 82 39% 15%; - --sf-c-darkolivegreen-20: 82 39% 20%; - --sf-c-darkolivegreen-25: 82 39% 25%; - --sf-c-darkolivegreen-30: 82 39% 30%; - --sf-c-darkolivegreen-35: 82 39% 35%; - --sf-c-darkolivegreen-40: 82 39% 40%; - --sf-c-darkolivegreen-45: 82 39% 45%; - --sf-c-darkolivegreen-50: 82 39% 50%; - --sf-c-darkolivegreen-55: 82 39% 55%; - --sf-c-darkolivegreen-60: 82 39% 60%; - --sf-c-darkolivegreen-65: 82 39% 65%; - --sf-c-darkolivegreen-70: 82 39% 70%; - --sf-c-darkolivegreen-75: 82 39% 75%; - --sf-c-darkolivegreen-80: 82 39% 80%; - --sf-c-darkolivegreen-85: 82 39% 85%; - --sf-c-darkolivegreen-90: 82 39% 90%; - --sf-c-darkolivegreen-95: 82 39% 95%; - --sf-c-darkolivegreen-100: 82 39% 100%; -} - -.sf-c-darkolivegreen, .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } -.sf-c-darkolivegreen\:0, .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } -.sf-c-darkolivegreen\:5, .sf-c-darkolivegreen\:5\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } -.sf-c-darkolivegreen\:10, .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } -.sf-c-darkolivegreen\:15, .sf-c-darkolivegreen\:15\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 15%) } -.sf-c-darkolivegreen\:20, .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 20%) } -.sf-c-darkolivegreen\:25, .sf-c-darkolivegreen\:25\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 25%) } -.sf-c-darkolivegreen\:30, .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } -.sf-c-darkolivegreen\:35, .sf-c-darkolivegreen\:35\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 35%) } -.sf-c-darkolivegreen\:40, .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 40%) } -.sf-c-darkolivegreen\:45, .sf-c-darkolivegreen\:45\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 45%) } -.sf-c-darkolivegreen\:50, .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 50%) } -.sf-c-darkolivegreen\:55, .sf-c-darkolivegreen\:55\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 55%) } -.sf-c-darkolivegreen\:60, .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 60%) } -.sf-c-darkolivegreen\:65, .sf-c-darkolivegreen\:65\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 65%) } -.sf-c-darkolivegreen\:70, .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } -.sf-c-darkolivegreen\:75, .sf-c-darkolivegreen\:75\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 75%) } -.sf-c-darkolivegreen\:80, .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 80%) } -.sf-c-darkolivegreen\:85, .sf-c-darkolivegreen\:85\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 85%) } -.sf-c-darkolivegreen\:90, .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 90%) } -.sf-c-darkolivegreen\:95, .sf-c-darkolivegreen\:95\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } -.sf-c-darkolivegreen\:100, .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } - -.sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:0, .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } -.sf-c-txt-darkolivegreen\:5, .sf-c-txt-darkolivegreen\:5\:st { color: hsl(82, 39%, 5%) } -.sf-c-txt-darkolivegreen\:10, .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } -.sf-c-txt-darkolivegreen\:15, .sf-c-txt-darkolivegreen\:15\:st { color: hsl(82, 39%, 15%) } -.sf-c-txt-darkolivegreen\:20, .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } -.sf-c-txt-darkolivegreen\:25, .sf-c-txt-darkolivegreen\:25\:st { color: hsl(82, 39%, 25%) } -.sf-c-txt-darkolivegreen\:30, .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } -.sf-c-txt-darkolivegreen\:35, .sf-c-txt-darkolivegreen\:35\:st { color: hsl(82, 39%, 35%) } -.sf-c-txt-darkolivegreen\:40, .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } -.sf-c-txt-darkolivegreen\:45, .sf-c-txt-darkolivegreen\:45\:st { color: hsl(82, 39%, 45%) } -.sf-c-txt-darkolivegreen\:50, .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } -.sf-c-txt-darkolivegreen\:55, .sf-c-txt-darkolivegreen\:55\:st { color: hsl(82, 39%, 55%) } -.sf-c-txt-darkolivegreen\:60, .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } -.sf-c-txt-darkolivegreen\:65, .sf-c-txt-darkolivegreen\:65\:st { color: hsl(82, 39%, 65%) } -.sf-c-txt-darkolivegreen\:70, .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } -.sf-c-txt-darkolivegreen\:75, .sf-c-txt-darkolivegreen\:75\:st { color: hsl(82, 39%, 75%) } -.sf-c-txt-darkolivegreen\:80, .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } -.sf-c-txt-darkolivegreen\:85, .sf-c-txt-darkolivegreen\:85\:st { color: hsl(82, 39%, 85%) } -.sf-c-txt-darkolivegreen\:90, .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } -.sf-c-txt-darkolivegreen\:95, .sf-c-txt-darkolivegreen\:95\:st { color: hsl(82, 39%, 95%) } -.sf-c-txt-darkolivegreen\:100, .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } - -html[data-theme='dark'] .sf-c-darkolivegreen, html.dark .sf-c-darkolivegreen { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:0, html.dark .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:5, html.dark .sf-c-darkolivegreen\:5 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:10, html.dark .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:15, html.dark .sf-c-darkolivegreen\:15 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 85%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:20, html.dark .sf-c-darkolivegreen\:20 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:25, html.dark .sf-c-darkolivegreen\:25 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 75%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:30, html.dark .sf-c-darkolivegreen\:30 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:35, html.dark .sf-c-darkolivegreen\:35 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 65%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:40, html.dark .sf-c-darkolivegreen\:40 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:45, html.dark .sf-c-darkolivegreen\:45 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 55%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:50, html.dark .sf-c-darkolivegreen\:50 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:55, html.dark .sf-c-darkolivegreen\:55 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 45%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:60, html.dark .sf-c-darkolivegreen\:60 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:65, html.dark .sf-c-darkolivegreen\:65 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 35%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:70, html.dark .sf-c-darkolivegreen\:70 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:75, html.dark .sf-c-darkolivegreen\:75 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 25%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:80, html.dark .sf-c-darkolivegreen\:80 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:85, html.dark .sf-c-darkolivegreen\:85 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 15%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:90, html.dark .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:95, html.dark .sf-c-darkolivegreen\:95 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:100, html.dark .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } - -html[data-theme='dark'] .sf-c-darkolivegreen\:st, html.dark .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:0\:st, html.dark .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:5\:st, html.dark .sf-c-darkolivegreen\:5\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:10\:st, html.dark .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:15\:st, html.dark .sf-c-darkolivegreen\:15\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 15%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:20\:st, html.dark .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:25\:st, html.dark .sf-c-darkolivegreen\:25\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 25%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:30\:st, html.dark .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:35\:st, html.dark .sf-c-darkolivegreen\:35\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 35%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:40\:st, html.dark .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:45\:st, html.dark .sf-c-darkolivegreen\:45\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 45%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:50\:st, html.dark .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:55\:st, html.dark .sf-c-darkolivegreen\:55\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 55%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:60\:st, html.dark .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:65\:st, html.dark .sf-c-darkolivegreen\:65\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 65%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:70\:st, html.dark .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:75\:st, html.dark .sf-c-darkolivegreen\:75\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 75%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:80\:st, html.dark .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:85\:st, html.dark .sf-c-darkolivegreen\:85\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 85%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:90\:st, html.dark .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:95\:st, html.dark .sf-c-darkolivegreen\:95\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } -html[data-theme='dark'] .sf-c-darkolivegreen\:100\:st, html.dark .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:5, html.dark .sf-c-txt-darkolivegreen\:5 { color: hsl(82, 39%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:15, html.dark .sf-c-txt-darkolivegreen\:15 { color: hsl(82, 39%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:25, html.dark .sf-c-txt-darkolivegreen\:25 { color: hsl(82, 39%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:35, html.dark .sf-c-txt-darkolivegreen\:35 { color: hsl(82, 39%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:45, html.dark .sf-c-txt-darkolivegreen\:45 { color: hsl(82, 39%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:55, html.dark .sf-c-txt-darkolivegreen\:55 { color: hsl(82, 39%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:65, html.dark .sf-c-txt-darkolivegreen\:65 { color: hsl(82, 39%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:75, html.dark .sf-c-txt-darkolivegreen\:75 { color: hsl(82, 39%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:85, html.dark .sf-c-txt-darkolivegreen\:85 { color: hsl(82, 39%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:95, html.dark .sf-c-txt-darkolivegreen\:95 { color: hsl(82, 39%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:st, html.dark .sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:st, html.dark .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:5\:st, html.dark .sf-c-txt-darkolivegreen\:5\:st { color: hsl(82, 39%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:st, html.dark .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:15\:st, html.dark .sf-c-txt-darkolivegreen\:15\:st { color: hsl(82, 39%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:st, html.dark .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:25\:st, html.dark .sf-c-txt-darkolivegreen\:25\:st { color: hsl(82, 39%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:st, html.dark .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:35\:st, html.dark .sf-c-txt-darkolivegreen\:35\:st { color: hsl(82, 39%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:st, html.dark .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:45\:st, html.dark .sf-c-txt-darkolivegreen\:45\:st { color: hsl(82, 39%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:st, html.dark .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:55\:st, html.dark .sf-c-txt-darkolivegreen\:55\:st { color: hsl(82, 39%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:st, html.dark .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:65\:st, html.dark .sf-c-txt-darkolivegreen\:65\:st { color: hsl(82, 39%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:st, html.dark .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:75\:st, html.dark .sf-c-txt-darkolivegreen\:75\:st { color: hsl(82, 39%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:st, html.dark .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:85\:st, html.dark .sf-c-txt-darkolivegreen\:85\:st { color: hsl(82, 39%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:st, html.dark .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:95\:st, html.dark .sf-c-txt-darkolivegreen\:95\:st { color: hsl(82, 39%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:st, html.dark .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkolivegreen, html.auto .sf-c-darkolivegreen { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:0, html.auto .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:5, html.auto .sf-c-darkolivegreen\:5 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:10, html.auto .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:15, html.auto .sf-c-darkolivegreen\:15 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 85%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:20, html.auto .sf-c-darkolivegreen\:20 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:25, html.auto .sf-c-darkolivegreen\:25 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 75%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:30, html.auto .sf-c-darkolivegreen\:30 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:35, html.auto .sf-c-darkolivegreen\:35 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 65%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:40, html.auto .sf-c-darkolivegreen\:40 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:45, html.auto .sf-c-darkolivegreen\:45 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 55%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:50, html.auto .sf-c-darkolivegreen\:50 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:55, html.auto .sf-c-darkolivegreen\:55 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 45%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:60, html.auto .sf-c-darkolivegreen\:60 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:65, html.auto .sf-c-darkolivegreen\:65 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 35%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:70, html.auto .sf-c-darkolivegreen\:70 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:75, html.auto .sf-c-darkolivegreen\:75 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 25%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:80, html.auto .sf-c-darkolivegreen\:80 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:85, html.auto .sf-c-darkolivegreen\:85 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 15%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:90, html.auto .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:95, html.auto .sf-c-darkolivegreen\:95 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:100, html.auto .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } - - html[data-theme='auto'] .sf-c-darkolivegreen\:st, html.auto .sf-c-darkolivegreen\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:0\:st, html.auto .sf-c-darkolivegreen\:0\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:5\:st, html.auto .sf-c-darkolivegreen\:5\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:10\:st, html.auto .sf-c-darkolivegreen\:10\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:15\:st, html.auto .sf-c-darkolivegreen\:15\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 15%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:20\:st, html.auto .sf-c-darkolivegreen\:20\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:25\:st, html.auto .sf-c-darkolivegreen\:25\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 25%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:30\:st, html.auto .sf-c-darkolivegreen\:30\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:35\:st, html.auto .sf-c-darkolivegreen\:35\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 35%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:40\:st, html.auto .sf-c-darkolivegreen\:40\:st { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:45\:st, html.auto .sf-c-darkolivegreen\:45\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 45%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:50\:st, html.auto .sf-c-darkolivegreen\:50\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:55\:st, html.auto .sf-c-darkolivegreen\:55\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 55%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:60\:st, html.auto .sf-c-darkolivegreen\:60\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:65\:st, html.auto .sf-c-darkolivegreen\:65\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 65%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:70\:st, html.auto .sf-c-darkolivegreen\:70\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:75\:st, html.auto .sf-c-darkolivegreen\:75\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 75%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:80\:st, html.auto .sf-c-darkolivegreen\:80\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:85\:st, html.auto .sf-c-darkolivegreen\:85\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 85%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:90\:st, html.auto .sf-c-darkolivegreen\:90\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:95\:st, html.auto .sf-c-darkolivegreen\:95\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } - html[data-theme='auto'] .sf-c-darkolivegreen\:100\:st, html.auto .sf-c-darkolivegreen\:100\:st { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:5, html.auto .sf-c-txt-darkolivegreen\:5 { color: hsl(82, 39%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:15, html.auto .sf-c-txt-darkolivegreen\:15 { color: hsl(82, 39%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:25, html.auto .sf-c-txt-darkolivegreen\:25 { color: hsl(82, 39%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:35, html.auto .sf-c-txt-darkolivegreen\:35 { color: hsl(82, 39%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:45, html.auto .sf-c-txt-darkolivegreen\:45 { color: hsl(82, 39%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:55, html.auto .sf-c-txt-darkolivegreen\:55 { color: hsl(82, 39%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:65, html.auto .sf-c-txt-darkolivegreen\:65 { color: hsl(82, 39%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:75, html.auto .sf-c-txt-darkolivegreen\:75 { color: hsl(82, 39%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:85, html.auto .sf-c-txt-darkolivegreen\:85 { color: hsl(82, 39%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:95, html.auto .sf-c-txt-darkolivegreen\:95 { color: hsl(82, 39%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:st, html.auto .sf-c-txt-darkolivegreen\:st { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:st, html.auto .sf-c-txt-darkolivegreen\:0\:st { color: hsl(82, 39%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:5\:st, html.auto .sf-c-txt-darkolivegreen\:5\:st { color: hsl(82, 39%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:st, html.auto .sf-c-txt-darkolivegreen\:10\:st { color: hsl(82, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:15\:st, html.auto .sf-c-txt-darkolivegreen\:15\:st { color: hsl(82, 39%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:st, html.auto .sf-c-txt-darkolivegreen\:20\:st { color: hsl(82, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:25\:st, html.auto .sf-c-txt-darkolivegreen\:25\:st { color: hsl(82, 39%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:st, html.auto .sf-c-txt-darkolivegreen\:30\:st { color: hsl(82, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:35\:st, html.auto .sf-c-txt-darkolivegreen\:35\:st { color: hsl(82, 39%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:st, html.auto .sf-c-txt-darkolivegreen\:40\:st { color: hsl(82, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:45\:st, html.auto .sf-c-txt-darkolivegreen\:45\:st { color: hsl(82, 39%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:st, html.auto .sf-c-txt-darkolivegreen\:50\:st { color: hsl(82, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:55\:st, html.auto .sf-c-txt-darkolivegreen\:55\:st { color: hsl(82, 39%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:st, html.auto .sf-c-txt-darkolivegreen\:60\:st { color: hsl(82, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:65\:st, html.auto .sf-c-txt-darkolivegreen\:65\:st { color: hsl(82, 39%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:st, html.auto .sf-c-txt-darkolivegreen\:70\:st { color: hsl(82, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:75\:st, html.auto .sf-c-txt-darkolivegreen\:75\:st { color: hsl(82, 39%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:st, html.auto .sf-c-txt-darkolivegreen\:80\:st { color: hsl(82, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:85\:st, html.auto .sf-c-txt-darkolivegreen\:85\:st { color: hsl(82, 39%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:st, html.auto .sf-c-txt-darkolivegreen\:90\:st { color: hsl(82, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:95\:st, html.auto .sf-c-txt-darkolivegreen\:95\:st { color: hsl(82, 39%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:st, html.auto .sf-c-txt-darkolivegreen\:100\:st { color: hsl(82, 39%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkorange.css b/src/colors/20/darkorange.css deleted file mode 100644 index a8de1a3..0000000 --- a/src/colors/20/darkorange.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkorange { - --sf-c-darkorange: 33 100% 50%; - --sf-c-darkorange-0: 33 100% 0%; - --sf-c-darkorange-5: 33 100% 5%; - --sf-c-darkorange-10: 33 100% 10%; - --sf-c-darkorange-15: 33 100% 15%; - --sf-c-darkorange-20: 33 100% 20%; - --sf-c-darkorange-25: 33 100% 25%; - --sf-c-darkorange-30: 33 100% 30%; - --sf-c-darkorange-35: 33 100% 35%; - --sf-c-darkorange-40: 33 100% 40%; - --sf-c-darkorange-45: 33 100% 45%; - --sf-c-darkorange-50: 33 100% 50%; - --sf-c-darkorange-55: 33 100% 55%; - --sf-c-darkorange-60: 33 100% 60%; - --sf-c-darkorange-65: 33 100% 65%; - --sf-c-darkorange-70: 33 100% 70%; - --sf-c-darkorange-75: 33 100% 75%; - --sf-c-darkorange-80: 33 100% 80%; - --sf-c-darkorange-85: 33 100% 85%; - --sf-c-darkorange-90: 33 100% 90%; - --sf-c-darkorange-95: 33 100% 95%; - --sf-c-darkorange-100: 33 100% 100%; -} - -.sf-c-darkorange, .sf-c-darkorange\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -.sf-c-darkorange\:0, .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -.sf-c-darkorange\:5, .sf-c-darkorange\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -.sf-c-darkorange\:10, .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -.sf-c-darkorange\:15, .sf-c-darkorange\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -.sf-c-darkorange\:20, .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -.sf-c-darkorange\:25, .sf-c-darkorange\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -.sf-c-darkorange\:30, .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -.sf-c-darkorange\:35, .sf-c-darkorange\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -.sf-c-darkorange\:40, .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -.sf-c-darkorange\:45, .sf-c-darkorange\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -.sf-c-darkorange\:50, .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -.sf-c-darkorange\:55, .sf-c-darkorange\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -.sf-c-darkorange\:60, .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -.sf-c-darkorange\:65, .sf-c-darkorange\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -.sf-c-darkorange\:70, .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -.sf-c-darkorange\:75, .sf-c-darkorange\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -.sf-c-darkorange\:80, .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -.sf-c-darkorange\:85, .sf-c-darkorange\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -.sf-c-darkorange\:90, .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -.sf-c-darkorange\:95, .sf-c-darkorange\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -.sf-c-darkorange\:100, .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - -.sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:0, .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } -.sf-c-txt-darkorange\:5, .sf-c-txt-darkorange\:5\:st { color: hsl(33, 100%, 5%) } -.sf-c-txt-darkorange\:10, .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } -.sf-c-txt-darkorange\:15, .sf-c-txt-darkorange\:15\:st { color: hsl(33, 100%, 15%) } -.sf-c-txt-darkorange\:20, .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } -.sf-c-txt-darkorange\:25, .sf-c-txt-darkorange\:25\:st { color: hsl(33, 100%, 25%) } -.sf-c-txt-darkorange\:30, .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } -.sf-c-txt-darkorange\:35, .sf-c-txt-darkorange\:35\:st { color: hsl(33, 100%, 35%) } -.sf-c-txt-darkorange\:40, .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } -.sf-c-txt-darkorange\:45, .sf-c-txt-darkorange\:45\:st { color: hsl(33, 100%, 45%) } -.sf-c-txt-darkorange\:50, .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } -.sf-c-txt-darkorange\:55, .sf-c-txt-darkorange\:55\:st { color: hsl(33, 100%, 55%) } -.sf-c-txt-darkorange\:60, .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } -.sf-c-txt-darkorange\:65, .sf-c-txt-darkorange\:65\:st { color: hsl(33, 100%, 65%) } -.sf-c-txt-darkorange\:70, .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } -.sf-c-txt-darkorange\:75, .sf-c-txt-darkorange\:75\:st { color: hsl(33, 100%, 75%) } -.sf-c-txt-darkorange\:80, .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } -.sf-c-txt-darkorange\:85, .sf-c-txt-darkorange\:85\:st { color: hsl(33, 100%, 85%) } -.sf-c-txt-darkorange\:90, .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } -.sf-c-txt-darkorange\:95, .sf-c-txt-darkorange\:95\:st { color: hsl(33, 100%, 95%) } -.sf-c-txt-darkorange\:100, .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkorange, html.dark .sf-c-darkorange { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:0, html.dark .sf-c-darkorange\:0 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkorange\:5, html.dark .sf-c-darkorange\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkorange\:10, html.dark .sf-c-darkorange\:10 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkorange\:15, html.dark .sf-c-darkorange\:15 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkorange\:20, html.dark .sf-c-darkorange\:20 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkorange\:25, html.dark .sf-c-darkorange\:25 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkorange\:30, html.dark .sf-c-darkorange\:30 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkorange\:35, html.dark .sf-c-darkorange\:35 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkorange\:40, html.dark .sf-c-darkorange\:40 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkorange\:45, html.dark .sf-c-darkorange\:45 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkorange\:50, html.dark .sf-c-darkorange\:50 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:55, html.dark .sf-c-darkorange\:55 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkorange\:60, html.dark .sf-c-darkorange\:60 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkorange\:65, html.dark .sf-c-darkorange\:65 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkorange\:70, html.dark .sf-c-darkorange\:70 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkorange\:75, html.dark .sf-c-darkorange\:75 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkorange\:80, html.dark .sf-c-darkorange\:80 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkorange\:85, html.dark .sf-c-darkorange\:85 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkorange\:90, html.dark .sf-c-darkorange\:90 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkorange\:95, html.dark .sf-c-darkorange\:95 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkorange\:100, html.dark .sf-c-darkorange\:100 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkorange\:st, html.dark .sf-c-darkorange\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:0\:st, html.dark .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkorange\:5\:st, html.dark .sf-c-darkorange\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkorange\:10\:st, html.dark .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkorange\:15\:st, html.dark .sf-c-darkorange\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkorange\:20\:st, html.dark .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkorange\:25\:st, html.dark .sf-c-darkorange\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkorange\:30\:st, html.dark .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkorange\:35\:st, html.dark .sf-c-darkorange\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkorange\:40\:st, html.dark .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkorange\:45\:st, html.dark .sf-c-darkorange\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkorange\:50\:st, html.dark .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkorange\:55\:st, html.dark .sf-c-darkorange\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkorange\:60\:st, html.dark .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkorange\:65\:st, html.dark .sf-c-darkorange\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkorange\:70\:st, html.dark .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkorange\:75\:st, html.dark .sf-c-darkorange\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkorange\:80\:st, html.dark .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkorange\:85\:st, html.dark .sf-c-darkorange\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkorange\:90\:st, html.dark .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkorange\:95\:st, html.dark .sf-c-darkorange\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkorange\:100\:st, html.dark .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:5, html.dark .sf-c-txt-darkorange\:5 { color: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:15, html.dark .sf-c-txt-darkorange\:15 { color: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:25, html.dark .sf-c-txt-darkorange\:25 { color: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:35, html.dark .sf-c-txt-darkorange\:35 { color: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:45, html.dark .sf-c-txt-darkorange\:45 { color: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:55, html.dark .sf-c-txt-darkorange\:55 { color: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:65, html.dark .sf-c-txt-darkorange\:65 { color: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:75, html.dark .sf-c-txt-darkorange\:75 { color: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:85, html.dark .sf-c-txt-darkorange\:85 { color: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:95, html.dark .sf-c-txt-darkorange\:95 { color: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkorange\:st, html.dark .sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:0\:st, html.dark .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:5\:st, html.dark .sf-c-txt-darkorange\:5\:st { color: hsl(33, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:10\:st, html.dark .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:15\:st, html.dark .sf-c-txt-darkorange\:15\:st { color: hsl(33, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:20\:st, html.dark .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:25\:st, html.dark .sf-c-txt-darkorange\:25\:st { color: hsl(33, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:30\:st, html.dark .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:35\:st, html.dark .sf-c-txt-darkorange\:35\:st { color: hsl(33, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:40\:st, html.dark .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:45\:st, html.dark .sf-c-txt-darkorange\:45\:st { color: hsl(33, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:50\:st, html.dark .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:55\:st, html.dark .sf-c-txt-darkorange\:55\:st { color: hsl(33, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:60\:st, html.dark .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:65\:st, html.dark .sf-c-txt-darkorange\:65\:st { color: hsl(33, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:70\:st, html.dark .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:75\:st, html.dark .sf-c-txt-darkorange\:75\:st { color: hsl(33, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:80\:st, html.dark .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:85\:st, html.dark .sf-c-txt-darkorange\:85\:st { color: hsl(33, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:90\:st, html.dark .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:95\:st, html.dark .sf-c-txt-darkorange\:95\:st { color: hsl(33, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkorange\:100\:st, html.dark .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkorange, html.auto .sf-c-darkorange { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:0, html.auto .sf-c-darkorange\:0 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkorange\:5, html.auto .sf-c-darkorange\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkorange\:10, html.auto .sf-c-darkorange\:10 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkorange\:15, html.auto .sf-c-darkorange\:15 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkorange\:20, html.auto .sf-c-darkorange\:20 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkorange\:25, html.auto .sf-c-darkorange\:25 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkorange\:30, html.auto .sf-c-darkorange\:30 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkorange\:35, html.auto .sf-c-darkorange\:35 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkorange\:40, html.auto .sf-c-darkorange\:40 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkorange\:45, html.auto .sf-c-darkorange\:45 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkorange\:50, html.auto .sf-c-darkorange\:50 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:55, html.auto .sf-c-darkorange\:55 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkorange\:60, html.auto .sf-c-darkorange\:60 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkorange\:65, html.auto .sf-c-darkorange\:65 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkorange\:70, html.auto .sf-c-darkorange\:70 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkorange\:75, html.auto .sf-c-darkorange\:75 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkorange\:80, html.auto .sf-c-darkorange\:80 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkorange\:85, html.auto .sf-c-darkorange\:85 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkorange\:90, html.auto .sf-c-darkorange\:90 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkorange\:95, html.auto .sf-c-darkorange\:95 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkorange\:100, html.auto .sf-c-darkorange\:100 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkorange\:st, html.auto .sf-c-darkorange\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:0\:st, html.auto .sf-c-darkorange\:0\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkorange\:5\:st, html.auto .sf-c-darkorange\:5\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkorange\:10\:st, html.auto .sf-c-darkorange\:10\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkorange\:15\:st, html.auto .sf-c-darkorange\:15\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkorange\:20\:st, html.auto .sf-c-darkorange\:20\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkorange\:25\:st, html.auto .sf-c-darkorange\:25\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkorange\:30\:st, html.auto .sf-c-darkorange\:30\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkorange\:35\:st, html.auto .sf-c-darkorange\:35\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkorange\:40\:st, html.auto .sf-c-darkorange\:40\:st { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkorange\:45\:st, html.auto .sf-c-darkorange\:45\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkorange\:50\:st, html.auto .sf-c-darkorange\:50\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkorange\:55\:st, html.auto .sf-c-darkorange\:55\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkorange\:60\:st, html.auto .sf-c-darkorange\:60\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkorange\:65\:st, html.auto .sf-c-darkorange\:65\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkorange\:70\:st, html.auto .sf-c-darkorange\:70\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkorange\:75\:st, html.auto .sf-c-darkorange\:75\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkorange\:80\:st, html.auto .sf-c-darkorange\:80\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkorange\:85\:st, html.auto .sf-c-darkorange\:85\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkorange\:90\:st, html.auto .sf-c-darkorange\:90\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkorange\:95\:st, html.auto .sf-c-darkorange\:95\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkorange\:100\:st, html.auto .sf-c-darkorange\:100\:st { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:5, html.auto .sf-c-txt-darkorange\:5 { color: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:15, html.auto .sf-c-txt-darkorange\:15 { color: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:25, html.auto .sf-c-txt-darkorange\:25 { color: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:35, html.auto .sf-c-txt-darkorange\:35 { color: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:45, html.auto .sf-c-txt-darkorange\:45 { color: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:55, html.auto .sf-c-txt-darkorange\:55 { color: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:65, html.auto .sf-c-txt-darkorange\:65 { color: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:75, html.auto .sf-c-txt-darkorange\:75 { color: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:85, html.auto .sf-c-txt-darkorange\:85 { color: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:95, html.auto .sf-c-txt-darkorange\:95 { color: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkorange\:st, html.auto .sf-c-txt-darkorange\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:0\:st, html.auto .sf-c-txt-darkorange\:0\:st { color: hsl(33, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:5\:st, html.auto .sf-c-txt-darkorange\:5\:st { color: hsl(33, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:10\:st, html.auto .sf-c-txt-darkorange\:10\:st { color: hsl(33, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:15\:st, html.auto .sf-c-txt-darkorange\:15\:st { color: hsl(33, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:20\:st, html.auto .sf-c-txt-darkorange\:20\:st { color: hsl(33, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:25\:st, html.auto .sf-c-txt-darkorange\:25\:st { color: hsl(33, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:30\:st, html.auto .sf-c-txt-darkorange\:30\:st { color: hsl(33, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:35\:st, html.auto .sf-c-txt-darkorange\:35\:st { color: hsl(33, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:40\:st, html.auto .sf-c-txt-darkorange\:40\:st { color: hsl(33, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:45\:st, html.auto .sf-c-txt-darkorange\:45\:st { color: hsl(33, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:50\:st, html.auto .sf-c-txt-darkorange\:50\:st { color: hsl(33, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:55\:st, html.auto .sf-c-txt-darkorange\:55\:st { color: hsl(33, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:60\:st, html.auto .sf-c-txt-darkorange\:60\:st { color: hsl(33, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:65\:st, html.auto .sf-c-txt-darkorange\:65\:st { color: hsl(33, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:70\:st, html.auto .sf-c-txt-darkorange\:70\:st { color: hsl(33, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:75\:st, html.auto .sf-c-txt-darkorange\:75\:st { color: hsl(33, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:80\:st, html.auto .sf-c-txt-darkorange\:80\:st { color: hsl(33, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:85\:st, html.auto .sf-c-txt-darkorange\:85\:st { color: hsl(33, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:90\:st, html.auto .sf-c-txt-darkorange\:90\:st { color: hsl(33, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:95\:st, html.auto .sf-c-txt-darkorange\:95\:st { color: hsl(33, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkorange\:100\:st, html.auto .sf-c-txt-darkorange\:100\:st { color: hsl(33, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkorchid.css b/src/colors/20/darkorchid.css deleted file mode 100644 index 808b6fd..0000000 --- a/src/colors/20/darkorchid.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkorchid { - --sf-c-darkorchid: 280 61% 50%; - --sf-c-darkorchid-0: 280 61% 0%; - --sf-c-darkorchid-5: 280 61% 5%; - --sf-c-darkorchid-10: 280 61% 10%; - --sf-c-darkorchid-15: 280 61% 15%; - --sf-c-darkorchid-20: 280 61% 20%; - --sf-c-darkorchid-25: 280 61% 25%; - --sf-c-darkorchid-30: 280 61% 30%; - --sf-c-darkorchid-35: 280 61% 35%; - --sf-c-darkorchid-40: 280 61% 40%; - --sf-c-darkorchid-45: 280 61% 45%; - --sf-c-darkorchid-50: 280 61% 50%; - --sf-c-darkorchid-55: 280 61% 55%; - --sf-c-darkorchid-60: 280 61% 60%; - --sf-c-darkorchid-65: 280 61% 65%; - --sf-c-darkorchid-70: 280 61% 70%; - --sf-c-darkorchid-75: 280 61% 75%; - --sf-c-darkorchid-80: 280 61% 80%; - --sf-c-darkorchid-85: 280 61% 85%; - --sf-c-darkorchid-90: 280 61% 90%; - --sf-c-darkorchid-95: 280 61% 95%; - --sf-c-darkorchid-100: 280 61% 100%; -} - -.sf-c-darkorchid, .sf-c-darkorchid\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -.sf-c-darkorchid\:0, .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } -.sf-c-darkorchid\:5, .sf-c-darkorchid\:5\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } -.sf-c-darkorchid\:10, .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } -.sf-c-darkorchid\:15, .sf-c-darkorchid\:15\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 15%) } -.sf-c-darkorchid\:20, .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 20%) } -.sf-c-darkorchid\:25, .sf-c-darkorchid\:25\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 25%) } -.sf-c-darkorchid\:30, .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 30%) } -.sf-c-darkorchid\:35, .sf-c-darkorchid\:35\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 35%) } -.sf-c-darkorchid\:40, .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 40%) } -.sf-c-darkorchid\:45, .sf-c-darkorchid\:45\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 45%) } -.sf-c-darkorchid\:50, .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -.sf-c-darkorchid\:55, .sf-c-darkorchid\:55\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 55%) } -.sf-c-darkorchid\:60, .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 60%) } -.sf-c-darkorchid\:65, .sf-c-darkorchid\:65\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 65%) } -.sf-c-darkorchid\:70, .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 70%) } -.sf-c-darkorchid\:75, .sf-c-darkorchid\:75\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 75%) } -.sf-c-darkorchid\:80, .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 80%) } -.sf-c-darkorchid\:85, .sf-c-darkorchid\:85\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 85%) } -.sf-c-darkorchid\:90, .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 90%) } -.sf-c-darkorchid\:95, .sf-c-darkorchid\:95\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } -.sf-c-darkorchid\:100, .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } - -.sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:0, .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } -.sf-c-txt-darkorchid\:5, .sf-c-txt-darkorchid\:5\:st { color: hsl(280, 61%, 5%) } -.sf-c-txt-darkorchid\:10, .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } -.sf-c-txt-darkorchid\:15, .sf-c-txt-darkorchid\:15\:st { color: hsl(280, 61%, 15%) } -.sf-c-txt-darkorchid\:20, .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } -.sf-c-txt-darkorchid\:25, .sf-c-txt-darkorchid\:25\:st { color: hsl(280, 61%, 25%) } -.sf-c-txt-darkorchid\:30, .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } -.sf-c-txt-darkorchid\:35, .sf-c-txt-darkorchid\:35\:st { color: hsl(280, 61%, 35%) } -.sf-c-txt-darkorchid\:40, .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } -.sf-c-txt-darkorchid\:45, .sf-c-txt-darkorchid\:45\:st { color: hsl(280, 61%, 45%) } -.sf-c-txt-darkorchid\:50, .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } -.sf-c-txt-darkorchid\:55, .sf-c-txt-darkorchid\:55\:st { color: hsl(280, 61%, 55%) } -.sf-c-txt-darkorchid\:60, .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } -.sf-c-txt-darkorchid\:65, .sf-c-txt-darkorchid\:65\:st { color: hsl(280, 61%, 65%) } -.sf-c-txt-darkorchid\:70, .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } -.sf-c-txt-darkorchid\:75, .sf-c-txt-darkorchid\:75\:st { color: hsl(280, 61%, 75%) } -.sf-c-txt-darkorchid\:80, .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } -.sf-c-txt-darkorchid\:85, .sf-c-txt-darkorchid\:85\:st { color: hsl(280, 61%, 85%) } -.sf-c-txt-darkorchid\:90, .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } -.sf-c-txt-darkorchid\:95, .sf-c-txt-darkorchid\:95\:st { color: hsl(280, 61%, 95%) } -.sf-c-txt-darkorchid\:100, .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } - -html[data-theme='dark'] .sf-c-darkorchid, html.dark .sf-c-darkorchid { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:0, html.dark .sf-c-darkorchid\:0 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } -html[data-theme='dark'] .sf-c-darkorchid\:5, html.dark .sf-c-darkorchid\:5 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } -html[data-theme='dark'] .sf-c-darkorchid\:10, html.dark .sf-c-darkorchid\:10 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-darkorchid\:15, html.dark .sf-c-darkorchid\:15 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 85%) } -html[data-theme='dark'] .sf-c-darkorchid\:20, html.dark .sf-c-darkorchid\:20 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-darkorchid\:25, html.dark .sf-c-darkorchid\:25 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 75%) } -html[data-theme='dark'] .sf-c-darkorchid\:30, html.dark .sf-c-darkorchid\:30 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-darkorchid\:35, html.dark .sf-c-darkorchid\:35 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 65%) } -html[data-theme='dark'] .sf-c-darkorchid\:40, html.dark .sf-c-darkorchid\:40 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-darkorchid\:45, html.dark .sf-c-darkorchid\:45 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 55%) } -html[data-theme='dark'] .sf-c-darkorchid\:50, html.dark .sf-c-darkorchid\:50 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:55, html.dark .sf-c-darkorchid\:55 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 45%) } -html[data-theme='dark'] .sf-c-darkorchid\:60, html.dark .sf-c-darkorchid\:60 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-darkorchid\:65, html.dark .sf-c-darkorchid\:65 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 35%) } -html[data-theme='dark'] .sf-c-darkorchid\:70, html.dark .sf-c-darkorchid\:70 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-darkorchid\:75, html.dark .sf-c-darkorchid\:75 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 25%) } -html[data-theme='dark'] .sf-c-darkorchid\:80, html.dark .sf-c-darkorchid\:80 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-darkorchid\:85, html.dark .sf-c-darkorchid\:85 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 15%) } -html[data-theme='dark'] .sf-c-darkorchid\:90, html.dark .sf-c-darkorchid\:90 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-darkorchid\:95, html.dark .sf-c-darkorchid\:95 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } -html[data-theme='dark'] .sf-c-darkorchid\:100, html.dark .sf-c-darkorchid\:100 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } - -html[data-theme='dark'] .sf-c-darkorchid\:st, html.dark .sf-c-darkorchid\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:0\:st, html.dark .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } -html[data-theme='dark'] .sf-c-darkorchid\:5\:st, html.dark .sf-c-darkorchid\:5\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } -html[data-theme='dark'] .sf-c-darkorchid\:10\:st, html.dark .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-darkorchid\:15\:st, html.dark .sf-c-darkorchid\:15\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 15%) } -html[data-theme='dark'] .sf-c-darkorchid\:20\:st, html.dark .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-darkorchid\:25\:st, html.dark .sf-c-darkorchid\:25\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 25%) } -html[data-theme='dark'] .sf-c-darkorchid\:30\:st, html.dark .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-darkorchid\:35\:st, html.dark .sf-c-darkorchid\:35\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 35%) } -html[data-theme='dark'] .sf-c-darkorchid\:40\:st, html.dark .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-darkorchid\:45\:st, html.dark .sf-c-darkorchid\:45\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 45%) } -html[data-theme='dark'] .sf-c-darkorchid\:50\:st, html.dark .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-darkorchid\:55\:st, html.dark .sf-c-darkorchid\:55\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 55%) } -html[data-theme='dark'] .sf-c-darkorchid\:60\:st, html.dark .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-darkorchid\:65\:st, html.dark .sf-c-darkorchid\:65\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 65%) } -html[data-theme='dark'] .sf-c-darkorchid\:70\:st, html.dark .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-darkorchid\:75\:st, html.dark .sf-c-darkorchid\:75\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 75%) } -html[data-theme='dark'] .sf-c-darkorchid\:80\:st, html.dark .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-darkorchid\:85\:st, html.dark .sf-c-darkorchid\:85\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 85%) } -html[data-theme='dark'] .sf-c-darkorchid\:90\:st, html.dark .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-darkorchid\:95\:st, html.dark .sf-c-darkorchid\:95\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } -html[data-theme='dark'] .sf-c-darkorchid\:100\:st, html.dark .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:5, html.dark .sf-c-txt-darkorchid\:5 { color: hsl(280, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:15, html.dark .sf-c-txt-darkorchid\:15 { color: hsl(280, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:25, html.dark .sf-c-txt-darkorchid\:25 { color: hsl(280, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:35, html.dark .sf-c-txt-darkorchid\:35 { color: hsl(280, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:45, html.dark .sf-c-txt-darkorchid\:45 { color: hsl(280, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:55, html.dark .sf-c-txt-darkorchid\:55 { color: hsl(280, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:65, html.dark .sf-c-txt-darkorchid\:65 { color: hsl(280, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:75, html.dark .sf-c-txt-darkorchid\:75 { color: hsl(280, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:85, html.dark .sf-c-txt-darkorchid\:85 { color: hsl(280, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:95, html.dark .sf-c-txt-darkorchid\:95 { color: hsl(280, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkorchid\:st, html.dark .sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:0\:st, html.dark .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:5\:st, html.dark .sf-c-txt-darkorchid\:5\:st { color: hsl(280, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:10\:st, html.dark .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:15\:st, html.dark .sf-c-txt-darkorchid\:15\:st { color: hsl(280, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:20\:st, html.dark .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:25\:st, html.dark .sf-c-txt-darkorchid\:25\:st { color: hsl(280, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:30\:st, html.dark .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:35\:st, html.dark .sf-c-txt-darkorchid\:35\:st { color: hsl(280, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:40\:st, html.dark .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:45\:st, html.dark .sf-c-txt-darkorchid\:45\:st { color: hsl(280, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:50\:st, html.dark .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:55\:st, html.dark .sf-c-txt-darkorchid\:55\:st { color: hsl(280, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:60\:st, html.dark .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:65\:st, html.dark .sf-c-txt-darkorchid\:65\:st { color: hsl(280, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:70\:st, html.dark .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:75\:st, html.dark .sf-c-txt-darkorchid\:75\:st { color: hsl(280, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:80\:st, html.dark .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:85\:st, html.dark .sf-c-txt-darkorchid\:85\:st { color: hsl(280, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:90\:st, html.dark .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:95\:st, html.dark .sf-c-txt-darkorchid\:95\:st { color: hsl(280, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkorchid\:100\:st, html.dark .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkorchid, html.auto .sf-c-darkorchid { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:0, html.auto .sf-c-darkorchid\:0 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } - html[data-theme='auto'] .sf-c-darkorchid\:5, html.auto .sf-c-darkorchid\:5 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } - html[data-theme='auto'] .sf-c-darkorchid\:10, html.auto .sf-c-darkorchid\:10 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-darkorchid\:15, html.auto .sf-c-darkorchid\:15 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 85%) } - html[data-theme='auto'] .sf-c-darkorchid\:20, html.auto .sf-c-darkorchid\:20 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-darkorchid\:25, html.auto .sf-c-darkorchid\:25 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 75%) } - html[data-theme='auto'] .sf-c-darkorchid\:30, html.auto .sf-c-darkorchid\:30 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-darkorchid\:35, html.auto .sf-c-darkorchid\:35 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 65%) } - html[data-theme='auto'] .sf-c-darkorchid\:40, html.auto .sf-c-darkorchid\:40 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-darkorchid\:45, html.auto .sf-c-darkorchid\:45 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 55%) } - html[data-theme='auto'] .sf-c-darkorchid\:50, html.auto .sf-c-darkorchid\:50 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:55, html.auto .sf-c-darkorchid\:55 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 45%) } - html[data-theme='auto'] .sf-c-darkorchid\:60, html.auto .sf-c-darkorchid\:60 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-darkorchid\:65, html.auto .sf-c-darkorchid\:65 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 35%) } - html[data-theme='auto'] .sf-c-darkorchid\:70, html.auto .sf-c-darkorchid\:70 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-darkorchid\:75, html.auto .sf-c-darkorchid\:75 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 25%) } - html[data-theme='auto'] .sf-c-darkorchid\:80, html.auto .sf-c-darkorchid\:80 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-darkorchid\:85, html.auto .sf-c-darkorchid\:85 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 15%) } - html[data-theme='auto'] .sf-c-darkorchid\:90, html.auto .sf-c-darkorchid\:90 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-darkorchid\:95, html.auto .sf-c-darkorchid\:95 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } - html[data-theme='auto'] .sf-c-darkorchid\:100, html.auto .sf-c-darkorchid\:100 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } - - html[data-theme='auto'] .sf-c-darkorchid\:st, html.auto .sf-c-darkorchid\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:0\:st, html.auto .sf-c-darkorchid\:0\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } - html[data-theme='auto'] .sf-c-darkorchid\:5\:st, html.auto .sf-c-darkorchid\:5\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } - html[data-theme='auto'] .sf-c-darkorchid\:10\:st, html.auto .sf-c-darkorchid\:10\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-darkorchid\:15\:st, html.auto .sf-c-darkorchid\:15\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 15%) } - html[data-theme='auto'] .sf-c-darkorchid\:20\:st, html.auto .sf-c-darkorchid\:20\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-darkorchid\:25\:st, html.auto .sf-c-darkorchid\:25\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 25%) } - html[data-theme='auto'] .sf-c-darkorchid\:30\:st, html.auto .sf-c-darkorchid\:30\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-darkorchid\:35\:st, html.auto .sf-c-darkorchid\:35\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 35%) } - html[data-theme='auto'] .sf-c-darkorchid\:40\:st, html.auto .sf-c-darkorchid\:40\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-darkorchid\:45\:st, html.auto .sf-c-darkorchid\:45\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 45%) } - html[data-theme='auto'] .sf-c-darkorchid\:50\:st, html.auto .sf-c-darkorchid\:50\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-darkorchid\:55\:st, html.auto .sf-c-darkorchid\:55\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 55%) } - html[data-theme='auto'] .sf-c-darkorchid\:60\:st, html.auto .sf-c-darkorchid\:60\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-darkorchid\:65\:st, html.auto .sf-c-darkorchid\:65\:st { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 65%) } - html[data-theme='auto'] .sf-c-darkorchid\:70\:st, html.auto .sf-c-darkorchid\:70\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-darkorchid\:75\:st, html.auto .sf-c-darkorchid\:75\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 75%) } - html[data-theme='auto'] .sf-c-darkorchid\:80\:st, html.auto .sf-c-darkorchid\:80\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-darkorchid\:85\:st, html.auto .sf-c-darkorchid\:85\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 85%) } - html[data-theme='auto'] .sf-c-darkorchid\:90\:st, html.auto .sf-c-darkorchid\:90\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-darkorchid\:95\:st, html.auto .sf-c-darkorchid\:95\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } - html[data-theme='auto'] .sf-c-darkorchid\:100\:st, html.auto .sf-c-darkorchid\:100\:st { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:5, html.auto .sf-c-txt-darkorchid\:5 { color: hsl(280, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:15, html.auto .sf-c-txt-darkorchid\:15 { color: hsl(280, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:25, html.auto .sf-c-txt-darkorchid\:25 { color: hsl(280, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:35, html.auto .sf-c-txt-darkorchid\:35 { color: hsl(280, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:45, html.auto .sf-c-txt-darkorchid\:45 { color: hsl(280, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:55, html.auto .sf-c-txt-darkorchid\:55 { color: hsl(280, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:65, html.auto .sf-c-txt-darkorchid\:65 { color: hsl(280, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:75, html.auto .sf-c-txt-darkorchid\:75 { color: hsl(280, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:85, html.auto .sf-c-txt-darkorchid\:85 { color: hsl(280, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:95, html.auto .sf-c-txt-darkorchid\:95 { color: hsl(280, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkorchid\:st, html.auto .sf-c-txt-darkorchid\:st { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:0\:st, html.auto .sf-c-txt-darkorchid\:0\:st { color: hsl(280, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:5\:st, html.auto .sf-c-txt-darkorchid\:5\:st { color: hsl(280, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:10\:st, html.auto .sf-c-txt-darkorchid\:10\:st { color: hsl(280, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:15\:st, html.auto .sf-c-txt-darkorchid\:15\:st { color: hsl(280, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:20\:st, html.auto .sf-c-txt-darkorchid\:20\:st { color: hsl(280, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:25\:st, html.auto .sf-c-txt-darkorchid\:25\:st { color: hsl(280, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:30\:st, html.auto .sf-c-txt-darkorchid\:30\:st { color: hsl(280, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:35\:st, html.auto .sf-c-txt-darkorchid\:35\:st { color: hsl(280, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:40\:st, html.auto .sf-c-txt-darkorchid\:40\:st { color: hsl(280, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:45\:st, html.auto .sf-c-txt-darkorchid\:45\:st { color: hsl(280, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:50\:st, html.auto .sf-c-txt-darkorchid\:50\:st { color: hsl(280, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:55\:st, html.auto .sf-c-txt-darkorchid\:55\:st { color: hsl(280, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:60\:st, html.auto .sf-c-txt-darkorchid\:60\:st { color: hsl(280, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:65\:st, html.auto .sf-c-txt-darkorchid\:65\:st { color: hsl(280, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:70\:st, html.auto .sf-c-txt-darkorchid\:70\:st { color: hsl(280, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:75\:st, html.auto .sf-c-txt-darkorchid\:75\:st { color: hsl(280, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:80\:st, html.auto .sf-c-txt-darkorchid\:80\:st { color: hsl(280, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:85\:st, html.auto .sf-c-txt-darkorchid\:85\:st { color: hsl(280, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:90\:st, html.auto .sf-c-txt-darkorchid\:90\:st { color: hsl(280, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:95\:st, html.auto .sf-c-txt-darkorchid\:95\:st { color: hsl(280, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkorchid\:100\:st, html.auto .sf-c-txt-darkorchid\:100\:st { color: hsl(280, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkred.css b/src/colors/20/darkred.css deleted file mode 100644 index 37613d3..0000000 --- a/src/colors/20/darkred.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkred { - --sf-c-darkred: 0 100% 27%; - --sf-c-darkred-0: 0 100% 0%; - --sf-c-darkred-5: 0 100% 5%; - --sf-c-darkred-10: 0 100% 10%; - --sf-c-darkred-15: 0 100% 15%; - --sf-c-darkred-20: 0 100% 20%; - --sf-c-darkred-25: 0 100% 25%; - --sf-c-darkred-30: 0 100% 30%; - --sf-c-darkred-35: 0 100% 35%; - --sf-c-darkred-40: 0 100% 40%; - --sf-c-darkred-45: 0 100% 45%; - --sf-c-darkred-50: 0 100% 50%; - --sf-c-darkred-55: 0 100% 55%; - --sf-c-darkred-60: 0 100% 60%; - --sf-c-darkred-65: 0 100% 65%; - --sf-c-darkred-70: 0 100% 70%; - --sf-c-darkred-75: 0 100% 75%; - --sf-c-darkred-80: 0 100% 80%; - --sf-c-darkred-85: 0 100% 85%; - --sf-c-darkred-90: 0 100% 90%; - --sf-c-darkred-95: 0 100% 95%; - --sf-c-darkred-100: 0 100% 100%; -} - -.sf-c-darkred, .sf-c-darkred\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 27%) } -.sf-c-darkred\:0, .sf-c-darkred\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -.sf-c-darkred\:5, .sf-c-darkred\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -.sf-c-darkred\:10, .sf-c-darkred\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -.sf-c-darkred\:15, .sf-c-darkred\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -.sf-c-darkred\:20, .sf-c-darkred\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -.sf-c-darkred\:25, .sf-c-darkred\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -.sf-c-darkred\:30, .sf-c-darkred\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -.sf-c-darkred\:35, .sf-c-darkred\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -.sf-c-darkred\:40, .sf-c-darkred\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -.sf-c-darkred\:45, .sf-c-darkred\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -.sf-c-darkred\:50, .sf-c-darkred\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -.sf-c-darkred\:55, .sf-c-darkred\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -.sf-c-darkred\:60, .sf-c-darkred\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -.sf-c-darkred\:65, .sf-c-darkred\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -.sf-c-darkred\:70, .sf-c-darkred\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -.sf-c-darkred\:75, .sf-c-darkred\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -.sf-c-darkred\:80, .sf-c-darkred\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -.sf-c-darkred\:85, .sf-c-darkred\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -.sf-c-darkred\:90, .sf-c-darkred\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -.sf-c-darkred\:95, .sf-c-darkred\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -.sf-c-darkred\:100, .sf-c-darkred\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-darkred { color: hsl(0, 100%, 27%) } -.sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } -.sf-c-txt-darkred\:0, .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-darkred\:5, .sf-c-txt-darkred\:5\:st { color: hsl(0, 100%, 5%) } -.sf-c-txt-darkred\:10, .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-darkred\:15, .sf-c-txt-darkred\:15\:st { color: hsl(0, 100%, 15%) } -.sf-c-txt-darkred\:20, .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-darkred\:25, .sf-c-txt-darkred\:25\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-darkred\:30, .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-darkred\:35, .sf-c-txt-darkred\:35\:st { color: hsl(0, 100%, 35%) } -.sf-c-txt-darkred\:40, .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-darkred\:45, .sf-c-txt-darkred\:45\:st { color: hsl(0, 100%, 45%) } -.sf-c-txt-darkred\:50, .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-darkred\:55, .sf-c-txt-darkred\:55\:st { color: hsl(0, 100%, 55%) } -.sf-c-txt-darkred\:60, .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-darkred\:65, .sf-c-txt-darkred\:65\:st { color: hsl(0, 100%, 65%) } -.sf-c-txt-darkred\:70, .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-darkred\:75, .sf-c-txt-darkred\:75\:st { color: hsl(0, 100%, 75%) } -.sf-c-txt-darkred\:80, .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-darkred\:85, .sf-c-txt-darkred\:85\:st { color: hsl(0, 100%, 85%) } -.sf-c-txt-darkred\:90, .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-darkred\:95, .sf-c-txt-darkred\:95\:st { color: hsl(0, 100%, 95%) } -.sf-c-txt-darkred\:100, .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkred, html.dark .sf-c-darkred { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 73%) } -html[data-theme='dark'] .sf-c-darkred\:0, html.dark .sf-c-darkred\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkred\:5, html.dark .sf-c-darkred\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkred\:10, html.dark .sf-c-darkred\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkred\:15, html.dark .sf-c-darkred\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkred\:20, html.dark .sf-c-darkred\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkred\:25, html.dark .sf-c-darkred\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkred\:30, html.dark .sf-c-darkred\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkred\:35, html.dark .sf-c-darkred\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkred\:40, html.dark .sf-c-darkred\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkred\:45, html.dark .sf-c-darkred\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkred\:50, html.dark .sf-c-darkred\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkred\:55, html.dark .sf-c-darkred\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkred\:60, html.dark .sf-c-darkred\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkred\:65, html.dark .sf-c-darkred\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkred\:70, html.dark .sf-c-darkred\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkred\:75, html.dark .sf-c-darkred\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkred\:80, html.dark .sf-c-darkred\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkred\:85, html.dark .sf-c-darkred\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkred\:90, html.dark .sf-c-darkred\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkred\:95, html.dark .sf-c-darkred\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkred\:100, html.dark .sf-c-darkred\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkred\:st, html.dark .sf-c-darkred\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 27%) } -html[data-theme='dark'] .sf-c-darkred\:0\:st, html.dark .sf-c-darkred\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkred\:5\:st, html.dark .sf-c-darkred\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkred\:10\:st, html.dark .sf-c-darkred\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkred\:15\:st, html.dark .sf-c-darkred\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkred\:20\:st, html.dark .sf-c-darkred\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkred\:25\:st, html.dark .sf-c-darkred\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkred\:30\:st, html.dark .sf-c-darkred\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkred\:35\:st, html.dark .sf-c-darkred\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkred\:40\:st, html.dark .sf-c-darkred\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkred\:45\:st, html.dark .sf-c-darkred\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkred\:50\:st, html.dark .sf-c-darkred\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkred\:55\:st, html.dark .sf-c-darkred\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkred\:60\:st, html.dark .sf-c-darkred\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkred\:65\:st, html.dark .sf-c-darkred\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkred\:70\:st, html.dark .sf-c-darkred\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkred\:75\:st, html.dark .sf-c-darkred\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkred\:80\:st, html.dark .sf-c-darkred\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkred\:85\:st, html.dark .sf-c-darkred\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkred\:90\:st, html.dark .sf-c-darkred\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkred\:95\:st, html.dark .sf-c-darkred\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkred\:100\:st, html.dark .sf-c-darkred\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } -html[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkred\:5, html.dark .sf-c-txt-darkred\:5 { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkred\:15, html.dark .sf-c-txt-darkred\:15 { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkred\:25, html.dark .sf-c-txt-darkred\:25 { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkred\:35, html.dark .sf-c-txt-darkred\:35 { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkred\:45, html.dark .sf-c-txt-darkred\:45 { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkred\:55, html.dark .sf-c-txt-darkred\:55 { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkred\:65, html.dark .sf-c-txt-darkred\:65 { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkred\:75, html.dark .sf-c-txt-darkred\:75 { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkred\:85, html.dark .sf-c-txt-darkred\:85 { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkred\:95, html.dark .sf-c-txt-darkred\:95 { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkred\:st, html.dark .sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } -html[data-theme='dark'] .sf-c-txt-darkred\:0\:st, html.dark .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkred\:5\:st, html.dark .sf-c-txt-darkred\:5\:st { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkred\:10\:st, html.dark .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkred\:15\:st, html.dark .sf-c-txt-darkred\:15\:st { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkred\:20\:st, html.dark .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkred\:25\:st, html.dark .sf-c-txt-darkred\:25\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkred\:30\:st, html.dark .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkred\:35\:st, html.dark .sf-c-txt-darkred\:35\:st { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkred\:40\:st, html.dark .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkred\:45\:st, html.dark .sf-c-txt-darkred\:45\:st { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkred\:50\:st, html.dark .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkred\:55\:st, html.dark .sf-c-txt-darkred\:55\:st { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkred\:60\:st, html.dark .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkred\:65\:st, html.dark .sf-c-txt-darkred\:65\:st { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkred\:70\:st, html.dark .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkred\:75\:st, html.dark .sf-c-txt-darkred\:75\:st { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkred\:80\:st, html.dark .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkred\:85\:st, html.dark .sf-c-txt-darkred\:85\:st { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkred\:90\:st, html.dark .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkred\:95\:st, html.dark .sf-c-txt-darkred\:95\:st { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkred\:100\:st, html.dark .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkred, html.auto .sf-c-darkred { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 73%) } - html[data-theme='auto'] .sf-c-darkred\:0, html.auto .sf-c-darkred\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkred\:5, html.auto .sf-c-darkred\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkred\:10, html.auto .sf-c-darkred\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkred\:15, html.auto .sf-c-darkred\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkred\:20, html.auto .sf-c-darkred\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkred\:25, html.auto .sf-c-darkred\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkred\:30, html.auto .sf-c-darkred\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkred\:35, html.auto .sf-c-darkred\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkred\:40, html.auto .sf-c-darkred\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkred\:45, html.auto .sf-c-darkred\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkred\:50, html.auto .sf-c-darkred\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkred\:55, html.auto .sf-c-darkred\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkred\:60, html.auto .sf-c-darkred\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkred\:65, html.auto .sf-c-darkred\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkred\:70, html.auto .sf-c-darkred\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkred\:75, html.auto .sf-c-darkred\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkred\:80, html.auto .sf-c-darkred\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkred\:85, html.auto .sf-c-darkred\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkred\:90, html.auto .sf-c-darkred\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkred\:95, html.auto .sf-c-darkred\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkred\:100, html.auto .sf-c-darkred\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkred\:st, html.auto .sf-c-darkred\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 27%) } - html[data-theme='auto'] .sf-c-darkred\:0\:st, html.auto .sf-c-darkred\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkred\:5\:st, html.auto .sf-c-darkred\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkred\:10\:st, html.auto .sf-c-darkred\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkred\:15\:st, html.auto .sf-c-darkred\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkred\:20\:st, html.auto .sf-c-darkred\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkred\:25\:st, html.auto .sf-c-darkred\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkred\:30\:st, html.auto .sf-c-darkred\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkred\:35\:st, html.auto .sf-c-darkred\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkred\:40\:st, html.auto .sf-c-darkred\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkred\:45\:st, html.auto .sf-c-darkred\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkred\:50\:st, html.auto .sf-c-darkred\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkred\:55\:st, html.auto .sf-c-darkred\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkred\:60\:st, html.auto .sf-c-darkred\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkred\:65\:st, html.auto .sf-c-darkred\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkred\:70\:st, html.auto .sf-c-darkred\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkred\:75\:st, html.auto .sf-c-darkred\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkred\:80\:st, html.auto .sf-c-darkred\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkred\:85\:st, html.auto .sf-c-darkred\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkred\:90\:st, html.auto .sf-c-darkred\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkred\:95\:st, html.auto .sf-c-darkred\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkred\:100\:st, html.auto .sf-c-darkred\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } - html[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkred\:5, html.auto .sf-c-txt-darkred\:5 { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkred\:15, html.auto .sf-c-txt-darkred\:15 { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkred\:25, html.auto .sf-c-txt-darkred\:25 { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkred\:35, html.auto .sf-c-txt-darkred\:35 { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkred\:45, html.auto .sf-c-txt-darkred\:45 { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkred\:55, html.auto .sf-c-txt-darkred\:55 { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkred\:65, html.auto .sf-c-txt-darkred\:65 { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkred\:75, html.auto .sf-c-txt-darkred\:75 { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkred\:85, html.auto .sf-c-txt-darkred\:85 { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkred\:95, html.auto .sf-c-txt-darkred\:95 { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkred\:st, html.auto .sf-c-txt-darkred\:st { color: hsl(0, 100%, 27%) } - html[data-theme='auto'] .sf-c-txt-darkred\:0\:st, html.auto .sf-c-txt-darkred\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkred\:5\:st, html.auto .sf-c-txt-darkred\:5\:st { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkred\:10\:st, html.auto .sf-c-txt-darkred\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkred\:15\:st, html.auto .sf-c-txt-darkred\:15\:st { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkred\:20\:st, html.auto .sf-c-txt-darkred\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkred\:25\:st, html.auto .sf-c-txt-darkred\:25\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkred\:30\:st, html.auto .sf-c-txt-darkred\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkred\:35\:st, html.auto .sf-c-txt-darkred\:35\:st { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkred\:40\:st, html.auto .sf-c-txt-darkred\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkred\:45\:st, html.auto .sf-c-txt-darkred\:45\:st { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkred\:50\:st, html.auto .sf-c-txt-darkred\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkred\:55\:st, html.auto .sf-c-txt-darkred\:55\:st { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkred\:60\:st, html.auto .sf-c-txt-darkred\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkred\:65\:st, html.auto .sf-c-txt-darkred\:65\:st { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkred\:70\:st, html.auto .sf-c-txt-darkred\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkred\:75\:st, html.auto .sf-c-txt-darkred\:75\:st { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkred\:80\:st, html.auto .sf-c-txt-darkred\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkred\:85\:st, html.auto .sf-c-txt-darkred\:85\:st { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkred\:90\:st, html.auto .sf-c-txt-darkred\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkred\:95\:st, html.auto .sf-c-txt-darkred\:95\:st { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkred\:100\:st, html.auto .sf-c-txt-darkred\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darksalmon.css b/src/colors/20/darksalmon.css deleted file mode 100644 index 184695c..0000000 --- a/src/colors/20/darksalmon.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darksalmon { - --sf-c-darksalmon: 15 72% 70%; - --sf-c-darksalmon-0: 15 72% 0%; - --sf-c-darksalmon-5: 15 72% 5%; - --sf-c-darksalmon-10: 15 72% 10%; - --sf-c-darksalmon-15: 15 72% 15%; - --sf-c-darksalmon-20: 15 72% 20%; - --sf-c-darksalmon-25: 15 72% 25%; - --sf-c-darksalmon-30: 15 72% 30%; - --sf-c-darksalmon-35: 15 72% 35%; - --sf-c-darksalmon-40: 15 72% 40%; - --sf-c-darksalmon-45: 15 72% 45%; - --sf-c-darksalmon-50: 15 72% 50%; - --sf-c-darksalmon-55: 15 72% 55%; - --sf-c-darksalmon-60: 15 72% 60%; - --sf-c-darksalmon-65: 15 72% 65%; - --sf-c-darksalmon-70: 15 72% 70%; - --sf-c-darksalmon-75: 15 72% 75%; - --sf-c-darksalmon-80: 15 72% 80%; - --sf-c-darksalmon-85: 15 72% 85%; - --sf-c-darksalmon-90: 15 72% 90%; - --sf-c-darksalmon-95: 15 72% 95%; - --sf-c-darksalmon-100: 15 72% 100%; -} - -.sf-c-darksalmon, .sf-c-darksalmon\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } -.sf-c-darksalmon\:0, .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } -.sf-c-darksalmon\:5, .sf-c-darksalmon\:5\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } -.sf-c-darksalmon\:10, .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } -.sf-c-darksalmon\:15, .sf-c-darksalmon\:15\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 15%) } -.sf-c-darksalmon\:20, .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 20%) } -.sf-c-darksalmon\:25, .sf-c-darksalmon\:25\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 25%) } -.sf-c-darksalmon\:30, .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } -.sf-c-darksalmon\:35, .sf-c-darksalmon\:35\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 35%) } -.sf-c-darksalmon\:40, .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 40%) } -.sf-c-darksalmon\:45, .sf-c-darksalmon\:45\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 45%) } -.sf-c-darksalmon\:50, .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 50%) } -.sf-c-darksalmon\:55, .sf-c-darksalmon\:55\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 55%) } -.sf-c-darksalmon\:60, .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 60%) } -.sf-c-darksalmon\:65, .sf-c-darksalmon\:65\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 65%) } -.sf-c-darksalmon\:70, .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } -.sf-c-darksalmon\:75, .sf-c-darksalmon\:75\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 75%) } -.sf-c-darksalmon\:80, .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 80%) } -.sf-c-darksalmon\:85, .sf-c-darksalmon\:85\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 85%) } -.sf-c-darksalmon\:90, .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 90%) } -.sf-c-darksalmon\:95, .sf-c-darksalmon\:95\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } -.sf-c-darksalmon\:100, .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } - -.sf-c-txt-darksalmon { color: hsl(15, 72%, 10%) } -.sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } -.sf-c-txt-darksalmon\:0, .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } -.sf-c-txt-darksalmon\:5, .sf-c-txt-darksalmon\:5\:st { color: hsl(15, 72%, 5%) } -.sf-c-txt-darksalmon\:10, .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } -.sf-c-txt-darksalmon\:15, .sf-c-txt-darksalmon\:15\:st { color: hsl(15, 72%, 15%) } -.sf-c-txt-darksalmon\:20, .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } -.sf-c-txt-darksalmon\:25, .sf-c-txt-darksalmon\:25\:st { color: hsl(15, 72%, 25%) } -.sf-c-txt-darksalmon\:30, .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } -.sf-c-txt-darksalmon\:35, .sf-c-txt-darksalmon\:35\:st { color: hsl(15, 72%, 35%) } -.sf-c-txt-darksalmon\:40, .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } -.sf-c-txt-darksalmon\:45, .sf-c-txt-darksalmon\:45\:st { color: hsl(15, 72%, 45%) } -.sf-c-txt-darksalmon\:50, .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } -.sf-c-txt-darksalmon\:55, .sf-c-txt-darksalmon\:55\:st { color: hsl(15, 72%, 55%) } -.sf-c-txt-darksalmon\:60, .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } -.sf-c-txt-darksalmon\:65, .sf-c-txt-darksalmon\:65\:st { color: hsl(15, 72%, 65%) } -.sf-c-txt-darksalmon\:70, .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } -.sf-c-txt-darksalmon\:75, .sf-c-txt-darksalmon\:75\:st { color: hsl(15, 72%, 75%) } -.sf-c-txt-darksalmon\:80, .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } -.sf-c-txt-darksalmon\:85, .sf-c-txt-darksalmon\:85\:st { color: hsl(15, 72%, 85%) } -.sf-c-txt-darksalmon\:90, .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } -.sf-c-txt-darksalmon\:95, .sf-c-txt-darksalmon\:95\:st { color: hsl(15, 72%, 95%) } -.sf-c-txt-darksalmon\:100, .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } - -html[data-theme='dark'] .sf-c-darksalmon, html.dark .sf-c-darksalmon { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:0, html.dark .sf-c-darksalmon\:0 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } -html[data-theme='dark'] .sf-c-darksalmon\:5, html.dark .sf-c-darksalmon\:5 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } -html[data-theme='dark'] .sf-c-darksalmon\:10, html.dark .sf-c-darksalmon\:10 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-darksalmon\:15, html.dark .sf-c-darksalmon\:15 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 85%) } -html[data-theme='dark'] .sf-c-darksalmon\:20, html.dark .sf-c-darksalmon\:20 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-darksalmon\:25, html.dark .sf-c-darksalmon\:25 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 75%) } -html[data-theme='dark'] .sf-c-darksalmon\:30, html.dark .sf-c-darksalmon\:30 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:35, html.dark .sf-c-darksalmon\:35 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 65%) } -html[data-theme='dark'] .sf-c-darksalmon\:40, html.dark .sf-c-darksalmon\:40 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-darksalmon\:45, html.dark .sf-c-darksalmon\:45 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 55%) } -html[data-theme='dark'] .sf-c-darksalmon\:50, html.dark .sf-c-darksalmon\:50 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-darksalmon\:55, html.dark .sf-c-darksalmon\:55 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 45%) } -html[data-theme='dark'] .sf-c-darksalmon\:60, html.dark .sf-c-darksalmon\:60 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-darksalmon\:65, html.dark .sf-c-darksalmon\:65 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 35%) } -html[data-theme='dark'] .sf-c-darksalmon\:70, html.dark .sf-c-darksalmon\:70 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:75, html.dark .sf-c-darksalmon\:75 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 25%) } -html[data-theme='dark'] .sf-c-darksalmon\:80, html.dark .sf-c-darksalmon\:80 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-darksalmon\:85, html.dark .sf-c-darksalmon\:85 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 15%) } -html[data-theme='dark'] .sf-c-darksalmon\:90, html.dark .sf-c-darksalmon\:90 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-darksalmon\:95, html.dark .sf-c-darksalmon\:95 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } -html[data-theme='dark'] .sf-c-darksalmon\:100, html.dark .sf-c-darksalmon\:100 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } - -html[data-theme='dark'] .sf-c-darksalmon\:st, html.dark .sf-c-darksalmon\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:0\:st, html.dark .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } -html[data-theme='dark'] .sf-c-darksalmon\:5\:st, html.dark .sf-c-darksalmon\:5\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } -html[data-theme='dark'] .sf-c-darksalmon\:10\:st, html.dark .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-darksalmon\:15\:st, html.dark .sf-c-darksalmon\:15\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 15%) } -html[data-theme='dark'] .sf-c-darksalmon\:20\:st, html.dark .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-darksalmon\:25\:st, html.dark .sf-c-darksalmon\:25\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 25%) } -html[data-theme='dark'] .sf-c-darksalmon\:30\:st, html.dark .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-darksalmon\:35\:st, html.dark .sf-c-darksalmon\:35\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 35%) } -html[data-theme='dark'] .sf-c-darksalmon\:40\:st, html.dark .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-darksalmon\:45\:st, html.dark .sf-c-darksalmon\:45\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 45%) } -html[data-theme='dark'] .sf-c-darksalmon\:50\:st, html.dark .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-darksalmon\:55\:st, html.dark .sf-c-darksalmon\:55\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 55%) } -html[data-theme='dark'] .sf-c-darksalmon\:60\:st, html.dark .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-darksalmon\:65\:st, html.dark .sf-c-darksalmon\:65\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 65%) } -html[data-theme='dark'] .sf-c-darksalmon\:70\:st, html.dark .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-darksalmon\:75\:st, html.dark .sf-c-darksalmon\:75\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 75%) } -html[data-theme='dark'] .sf-c-darksalmon\:80\:st, html.dark .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-darksalmon\:85\:st, html.dark .sf-c-darksalmon\:85\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 85%) } -html[data-theme='dark'] .sf-c-darksalmon\:90\:st, html.dark .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-darksalmon\:95\:st, html.dark .sf-c-darksalmon\:95\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } -html[data-theme='dark'] .sf-c-darksalmon\:100\:st, html.dark .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:5, html.dark .sf-c-txt-darksalmon\:5 { color: hsl(15, 72%, 95%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:15, html.dark .sf-c-txt-darksalmon\:15 { color: hsl(15, 72%, 85%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:25, html.dark .sf-c-txt-darksalmon\:25 { color: hsl(15, 72%, 75%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:35, html.dark .sf-c-txt-darksalmon\:35 { color: hsl(15, 72%, 65%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:45, html.dark .sf-c-txt-darksalmon\:45 { color: hsl(15, 72%, 55%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:55, html.dark .sf-c-txt-darksalmon\:55 { color: hsl(15, 72%, 45%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:65, html.dark .sf-c-txt-darksalmon\:65 { color: hsl(15, 72%, 35%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:75, html.dark .sf-c-txt-darksalmon\:75 { color: hsl(15, 72%, 25%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:85, html.dark .sf-c-txt-darksalmon\:85 { color: hsl(15, 72%, 15%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:95, html.dark .sf-c-txt-darksalmon\:95 { color: hsl(15, 72%, 5%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darksalmon\:st, html.dark .sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:0\:st, html.dark .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:5\:st, html.dark .sf-c-txt-darksalmon\:5\:st { color: hsl(15, 72%, 5%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:10\:st, html.dark .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:15\:st, html.dark .sf-c-txt-darksalmon\:15\:st { color: hsl(15, 72%, 15%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:20\:st, html.dark .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:25\:st, html.dark .sf-c-txt-darksalmon\:25\:st { color: hsl(15, 72%, 25%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:30\:st, html.dark .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:35\:st, html.dark .sf-c-txt-darksalmon\:35\:st { color: hsl(15, 72%, 35%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:40\:st, html.dark .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:45\:st, html.dark .sf-c-txt-darksalmon\:45\:st { color: hsl(15, 72%, 45%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:50\:st, html.dark .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:55\:st, html.dark .sf-c-txt-darksalmon\:55\:st { color: hsl(15, 72%, 55%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:60\:st, html.dark .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:65\:st, html.dark .sf-c-txt-darksalmon\:65\:st { color: hsl(15, 72%, 65%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:70\:st, html.dark .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:75\:st, html.dark .sf-c-txt-darksalmon\:75\:st { color: hsl(15, 72%, 75%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:80\:st, html.dark .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:85\:st, html.dark .sf-c-txt-darksalmon\:85\:st { color: hsl(15, 72%, 85%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:90\:st, html.dark .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:95\:st, html.dark .sf-c-txt-darksalmon\:95\:st { color: hsl(15, 72%, 95%) } -html[data-theme='dark'] .sf-c-txt-darksalmon\:100\:st, html.dark .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darksalmon, html.auto .sf-c-darksalmon { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:0, html.auto .sf-c-darksalmon\:0 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } - html[data-theme='auto'] .sf-c-darksalmon\:5, html.auto .sf-c-darksalmon\:5 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } - html[data-theme='auto'] .sf-c-darksalmon\:10, html.auto .sf-c-darksalmon\:10 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-darksalmon\:15, html.auto .sf-c-darksalmon\:15 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 85%) } - html[data-theme='auto'] .sf-c-darksalmon\:20, html.auto .sf-c-darksalmon\:20 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-darksalmon\:25, html.auto .sf-c-darksalmon\:25 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 75%) } - html[data-theme='auto'] .sf-c-darksalmon\:30, html.auto .sf-c-darksalmon\:30 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:35, html.auto .sf-c-darksalmon\:35 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 65%) } - html[data-theme='auto'] .sf-c-darksalmon\:40, html.auto .sf-c-darksalmon\:40 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-darksalmon\:45, html.auto .sf-c-darksalmon\:45 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 55%) } - html[data-theme='auto'] .sf-c-darksalmon\:50, html.auto .sf-c-darksalmon\:50 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-darksalmon\:55, html.auto .sf-c-darksalmon\:55 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 45%) } - html[data-theme='auto'] .sf-c-darksalmon\:60, html.auto .sf-c-darksalmon\:60 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-darksalmon\:65, html.auto .sf-c-darksalmon\:65 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 35%) } - html[data-theme='auto'] .sf-c-darksalmon\:70, html.auto .sf-c-darksalmon\:70 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:75, html.auto .sf-c-darksalmon\:75 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 25%) } - html[data-theme='auto'] .sf-c-darksalmon\:80, html.auto .sf-c-darksalmon\:80 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-darksalmon\:85, html.auto .sf-c-darksalmon\:85 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 15%) } - html[data-theme='auto'] .sf-c-darksalmon\:90, html.auto .sf-c-darksalmon\:90 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-darksalmon\:95, html.auto .sf-c-darksalmon\:95 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } - html[data-theme='auto'] .sf-c-darksalmon\:100, html.auto .sf-c-darksalmon\:100 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } - - html[data-theme='auto'] .sf-c-darksalmon\:st, html.auto .sf-c-darksalmon\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:0\:st, html.auto .sf-c-darksalmon\:0\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } - html[data-theme='auto'] .sf-c-darksalmon\:5\:st, html.auto .sf-c-darksalmon\:5\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } - html[data-theme='auto'] .sf-c-darksalmon\:10\:st, html.auto .sf-c-darksalmon\:10\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-darksalmon\:15\:st, html.auto .sf-c-darksalmon\:15\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 15%) } - html[data-theme='auto'] .sf-c-darksalmon\:20\:st, html.auto .sf-c-darksalmon\:20\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-darksalmon\:25\:st, html.auto .sf-c-darksalmon\:25\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 25%) } - html[data-theme='auto'] .sf-c-darksalmon\:30\:st, html.auto .sf-c-darksalmon\:30\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-darksalmon\:35\:st, html.auto .sf-c-darksalmon\:35\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 35%) } - html[data-theme='auto'] .sf-c-darksalmon\:40\:st, html.auto .sf-c-darksalmon\:40\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-darksalmon\:45\:st, html.auto .sf-c-darksalmon\:45\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 45%) } - html[data-theme='auto'] .sf-c-darksalmon\:50\:st, html.auto .sf-c-darksalmon\:50\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-darksalmon\:55\:st, html.auto .sf-c-darksalmon\:55\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 55%) } - html[data-theme='auto'] .sf-c-darksalmon\:60\:st, html.auto .sf-c-darksalmon\:60\:st { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-darksalmon\:65\:st, html.auto .sf-c-darksalmon\:65\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 65%) } - html[data-theme='auto'] .sf-c-darksalmon\:70\:st, html.auto .sf-c-darksalmon\:70\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-darksalmon\:75\:st, html.auto .sf-c-darksalmon\:75\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 75%) } - html[data-theme='auto'] .sf-c-darksalmon\:80\:st, html.auto .sf-c-darksalmon\:80\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-darksalmon\:85\:st, html.auto .sf-c-darksalmon\:85\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 85%) } - html[data-theme='auto'] .sf-c-darksalmon\:90\:st, html.auto .sf-c-darksalmon\:90\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-darksalmon\:95\:st, html.auto .sf-c-darksalmon\:95\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } - html[data-theme='auto'] .sf-c-darksalmon\:100\:st, html.auto .sf-c-darksalmon\:100\:st { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:5, html.auto .sf-c-txt-darksalmon\:5 { color: hsl(15, 72%, 95%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:15, html.auto .sf-c-txt-darksalmon\:15 { color: hsl(15, 72%, 85%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:25, html.auto .sf-c-txt-darksalmon\:25 { color: hsl(15, 72%, 75%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:35, html.auto .sf-c-txt-darksalmon\:35 { color: hsl(15, 72%, 65%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:45, html.auto .sf-c-txt-darksalmon\:45 { color: hsl(15, 72%, 55%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:55, html.auto .sf-c-txt-darksalmon\:55 { color: hsl(15, 72%, 45%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:65, html.auto .sf-c-txt-darksalmon\:65 { color: hsl(15, 72%, 35%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:75, html.auto .sf-c-txt-darksalmon\:75 { color: hsl(15, 72%, 25%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:85, html.auto .sf-c-txt-darksalmon\:85 { color: hsl(15, 72%, 15%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:95, html.auto .sf-c-txt-darksalmon\:95 { color: hsl(15, 72%, 5%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darksalmon\:st, html.auto .sf-c-txt-darksalmon\:st { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:0\:st, html.auto .sf-c-txt-darksalmon\:0\:st { color: hsl(15, 72%, 0%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:5\:st, html.auto .sf-c-txt-darksalmon\:5\:st { color: hsl(15, 72%, 5%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:10\:st, html.auto .sf-c-txt-darksalmon\:10\:st { color: hsl(15, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:15\:st, html.auto .sf-c-txt-darksalmon\:15\:st { color: hsl(15, 72%, 15%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:20\:st, html.auto .sf-c-txt-darksalmon\:20\:st { color: hsl(15, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:25\:st, html.auto .sf-c-txt-darksalmon\:25\:st { color: hsl(15, 72%, 25%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:30\:st, html.auto .sf-c-txt-darksalmon\:30\:st { color: hsl(15, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:35\:st, html.auto .sf-c-txt-darksalmon\:35\:st { color: hsl(15, 72%, 35%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:40\:st, html.auto .sf-c-txt-darksalmon\:40\:st { color: hsl(15, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:45\:st, html.auto .sf-c-txt-darksalmon\:45\:st { color: hsl(15, 72%, 45%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:50\:st, html.auto .sf-c-txt-darksalmon\:50\:st { color: hsl(15, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:55\:st, html.auto .sf-c-txt-darksalmon\:55\:st { color: hsl(15, 72%, 55%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:60\:st, html.auto .sf-c-txt-darksalmon\:60\:st { color: hsl(15, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:65\:st, html.auto .sf-c-txt-darksalmon\:65\:st { color: hsl(15, 72%, 65%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:70\:st, html.auto .sf-c-txt-darksalmon\:70\:st { color: hsl(15, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:75\:st, html.auto .sf-c-txt-darksalmon\:75\:st { color: hsl(15, 72%, 75%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:80\:st, html.auto .sf-c-txt-darksalmon\:80\:st { color: hsl(15, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:85\:st, html.auto .sf-c-txt-darksalmon\:85\:st { color: hsl(15, 72%, 85%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:90\:st, html.auto .sf-c-txt-darksalmon\:90\:st { color: hsl(15, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:95\:st, html.auto .sf-c-txt-darksalmon\:95\:st { color: hsl(15, 72%, 95%) } - html[data-theme='auto'] .sf-c-txt-darksalmon\:100\:st, html.auto .sf-c-txt-darksalmon\:100\:st { color: hsl(15, 72%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkseagreen.css b/src/colors/20/darkseagreen.css deleted file mode 100644 index 502cd50..0000000 --- a/src/colors/20/darkseagreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkseagreen { - --sf-c-darkseagreen: 120 25% 65%; - --sf-c-darkseagreen-0: 120 25% 0%; - --sf-c-darkseagreen-5: 120 25% 5%; - --sf-c-darkseagreen-10: 120 25% 10%; - --sf-c-darkseagreen-15: 120 25% 15%; - --sf-c-darkseagreen-20: 120 25% 20%; - --sf-c-darkseagreen-25: 120 25% 25%; - --sf-c-darkseagreen-30: 120 25% 30%; - --sf-c-darkseagreen-35: 120 25% 35%; - --sf-c-darkseagreen-40: 120 25% 40%; - --sf-c-darkseagreen-45: 120 25% 45%; - --sf-c-darkseagreen-50: 120 25% 50%; - --sf-c-darkseagreen-55: 120 25% 55%; - --sf-c-darkseagreen-60: 120 25% 60%; - --sf-c-darkseagreen-65: 120 25% 65%; - --sf-c-darkseagreen-70: 120 25% 70%; - --sf-c-darkseagreen-75: 120 25% 75%; - --sf-c-darkseagreen-80: 120 25% 80%; - --sf-c-darkseagreen-85: 120 25% 85%; - --sf-c-darkseagreen-90: 120 25% 90%; - --sf-c-darkseagreen-95: 120 25% 95%; - --sf-c-darkseagreen-100: 120 25% 100%; -} - -.sf-c-darkseagreen, .sf-c-darkseagreen\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } -.sf-c-darkseagreen\:0, .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } -.sf-c-darkseagreen\:5, .sf-c-darkseagreen\:5\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } -.sf-c-darkseagreen\:10, .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } -.sf-c-darkseagreen\:15, .sf-c-darkseagreen\:15\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 15%) } -.sf-c-darkseagreen\:20, .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 20%) } -.sf-c-darkseagreen\:25, .sf-c-darkseagreen\:25\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 25%) } -.sf-c-darkseagreen\:30, .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 30%) } -.sf-c-darkseagreen\:35, .sf-c-darkseagreen\:35\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } -.sf-c-darkseagreen\:40, .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 40%) } -.sf-c-darkseagreen\:45, .sf-c-darkseagreen\:45\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 45%) } -.sf-c-darkseagreen\:50, .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 50%) } -.sf-c-darkseagreen\:55, .sf-c-darkseagreen\:55\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 55%) } -.sf-c-darkseagreen\:60, .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 60%) } -.sf-c-darkseagreen\:65, .sf-c-darkseagreen\:65\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } -.sf-c-darkseagreen\:70, .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 70%) } -.sf-c-darkseagreen\:75, .sf-c-darkseagreen\:75\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 75%) } -.sf-c-darkseagreen\:80, .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 80%) } -.sf-c-darkseagreen\:85, .sf-c-darkseagreen\:85\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 85%) } -.sf-c-darkseagreen\:90, .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 90%) } -.sf-c-darkseagreen\:95, .sf-c-darkseagreen\:95\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } -.sf-c-darkseagreen\:100, .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } - -.sf-c-txt-darkseagreen { color: hsl(120, 25%, 10%) } -.sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } -.sf-c-txt-darkseagreen\:0, .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } -.sf-c-txt-darkseagreen\:5, .sf-c-txt-darkseagreen\:5\:st { color: hsl(120, 25%, 5%) } -.sf-c-txt-darkseagreen\:10, .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } -.sf-c-txt-darkseagreen\:15, .sf-c-txt-darkseagreen\:15\:st { color: hsl(120, 25%, 15%) } -.sf-c-txt-darkseagreen\:20, .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } -.sf-c-txt-darkseagreen\:25, .sf-c-txt-darkseagreen\:25\:st { color: hsl(120, 25%, 25%) } -.sf-c-txt-darkseagreen\:30, .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } -.sf-c-txt-darkseagreen\:35, .sf-c-txt-darkseagreen\:35\:st { color: hsl(120, 25%, 35%) } -.sf-c-txt-darkseagreen\:40, .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } -.sf-c-txt-darkseagreen\:45, .sf-c-txt-darkseagreen\:45\:st { color: hsl(120, 25%, 45%) } -.sf-c-txt-darkseagreen\:50, .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } -.sf-c-txt-darkseagreen\:55, .sf-c-txt-darkseagreen\:55\:st { color: hsl(120, 25%, 55%) } -.sf-c-txt-darkseagreen\:60, .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } -.sf-c-txt-darkseagreen\:65, .sf-c-txt-darkseagreen\:65\:st { color: hsl(120, 25%, 65%) } -.sf-c-txt-darkseagreen\:70, .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } -.sf-c-txt-darkseagreen\:75, .sf-c-txt-darkseagreen\:75\:st { color: hsl(120, 25%, 75%) } -.sf-c-txt-darkseagreen\:80, .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } -.sf-c-txt-darkseagreen\:85, .sf-c-txt-darkseagreen\:85\:st { color: hsl(120, 25%, 85%) } -.sf-c-txt-darkseagreen\:90, .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } -.sf-c-txt-darkseagreen\:95, .sf-c-txt-darkseagreen\:95\:st { color: hsl(120, 25%, 95%) } -.sf-c-txt-darkseagreen\:100, .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkseagreen, html.dark .sf-c-darkseagreen { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkseagreen\:0, html.dark .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkseagreen\:5, html.dark .sf-c-darkseagreen\:5 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkseagreen\:10, html.dark .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkseagreen\:15, html.dark .sf-c-darkseagreen\:15 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkseagreen\:20, html.dark .sf-c-darkseagreen\:20 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkseagreen\:25, html.dark .sf-c-darkseagreen\:25 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkseagreen\:30, html.dark .sf-c-darkseagreen\:30 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkseagreen\:35, html.dark .sf-c-darkseagreen\:35 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkseagreen\:40, html.dark .sf-c-darkseagreen\:40 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkseagreen\:45, html.dark .sf-c-darkseagreen\:45 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkseagreen\:50, html.dark .sf-c-darkseagreen\:50 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkseagreen\:55, html.dark .sf-c-darkseagreen\:55 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkseagreen\:60, html.dark .sf-c-darkseagreen\:60 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkseagreen\:65, html.dark .sf-c-darkseagreen\:65 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkseagreen\:70, html.dark .sf-c-darkseagreen\:70 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkseagreen\:75, html.dark .sf-c-darkseagreen\:75 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkseagreen\:80, html.dark .sf-c-darkseagreen\:80 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkseagreen\:85, html.dark .sf-c-darkseagreen\:85 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkseagreen\:90, html.dark .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkseagreen\:95, html.dark .sf-c-darkseagreen\:95 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkseagreen\:100, html.dark .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkseagreen\:st, html.dark .sf-c-darkseagreen\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkseagreen\:0\:st, html.dark .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkseagreen\:5\:st, html.dark .sf-c-darkseagreen\:5\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkseagreen\:10\:st, html.dark .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkseagreen\:15\:st, html.dark .sf-c-darkseagreen\:15\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkseagreen\:20\:st, html.dark .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkseagreen\:25\:st, html.dark .sf-c-darkseagreen\:25\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkseagreen\:30\:st, html.dark .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkseagreen\:35\:st, html.dark .sf-c-darkseagreen\:35\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkseagreen\:40\:st, html.dark .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkseagreen\:45\:st, html.dark .sf-c-darkseagreen\:45\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkseagreen\:50\:st, html.dark .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkseagreen\:55\:st, html.dark .sf-c-darkseagreen\:55\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkseagreen\:60\:st, html.dark .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkseagreen\:65\:st, html.dark .sf-c-darkseagreen\:65\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkseagreen\:70\:st, html.dark .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkseagreen\:75\:st, html.dark .sf-c-darkseagreen\:75\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkseagreen\:80\:st, html.dark .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkseagreen\:85\:st, html.dark .sf-c-darkseagreen\:85\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkseagreen\:90\:st, html.dark .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkseagreen\:95\:st, html.dark .sf-c-darkseagreen\:95\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkseagreen\:100\:st, html.dark .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:5, html.dark .sf-c-txt-darkseagreen\:5 { color: hsl(120, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:15, html.dark .sf-c-txt-darkseagreen\:15 { color: hsl(120, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:25, html.dark .sf-c-txt-darkseagreen\:25 { color: hsl(120, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:35, html.dark .sf-c-txt-darkseagreen\:35 { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:45, html.dark .sf-c-txt-darkseagreen\:45 { color: hsl(120, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:55, html.dark .sf-c-txt-darkseagreen\:55 { color: hsl(120, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:65, html.dark .sf-c-txt-darkseagreen\:65 { color: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:75, html.dark .sf-c-txt-darkseagreen\:75 { color: hsl(120, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:85, html.dark .sf-c-txt-darkseagreen\:85 { color: hsl(120, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:95, html.dark .sf-c-txt-darkseagreen\:95 { color: hsl(120, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkseagreen\:st, html.dark .sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:st, html.dark .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:5\:st, html.dark .sf-c-txt-darkseagreen\:5\:st { color: hsl(120, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:st, html.dark .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:15\:st, html.dark .sf-c-txt-darkseagreen\:15\:st { color: hsl(120, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:st, html.dark .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:25\:st, html.dark .sf-c-txt-darkseagreen\:25\:st { color: hsl(120, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:st, html.dark .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:35\:st, html.dark .sf-c-txt-darkseagreen\:35\:st { color: hsl(120, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:st, html.dark .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:45\:st, html.dark .sf-c-txt-darkseagreen\:45\:st { color: hsl(120, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:st, html.dark .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:55\:st, html.dark .sf-c-txt-darkseagreen\:55\:st { color: hsl(120, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:st, html.dark .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:65\:st, html.dark .sf-c-txt-darkseagreen\:65\:st { color: hsl(120, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:st, html.dark .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:75\:st, html.dark .sf-c-txt-darkseagreen\:75\:st { color: hsl(120, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:st, html.dark .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:85\:st, html.dark .sf-c-txt-darkseagreen\:85\:st { color: hsl(120, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:st, html.dark .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:95\:st, html.dark .sf-c-txt-darkseagreen\:95\:st { color: hsl(120, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:st, html.dark .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkseagreen, html.auto .sf-c-darkseagreen { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkseagreen\:0, html.auto .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkseagreen\:5, html.auto .sf-c-darkseagreen\:5 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkseagreen\:10, html.auto .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkseagreen\:15, html.auto .sf-c-darkseagreen\:15 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkseagreen\:20, html.auto .sf-c-darkseagreen\:20 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkseagreen\:25, html.auto .sf-c-darkseagreen\:25 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkseagreen\:30, html.auto .sf-c-darkseagreen\:30 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkseagreen\:35, html.auto .sf-c-darkseagreen\:35 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkseagreen\:40, html.auto .sf-c-darkseagreen\:40 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkseagreen\:45, html.auto .sf-c-darkseagreen\:45 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkseagreen\:50, html.auto .sf-c-darkseagreen\:50 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkseagreen\:55, html.auto .sf-c-darkseagreen\:55 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkseagreen\:60, html.auto .sf-c-darkseagreen\:60 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkseagreen\:65, html.auto .sf-c-darkseagreen\:65 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkseagreen\:70, html.auto .sf-c-darkseagreen\:70 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkseagreen\:75, html.auto .sf-c-darkseagreen\:75 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkseagreen\:80, html.auto .sf-c-darkseagreen\:80 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkseagreen\:85, html.auto .sf-c-darkseagreen\:85 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkseagreen\:90, html.auto .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkseagreen\:95, html.auto .sf-c-darkseagreen\:95 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkseagreen\:100, html.auto .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkseagreen\:st, html.auto .sf-c-darkseagreen\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkseagreen\:0\:st, html.auto .sf-c-darkseagreen\:0\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkseagreen\:5\:st, html.auto .sf-c-darkseagreen\:5\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkseagreen\:10\:st, html.auto .sf-c-darkseagreen\:10\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkseagreen\:15\:st, html.auto .sf-c-darkseagreen\:15\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkseagreen\:20\:st, html.auto .sf-c-darkseagreen\:20\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkseagreen\:25\:st, html.auto .sf-c-darkseagreen\:25\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkseagreen\:30\:st, html.auto .sf-c-darkseagreen\:30\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkseagreen\:35\:st, html.auto .sf-c-darkseagreen\:35\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkseagreen\:40\:st, html.auto .sf-c-darkseagreen\:40\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkseagreen\:45\:st, html.auto .sf-c-darkseagreen\:45\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkseagreen\:50\:st, html.auto .sf-c-darkseagreen\:50\:st { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkseagreen\:55\:st, html.auto .sf-c-darkseagreen\:55\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkseagreen\:60\:st, html.auto .sf-c-darkseagreen\:60\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkseagreen\:65\:st, html.auto .sf-c-darkseagreen\:65\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkseagreen\:70\:st, html.auto .sf-c-darkseagreen\:70\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkseagreen\:75\:st, html.auto .sf-c-darkseagreen\:75\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkseagreen\:80\:st, html.auto .sf-c-darkseagreen\:80\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkseagreen\:85\:st, html.auto .sf-c-darkseagreen\:85\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkseagreen\:90\:st, html.auto .sf-c-darkseagreen\:90\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkseagreen\:95\:st, html.auto .sf-c-darkseagreen\:95\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkseagreen\:100\:st, html.auto .sf-c-darkseagreen\:100\:st { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:5, html.auto .sf-c-txt-darkseagreen\:5 { color: hsl(120, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:15, html.auto .sf-c-txt-darkseagreen\:15 { color: hsl(120, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:25, html.auto .sf-c-txt-darkseagreen\:25 { color: hsl(120, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:35, html.auto .sf-c-txt-darkseagreen\:35 { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:45, html.auto .sf-c-txt-darkseagreen\:45 { color: hsl(120, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:55, html.auto .sf-c-txt-darkseagreen\:55 { color: hsl(120, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:65, html.auto .sf-c-txt-darkseagreen\:65 { color: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:75, html.auto .sf-c-txt-darkseagreen\:75 { color: hsl(120, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:85, html.auto .sf-c-txt-darkseagreen\:85 { color: hsl(120, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:95, html.auto .sf-c-txt-darkseagreen\:95 { color: hsl(120, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkseagreen\:st, html.auto .sf-c-txt-darkseagreen\:st { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:st, html.auto .sf-c-txt-darkseagreen\:0\:st { color: hsl(120, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:5\:st, html.auto .sf-c-txt-darkseagreen\:5\:st { color: hsl(120, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:st, html.auto .sf-c-txt-darkseagreen\:10\:st { color: hsl(120, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:15\:st, html.auto .sf-c-txt-darkseagreen\:15\:st { color: hsl(120, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:st, html.auto .sf-c-txt-darkseagreen\:20\:st { color: hsl(120, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:25\:st, html.auto .sf-c-txt-darkseagreen\:25\:st { color: hsl(120, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:st, html.auto .sf-c-txt-darkseagreen\:30\:st { color: hsl(120, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:35\:st, html.auto .sf-c-txt-darkseagreen\:35\:st { color: hsl(120, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:st, html.auto .sf-c-txt-darkseagreen\:40\:st { color: hsl(120, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:45\:st, html.auto .sf-c-txt-darkseagreen\:45\:st { color: hsl(120, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:st, html.auto .sf-c-txt-darkseagreen\:50\:st { color: hsl(120, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:55\:st, html.auto .sf-c-txt-darkseagreen\:55\:st { color: hsl(120, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:st, html.auto .sf-c-txt-darkseagreen\:60\:st { color: hsl(120, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:65\:st, html.auto .sf-c-txt-darkseagreen\:65\:st { color: hsl(120, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:st, html.auto .sf-c-txt-darkseagreen\:70\:st { color: hsl(120, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:75\:st, html.auto .sf-c-txt-darkseagreen\:75\:st { color: hsl(120, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:st, html.auto .sf-c-txt-darkseagreen\:80\:st { color: hsl(120, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:85\:st, html.auto .sf-c-txt-darkseagreen\:85\:st { color: hsl(120, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:st, html.auto .sf-c-txt-darkseagreen\:90\:st { color: hsl(120, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:95\:st, html.auto .sf-c-txt-darkseagreen\:95\:st { color: hsl(120, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:st, html.auto .sf-c-txt-darkseagreen\:100\:st { color: hsl(120, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkslateblue.css b/src/colors/20/darkslateblue.css deleted file mode 100644 index 5f701a4..0000000 --- a/src/colors/20/darkslateblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkslateblue { - --sf-c-darkslateblue: 248 39% 39%; - --sf-c-darkslateblue-0: 248 39% 0%; - --sf-c-darkslateblue-5: 248 39% 5%; - --sf-c-darkslateblue-10: 248 39% 10%; - --sf-c-darkslateblue-15: 248 39% 15%; - --sf-c-darkslateblue-20: 248 39% 20%; - --sf-c-darkslateblue-25: 248 39% 25%; - --sf-c-darkslateblue-30: 248 39% 30%; - --sf-c-darkslateblue-35: 248 39% 35%; - --sf-c-darkslateblue-40: 248 39% 40%; - --sf-c-darkslateblue-45: 248 39% 45%; - --sf-c-darkslateblue-50: 248 39% 50%; - --sf-c-darkslateblue-55: 248 39% 55%; - --sf-c-darkslateblue-60: 248 39% 60%; - --sf-c-darkslateblue-65: 248 39% 65%; - --sf-c-darkslateblue-70: 248 39% 70%; - --sf-c-darkslateblue-75: 248 39% 75%; - --sf-c-darkslateblue-80: 248 39% 80%; - --sf-c-darkslateblue-85: 248 39% 85%; - --sf-c-darkslateblue-90: 248 39% 90%; - --sf-c-darkslateblue-95: 248 39% 95%; - --sf-c-darkslateblue-100: 248 39% 100%; -} - -.sf-c-darkslateblue, .sf-c-darkslateblue\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 39%) } -.sf-c-darkslateblue\:0, .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } -.sf-c-darkslateblue\:5, .sf-c-darkslateblue\:5\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } -.sf-c-darkslateblue\:10, .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } -.sf-c-darkslateblue\:15, .sf-c-darkslateblue\:15\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 15%) } -.sf-c-darkslateblue\:20, .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 20%) } -.sf-c-darkslateblue\:25, .sf-c-darkslateblue\:25\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 25%) } -.sf-c-darkslateblue\:30, .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 30%) } -.sf-c-darkslateblue\:35, .sf-c-darkslateblue\:35\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 35%) } -.sf-c-darkslateblue\:40, .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 40%) } -.sf-c-darkslateblue\:45, .sf-c-darkslateblue\:45\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 45%) } -.sf-c-darkslateblue\:50, .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 50%) } -.sf-c-darkslateblue\:55, .sf-c-darkslateblue\:55\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 55%) } -.sf-c-darkslateblue\:60, .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 60%) } -.sf-c-darkslateblue\:65, .sf-c-darkslateblue\:65\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 65%) } -.sf-c-darkslateblue\:70, .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 70%) } -.sf-c-darkslateblue\:75, .sf-c-darkslateblue\:75\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 75%) } -.sf-c-darkslateblue\:80, .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 80%) } -.sf-c-darkslateblue\:85, .sf-c-darkslateblue\:85\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 85%) } -.sf-c-darkslateblue\:90, .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 90%) } -.sf-c-darkslateblue\:95, .sf-c-darkslateblue\:95\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } -.sf-c-darkslateblue\:100, .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } - -.sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } -.sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } -.sf-c-txt-darkslateblue\:0, .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } -.sf-c-txt-darkslateblue\:5, .sf-c-txt-darkslateblue\:5\:st { color: hsl(248, 39%, 5%) } -.sf-c-txt-darkslateblue\:10, .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } -.sf-c-txt-darkslateblue\:15, .sf-c-txt-darkslateblue\:15\:st { color: hsl(248, 39%, 15%) } -.sf-c-txt-darkslateblue\:20, .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } -.sf-c-txt-darkslateblue\:25, .sf-c-txt-darkslateblue\:25\:st { color: hsl(248, 39%, 25%) } -.sf-c-txt-darkslateblue\:30, .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } -.sf-c-txt-darkslateblue\:35, .sf-c-txt-darkslateblue\:35\:st { color: hsl(248, 39%, 35%) } -.sf-c-txt-darkslateblue\:40, .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } -.sf-c-txt-darkslateblue\:45, .sf-c-txt-darkslateblue\:45\:st { color: hsl(248, 39%, 45%) } -.sf-c-txt-darkslateblue\:50, .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } -.sf-c-txt-darkslateblue\:55, .sf-c-txt-darkslateblue\:55\:st { color: hsl(248, 39%, 55%) } -.sf-c-txt-darkslateblue\:60, .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } -.sf-c-txt-darkslateblue\:65, .sf-c-txt-darkslateblue\:65\:st { color: hsl(248, 39%, 65%) } -.sf-c-txt-darkslateblue\:70, .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } -.sf-c-txt-darkslateblue\:75, .sf-c-txt-darkslateblue\:75\:st { color: hsl(248, 39%, 75%) } -.sf-c-txt-darkslateblue\:80, .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } -.sf-c-txt-darkslateblue\:85, .sf-c-txt-darkslateblue\:85\:st { color: hsl(248, 39%, 85%) } -.sf-c-txt-darkslateblue\:90, .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } -.sf-c-txt-darkslateblue\:95, .sf-c-txt-darkslateblue\:95\:st { color: hsl(248, 39%, 95%) } -.sf-c-txt-darkslateblue\:100, .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } - -html[data-theme='dark'] .sf-c-darkslateblue, html.dark .sf-c-darkslateblue { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 61%) } -html[data-theme='dark'] .sf-c-darkslateblue\:0, html.dark .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } -html[data-theme='dark'] .sf-c-darkslateblue\:5, html.dark .sf-c-darkslateblue\:5 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } -html[data-theme='dark'] .sf-c-darkslateblue\:10, html.dark .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkslateblue\:15, html.dark .sf-c-darkslateblue\:15 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 85%) } -html[data-theme='dark'] .sf-c-darkslateblue\:20, html.dark .sf-c-darkslateblue\:20 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkslateblue\:25, html.dark .sf-c-darkslateblue\:25 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 75%) } -html[data-theme='dark'] .sf-c-darkslateblue\:30, html.dark .sf-c-darkslateblue\:30 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkslateblue\:35, html.dark .sf-c-darkslateblue\:35 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 65%) } -html[data-theme='dark'] .sf-c-darkslateblue\:40, html.dark .sf-c-darkslateblue\:40 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkslateblue\:45, html.dark .sf-c-darkslateblue\:45 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 55%) } -html[data-theme='dark'] .sf-c-darkslateblue\:50, html.dark .sf-c-darkslateblue\:50 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkslateblue\:55, html.dark .sf-c-darkslateblue\:55 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 45%) } -html[data-theme='dark'] .sf-c-darkslateblue\:60, html.dark .sf-c-darkslateblue\:60 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkslateblue\:65, html.dark .sf-c-darkslateblue\:65 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 35%) } -html[data-theme='dark'] .sf-c-darkslateblue\:70, html.dark .sf-c-darkslateblue\:70 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkslateblue\:75, html.dark .sf-c-darkslateblue\:75 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 25%) } -html[data-theme='dark'] .sf-c-darkslateblue\:80, html.dark .sf-c-darkslateblue\:80 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkslateblue\:85, html.dark .sf-c-darkslateblue\:85 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 15%) } -html[data-theme='dark'] .sf-c-darkslateblue\:90, html.dark .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkslateblue\:95, html.dark .sf-c-darkslateblue\:95 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } -html[data-theme='dark'] .sf-c-darkslateblue\:100, html.dark .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } - -html[data-theme='dark'] .sf-c-darkslateblue\:st, html.dark .sf-c-darkslateblue\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 39%) } -html[data-theme='dark'] .sf-c-darkslateblue\:0\:st, html.dark .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } -html[data-theme='dark'] .sf-c-darkslateblue\:5\:st, html.dark .sf-c-darkslateblue\:5\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } -html[data-theme='dark'] .sf-c-darkslateblue\:10\:st, html.dark .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-darkslateblue\:15\:st, html.dark .sf-c-darkslateblue\:15\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 15%) } -html[data-theme='dark'] .sf-c-darkslateblue\:20\:st, html.dark .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-darkslateblue\:25\:st, html.dark .sf-c-darkslateblue\:25\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 25%) } -html[data-theme='dark'] .sf-c-darkslateblue\:30\:st, html.dark .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-darkslateblue\:35\:st, html.dark .sf-c-darkslateblue\:35\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 35%) } -html[data-theme='dark'] .sf-c-darkslateblue\:40\:st, html.dark .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-darkslateblue\:45\:st, html.dark .sf-c-darkslateblue\:45\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 45%) } -html[data-theme='dark'] .sf-c-darkslateblue\:50\:st, html.dark .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-darkslateblue\:55\:st, html.dark .sf-c-darkslateblue\:55\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 55%) } -html[data-theme='dark'] .sf-c-darkslateblue\:60\:st, html.dark .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-darkslateblue\:65\:st, html.dark .sf-c-darkslateblue\:65\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 65%) } -html[data-theme='dark'] .sf-c-darkslateblue\:70\:st, html.dark .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-darkslateblue\:75\:st, html.dark .sf-c-darkslateblue\:75\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 75%) } -html[data-theme='dark'] .sf-c-darkslateblue\:80\:st, html.dark .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-darkslateblue\:85\:st, html.dark .sf-c-darkslateblue\:85\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 85%) } -html[data-theme='dark'] .sf-c-darkslateblue\:90\:st, html.dark .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-darkslateblue\:95\:st, html.dark .sf-c-darkslateblue\:95\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } -html[data-theme='dark'] .sf-c-darkslateblue\:100\:st, html.dark .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:5, html.dark .sf-c-txt-darkslateblue\:5 { color: hsl(248, 39%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:15, html.dark .sf-c-txt-darkslateblue\:15 { color: hsl(248, 39%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:25, html.dark .sf-c-txt-darkslateblue\:25 { color: hsl(248, 39%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:35, html.dark .sf-c-txt-darkslateblue\:35 { color: hsl(248, 39%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:45, html.dark .sf-c-txt-darkslateblue\:45 { color: hsl(248, 39%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:55, html.dark .sf-c-txt-darkslateblue\:55 { color: hsl(248, 39%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:65, html.dark .sf-c-txt-darkslateblue\:65 { color: hsl(248, 39%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:75, html.dark .sf-c-txt-darkslateblue\:75 { color: hsl(248, 39%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:85, html.dark .sf-c-txt-darkslateblue\:85 { color: hsl(248, 39%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:95, html.dark .sf-c-txt-darkslateblue\:95 { color: hsl(248, 39%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslateblue\:st, html.dark .sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:st, html.dark .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:5\:st, html.dark .sf-c-txt-darkslateblue\:5\:st { color: hsl(248, 39%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:st, html.dark .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:15\:st, html.dark .sf-c-txt-darkslateblue\:15\:st { color: hsl(248, 39%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:st, html.dark .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:25\:st, html.dark .sf-c-txt-darkslateblue\:25\:st { color: hsl(248, 39%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:st, html.dark .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:35\:st, html.dark .sf-c-txt-darkslateblue\:35\:st { color: hsl(248, 39%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:st, html.dark .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:45\:st, html.dark .sf-c-txt-darkslateblue\:45\:st { color: hsl(248, 39%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:st, html.dark .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:55\:st, html.dark .sf-c-txt-darkslateblue\:55\:st { color: hsl(248, 39%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:st, html.dark .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:65\:st, html.dark .sf-c-txt-darkslateblue\:65\:st { color: hsl(248, 39%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:st, html.dark .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:75\:st, html.dark .sf-c-txt-darkslateblue\:75\:st { color: hsl(248, 39%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:st, html.dark .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:85\:st, html.dark .sf-c-txt-darkslateblue\:85\:st { color: hsl(248, 39%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:st, html.dark .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:95\:st, html.dark .sf-c-txt-darkslateblue\:95\:st { color: hsl(248, 39%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:st, html.dark .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslateblue, html.auto .sf-c-darkslateblue { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 61%) } - html[data-theme='auto'] .sf-c-darkslateblue\:0, html.auto .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } - html[data-theme='auto'] .sf-c-darkslateblue\:5, html.auto .sf-c-darkslateblue\:5 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } - html[data-theme='auto'] .sf-c-darkslateblue\:10, html.auto .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkslateblue\:15, html.auto .sf-c-darkslateblue\:15 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 85%) } - html[data-theme='auto'] .sf-c-darkslateblue\:20, html.auto .sf-c-darkslateblue\:20 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkslateblue\:25, html.auto .sf-c-darkslateblue\:25 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 75%) } - html[data-theme='auto'] .sf-c-darkslateblue\:30, html.auto .sf-c-darkslateblue\:30 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkslateblue\:35, html.auto .sf-c-darkslateblue\:35 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 65%) } - html[data-theme='auto'] .sf-c-darkslateblue\:40, html.auto .sf-c-darkslateblue\:40 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkslateblue\:45, html.auto .sf-c-darkslateblue\:45 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 55%) } - html[data-theme='auto'] .sf-c-darkslateblue\:50, html.auto .sf-c-darkslateblue\:50 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkslateblue\:55, html.auto .sf-c-darkslateblue\:55 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 45%) } - html[data-theme='auto'] .sf-c-darkslateblue\:60, html.auto .sf-c-darkslateblue\:60 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkslateblue\:65, html.auto .sf-c-darkslateblue\:65 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 35%) } - html[data-theme='auto'] .sf-c-darkslateblue\:70, html.auto .sf-c-darkslateblue\:70 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkslateblue\:75, html.auto .sf-c-darkslateblue\:75 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 25%) } - html[data-theme='auto'] .sf-c-darkslateblue\:80, html.auto .sf-c-darkslateblue\:80 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkslateblue\:85, html.auto .sf-c-darkslateblue\:85 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 15%) } - html[data-theme='auto'] .sf-c-darkslateblue\:90, html.auto .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkslateblue\:95, html.auto .sf-c-darkslateblue\:95 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } - html[data-theme='auto'] .sf-c-darkslateblue\:100, html.auto .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } - - html[data-theme='auto'] .sf-c-darkslateblue\:st, html.auto .sf-c-darkslateblue\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 39%) } - html[data-theme='auto'] .sf-c-darkslateblue\:0\:st, html.auto .sf-c-darkslateblue\:0\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } - html[data-theme='auto'] .sf-c-darkslateblue\:5\:st, html.auto .sf-c-darkslateblue\:5\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } - html[data-theme='auto'] .sf-c-darkslateblue\:10\:st, html.auto .sf-c-darkslateblue\:10\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-darkslateblue\:15\:st, html.auto .sf-c-darkslateblue\:15\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 15%) } - html[data-theme='auto'] .sf-c-darkslateblue\:20\:st, html.auto .sf-c-darkslateblue\:20\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-darkslateblue\:25\:st, html.auto .sf-c-darkslateblue\:25\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 25%) } - html[data-theme='auto'] .sf-c-darkslateblue\:30\:st, html.auto .sf-c-darkslateblue\:30\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-darkslateblue\:35\:st, html.auto .sf-c-darkslateblue\:35\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 35%) } - html[data-theme='auto'] .sf-c-darkslateblue\:40\:st, html.auto .sf-c-darkslateblue\:40\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-darkslateblue\:45\:st, html.auto .sf-c-darkslateblue\:45\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 45%) } - html[data-theme='auto'] .sf-c-darkslateblue\:50\:st, html.auto .sf-c-darkslateblue\:50\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-darkslateblue\:55\:st, html.auto .sf-c-darkslateblue\:55\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 55%) } - html[data-theme='auto'] .sf-c-darkslateblue\:60\:st, html.auto .sf-c-darkslateblue\:60\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-darkslateblue\:65\:st, html.auto .sf-c-darkslateblue\:65\:st { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 65%) } - html[data-theme='auto'] .sf-c-darkslateblue\:70\:st, html.auto .sf-c-darkslateblue\:70\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-darkslateblue\:75\:st, html.auto .sf-c-darkslateblue\:75\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 75%) } - html[data-theme='auto'] .sf-c-darkslateblue\:80\:st, html.auto .sf-c-darkslateblue\:80\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-darkslateblue\:85\:st, html.auto .sf-c-darkslateblue\:85\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 85%) } - html[data-theme='auto'] .sf-c-darkslateblue\:90\:st, html.auto .sf-c-darkslateblue\:90\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-darkslateblue\:95\:st, html.auto .sf-c-darkslateblue\:95\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } - html[data-theme='auto'] .sf-c-darkslateblue\:100\:st, html.auto .sf-c-darkslateblue\:100\:st { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:5, html.auto .sf-c-txt-darkslateblue\:5 { color: hsl(248, 39%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:15, html.auto .sf-c-txt-darkslateblue\:15 { color: hsl(248, 39%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:25, html.auto .sf-c-txt-darkslateblue\:25 { color: hsl(248, 39%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:35, html.auto .sf-c-txt-darkslateblue\:35 { color: hsl(248, 39%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:45, html.auto .sf-c-txt-darkslateblue\:45 { color: hsl(248, 39%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:55, html.auto .sf-c-txt-darkslateblue\:55 { color: hsl(248, 39%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:65, html.auto .sf-c-txt-darkslateblue\:65 { color: hsl(248, 39%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:75, html.auto .sf-c-txt-darkslateblue\:75 { color: hsl(248, 39%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:85, html.auto .sf-c-txt-darkslateblue\:85 { color: hsl(248, 39%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:95, html.auto .sf-c-txt-darkslateblue\:95 { color: hsl(248, 39%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslateblue\:st, html.auto .sf-c-txt-darkslateblue\:st { color: hsl(248, 39%, 39%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:st, html.auto .sf-c-txt-darkslateblue\:0\:st { color: hsl(248, 39%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:5\:st, html.auto .sf-c-txt-darkslateblue\:5\:st { color: hsl(248, 39%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:st, html.auto .sf-c-txt-darkslateblue\:10\:st { color: hsl(248, 39%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:15\:st, html.auto .sf-c-txt-darkslateblue\:15\:st { color: hsl(248, 39%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:st, html.auto .sf-c-txt-darkslateblue\:20\:st { color: hsl(248, 39%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:25\:st, html.auto .sf-c-txt-darkslateblue\:25\:st { color: hsl(248, 39%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:st, html.auto .sf-c-txt-darkslateblue\:30\:st { color: hsl(248, 39%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:35\:st, html.auto .sf-c-txt-darkslateblue\:35\:st { color: hsl(248, 39%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:st, html.auto .sf-c-txt-darkslateblue\:40\:st { color: hsl(248, 39%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:45\:st, html.auto .sf-c-txt-darkslateblue\:45\:st { color: hsl(248, 39%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:st, html.auto .sf-c-txt-darkslateblue\:50\:st { color: hsl(248, 39%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:55\:st, html.auto .sf-c-txt-darkslateblue\:55\:st { color: hsl(248, 39%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:st, html.auto .sf-c-txt-darkslateblue\:60\:st { color: hsl(248, 39%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:65\:st, html.auto .sf-c-txt-darkslateblue\:65\:st { color: hsl(248, 39%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:st, html.auto .sf-c-txt-darkslateblue\:70\:st { color: hsl(248, 39%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:75\:st, html.auto .sf-c-txt-darkslateblue\:75\:st { color: hsl(248, 39%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:st, html.auto .sf-c-txt-darkslateblue\:80\:st { color: hsl(248, 39%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:85\:st, html.auto .sf-c-txt-darkslateblue\:85\:st { color: hsl(248, 39%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:st, html.auto .sf-c-txt-darkslateblue\:90\:st { color: hsl(248, 39%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:95\:st, html.auto .sf-c-txt-darkslateblue\:95\:st { color: hsl(248, 39%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:st, html.auto .sf-c-txt-darkslateblue\:100\:st { color: hsl(248, 39%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkslategray.css b/src/colors/20/darkslategray.css deleted file mode 100644 index 6a488e8..0000000 --- a/src/colors/20/darkslategray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkslategray { - --sf-c-darkslategray: 180 25% 25%; - --sf-c-darkslategray-0: 180 25% 0%; - --sf-c-darkslategray-5: 180 25% 5%; - --sf-c-darkslategray-10: 180 25% 10%; - --sf-c-darkslategray-15: 180 25% 15%; - --sf-c-darkslategray-20: 180 25% 20%; - --sf-c-darkslategray-25: 180 25% 25%; - --sf-c-darkslategray-30: 180 25% 30%; - --sf-c-darkslategray-35: 180 25% 35%; - --sf-c-darkslategray-40: 180 25% 40%; - --sf-c-darkslategray-45: 180 25% 45%; - --sf-c-darkslategray-50: 180 25% 50%; - --sf-c-darkslategray-55: 180 25% 55%; - --sf-c-darkslategray-60: 180 25% 60%; - --sf-c-darkslategray-65: 180 25% 65%; - --sf-c-darkslategray-70: 180 25% 70%; - --sf-c-darkslategray-75: 180 25% 75%; - --sf-c-darkslategray-80: 180 25% 80%; - --sf-c-darkslategray-85: 180 25% 85%; - --sf-c-darkslategray-90: 180 25% 90%; - --sf-c-darkslategray-95: 180 25% 95%; - --sf-c-darkslategray-100: 180 25% 100%; -} - -.sf-c-darkslategray, .sf-c-darkslategray\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategray\:0, .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -.sf-c-darkslategray\:5, .sf-c-darkslategray\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -.sf-c-darkslategray\:10, .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -.sf-c-darkslategray\:15, .sf-c-darkslategray\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -.sf-c-darkslategray\:20, .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -.sf-c-darkslategray\:25, .sf-c-darkslategray\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategray\:30, .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -.sf-c-darkslategray\:35, .sf-c-darkslategray\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -.sf-c-darkslategray\:40, .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -.sf-c-darkslategray\:45, .sf-c-darkslategray\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -.sf-c-darkslategray\:50, .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -.sf-c-darkslategray\:55, .sf-c-darkslategray\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -.sf-c-darkslategray\:60, .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -.sf-c-darkslategray\:65, .sf-c-darkslategray\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -.sf-c-darkslategray\:70, .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -.sf-c-darkslategray\:75, .sf-c-darkslategray\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -.sf-c-darkslategray\:80, .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -.sf-c-darkslategray\:85, .sf-c-darkslategray\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -.sf-c-darkslategray\:90, .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -.sf-c-darkslategray\:95, .sf-c-darkslategray\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -.sf-c-darkslategray\:100, .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - -.sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategray\:0, .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } -.sf-c-txt-darkslategray\:5, .sf-c-txt-darkslategray\:5\:st { color: hsl(180, 25%, 5%) } -.sf-c-txt-darkslategray\:10, .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } -.sf-c-txt-darkslategray\:15, .sf-c-txt-darkslategray\:15\:st { color: hsl(180, 25%, 15%) } -.sf-c-txt-darkslategray\:20, .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } -.sf-c-txt-darkslategray\:25, .sf-c-txt-darkslategray\:25\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategray\:30, .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } -.sf-c-txt-darkslategray\:35, .sf-c-txt-darkslategray\:35\:st { color: hsl(180, 25%, 35%) } -.sf-c-txt-darkslategray\:40, .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } -.sf-c-txt-darkslategray\:45, .sf-c-txt-darkslategray\:45\:st { color: hsl(180, 25%, 45%) } -.sf-c-txt-darkslategray\:50, .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } -.sf-c-txt-darkslategray\:55, .sf-c-txt-darkslategray\:55\:st { color: hsl(180, 25%, 55%) } -.sf-c-txt-darkslategray\:60, .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } -.sf-c-txt-darkslategray\:65, .sf-c-txt-darkslategray\:65\:st { color: hsl(180, 25%, 65%) } -.sf-c-txt-darkslategray\:70, .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } -.sf-c-txt-darkslategray\:75, .sf-c-txt-darkslategray\:75\:st { color: hsl(180, 25%, 75%) } -.sf-c-txt-darkslategray\:80, .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } -.sf-c-txt-darkslategray\:85, .sf-c-txt-darkslategray\:85\:st { color: hsl(180, 25%, 85%) } -.sf-c-txt-darkslategray\:90, .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } -.sf-c-txt-darkslategray\:95, .sf-c-txt-darkslategray\:95\:st { color: hsl(180, 25%, 95%) } -.sf-c-txt-darkslategray\:100, .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkslategray, html.dark .sf-c-darkslategray { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategray\:0, html.dark .sf-c-darkslategray\:0 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkslategray\:5, html.dark .sf-c-darkslategray\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkslategray\:10, html.dark .sf-c-darkslategray\:10 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategray\:15, html.dark .sf-c-darkslategray\:15 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkslategray\:20, html.dark .sf-c-darkslategray\:20 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategray\:25, html.dark .sf-c-darkslategray\:25 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategray\:30, html.dark .sf-c-darkslategray\:30 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategray\:35, html.dark .sf-c-darkslategray\:35 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkslategray\:40, html.dark .sf-c-darkslategray\:40 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategray\:45, html.dark .sf-c-darkslategray\:45 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkslategray\:50, html.dark .sf-c-darkslategray\:50 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategray\:55, html.dark .sf-c-darkslategray\:55 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkslategray\:60, html.dark .sf-c-darkslategray\:60 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategray\:65, html.dark .sf-c-darkslategray\:65 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkslategray\:70, html.dark .sf-c-darkslategray\:70 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategray\:75, html.dark .sf-c-darkslategray\:75 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategray\:80, html.dark .sf-c-darkslategray\:80 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategray\:85, html.dark .sf-c-darkslategray\:85 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkslategray\:90, html.dark .sf-c-darkslategray\:90 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategray\:95, html.dark .sf-c-darkslategray\:95 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkslategray\:100, html.dark .sf-c-darkslategray\:100 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkslategray\:st, html.dark .sf-c-darkslategray\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategray\:0\:st, html.dark .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkslategray\:5\:st, html.dark .sf-c-darkslategray\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkslategray\:10\:st, html.dark .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategray\:15\:st, html.dark .sf-c-darkslategray\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkslategray\:20\:st, html.dark .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategray\:25\:st, html.dark .sf-c-darkslategray\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategray\:30\:st, html.dark .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategray\:35\:st, html.dark .sf-c-darkslategray\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkslategray\:40\:st, html.dark .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategray\:45\:st, html.dark .sf-c-darkslategray\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkslategray\:50\:st, html.dark .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategray\:55\:st, html.dark .sf-c-darkslategray\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkslategray\:60\:st, html.dark .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategray\:65\:st, html.dark .sf-c-darkslategray\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkslategray\:70\:st, html.dark .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategray\:75\:st, html.dark .sf-c-darkslategray\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategray\:80\:st, html.dark .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategray\:85\:st, html.dark .sf-c-darkslategray\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkslategray\:90\:st, html.dark .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategray\:95\:st, html.dark .sf-c-darkslategray\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkslategray\:100\:st, html.dark .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:5, html.dark .sf-c-txt-darkslategray\:5 { color: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:15, html.dark .sf-c-txt-darkslategray\:15 { color: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:25, html.dark .sf-c-txt-darkslategray\:25 { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:35, html.dark .sf-c-txt-darkslategray\:35 { color: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:45, html.dark .sf-c-txt-darkslategray\:45 { color: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:55, html.dark .sf-c-txt-darkslategray\:55 { color: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:65, html.dark .sf-c-txt-darkslategray\:65 { color: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:75, html.dark .sf-c-txt-darkslategray\:75 { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:85, html.dark .sf-c-txt-darkslategray\:85 { color: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:95, html.dark .sf-c-txt-darkslategray\:95 { color: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslategray\:st, html.dark .sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:0\:st, html.dark .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:5\:st, html.dark .sf-c-txt-darkslategray\:5\:st { color: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:10\:st, html.dark .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:15\:st, html.dark .sf-c-txt-darkslategray\:15\:st { color: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:20\:st, html.dark .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:25\:st, html.dark .sf-c-txt-darkslategray\:25\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:30\:st, html.dark .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:35\:st, html.dark .sf-c-txt-darkslategray\:35\:st { color: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:40\:st, html.dark .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:45\:st, html.dark .sf-c-txt-darkslategray\:45\:st { color: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:50\:st, html.dark .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:55\:st, html.dark .sf-c-txt-darkslategray\:55\:st { color: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:60\:st, html.dark .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:65\:st, html.dark .sf-c-txt-darkslategray\:65\:st { color: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:70\:st, html.dark .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:75\:st, html.dark .sf-c-txt-darkslategray\:75\:st { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:80\:st, html.dark .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:85\:st, html.dark .sf-c-txt-darkslategray\:85\:st { color: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:90\:st, html.dark .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:95\:st, html.dark .sf-c-txt-darkslategray\:95\:st { color: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslategray\:100\:st, html.dark .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslategray, html.auto .sf-c-darkslategray { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategray\:0, html.auto .sf-c-darkslategray\:0 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkslategray\:5, html.auto .sf-c-darkslategray\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkslategray\:10, html.auto .sf-c-darkslategray\:10 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategray\:15, html.auto .sf-c-darkslategray\:15 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkslategray\:20, html.auto .sf-c-darkslategray\:20 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategray\:25, html.auto .sf-c-darkslategray\:25 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategray\:30, html.auto .sf-c-darkslategray\:30 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategray\:35, html.auto .sf-c-darkslategray\:35 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkslategray\:40, html.auto .sf-c-darkslategray\:40 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategray\:45, html.auto .sf-c-darkslategray\:45 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkslategray\:50, html.auto .sf-c-darkslategray\:50 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategray\:55, html.auto .sf-c-darkslategray\:55 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkslategray\:60, html.auto .sf-c-darkslategray\:60 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategray\:65, html.auto .sf-c-darkslategray\:65 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkslategray\:70, html.auto .sf-c-darkslategray\:70 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategray\:75, html.auto .sf-c-darkslategray\:75 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategray\:80, html.auto .sf-c-darkslategray\:80 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategray\:85, html.auto .sf-c-darkslategray\:85 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkslategray\:90, html.auto .sf-c-darkslategray\:90 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategray\:95, html.auto .sf-c-darkslategray\:95 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkslategray\:100, html.auto .sf-c-darkslategray\:100 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkslategray\:st, html.auto .sf-c-darkslategray\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategray\:0\:st, html.auto .sf-c-darkslategray\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkslategray\:5\:st, html.auto .sf-c-darkslategray\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkslategray\:10\:st, html.auto .sf-c-darkslategray\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategray\:15\:st, html.auto .sf-c-darkslategray\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkslategray\:20\:st, html.auto .sf-c-darkslategray\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategray\:25\:st, html.auto .sf-c-darkslategray\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategray\:30\:st, html.auto .sf-c-darkslategray\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategray\:35\:st, html.auto .sf-c-darkslategray\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkslategray\:40\:st, html.auto .sf-c-darkslategray\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategray\:45\:st, html.auto .sf-c-darkslategray\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkslategray\:50\:st, html.auto .sf-c-darkslategray\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategray\:55\:st, html.auto .sf-c-darkslategray\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkslategray\:60\:st, html.auto .sf-c-darkslategray\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategray\:65\:st, html.auto .sf-c-darkslategray\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkslategray\:70\:st, html.auto .sf-c-darkslategray\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategray\:75\:st, html.auto .sf-c-darkslategray\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategray\:80\:st, html.auto .sf-c-darkslategray\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategray\:85\:st, html.auto .sf-c-darkslategray\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkslategray\:90\:st, html.auto .sf-c-darkslategray\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategray\:95\:st, html.auto .sf-c-darkslategray\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkslategray\:100\:st, html.auto .sf-c-darkslategray\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:5, html.auto .sf-c-txt-darkslategray\:5 { color: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:15, html.auto .sf-c-txt-darkslategray\:15 { color: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:25, html.auto .sf-c-txt-darkslategray\:25 { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:35, html.auto .sf-c-txt-darkslategray\:35 { color: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:45, html.auto .sf-c-txt-darkslategray\:45 { color: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:55, html.auto .sf-c-txt-darkslategray\:55 { color: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:65, html.auto .sf-c-txt-darkslategray\:65 { color: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:75, html.auto .sf-c-txt-darkslategray\:75 { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:85, html.auto .sf-c-txt-darkslategray\:85 { color: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:95, html.auto .sf-c-txt-darkslategray\:95 { color: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslategray\:st, html.auto .sf-c-txt-darkslategray\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:0\:st, html.auto .sf-c-txt-darkslategray\:0\:st { color: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:5\:st, html.auto .sf-c-txt-darkslategray\:5\:st { color: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:10\:st, html.auto .sf-c-txt-darkslategray\:10\:st { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:15\:st, html.auto .sf-c-txt-darkslategray\:15\:st { color: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:20\:st, html.auto .sf-c-txt-darkslategray\:20\:st { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:25\:st, html.auto .sf-c-txt-darkslategray\:25\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:30\:st, html.auto .sf-c-txt-darkslategray\:30\:st { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:35\:st, html.auto .sf-c-txt-darkslategray\:35\:st { color: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:40\:st, html.auto .sf-c-txt-darkslategray\:40\:st { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:45\:st, html.auto .sf-c-txt-darkslategray\:45\:st { color: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:50\:st, html.auto .sf-c-txt-darkslategray\:50\:st { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:55\:st, html.auto .sf-c-txt-darkslategray\:55\:st { color: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:60\:st, html.auto .sf-c-txt-darkslategray\:60\:st { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:65\:st, html.auto .sf-c-txt-darkslategray\:65\:st { color: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:70\:st, html.auto .sf-c-txt-darkslategray\:70\:st { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:75\:st, html.auto .sf-c-txt-darkslategray\:75\:st { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:80\:st, html.auto .sf-c-txt-darkslategray\:80\:st { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:85\:st, html.auto .sf-c-txt-darkslategray\:85\:st { color: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:90\:st, html.auto .sf-c-txt-darkslategray\:90\:st { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:95\:st, html.auto .sf-c-txt-darkslategray\:95\:st { color: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslategray\:100\:st, html.auto .sf-c-txt-darkslategray\:100\:st { color: hsl(180, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkslategrey.css b/src/colors/20/darkslategrey.css deleted file mode 100644 index 1e6f515..0000000 --- a/src/colors/20/darkslategrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkslategrey { - --sf-c-darkslategrey: 180 25% 25%; - --sf-c-darkslategrey-0: 180 25% 0%; - --sf-c-darkslategrey-5: 180 25% 5%; - --sf-c-darkslategrey-10: 180 25% 10%; - --sf-c-darkslategrey-15: 180 25% 15%; - --sf-c-darkslategrey-20: 180 25% 20%; - --sf-c-darkslategrey-25: 180 25% 25%; - --sf-c-darkslategrey-30: 180 25% 30%; - --sf-c-darkslategrey-35: 180 25% 35%; - --sf-c-darkslategrey-40: 180 25% 40%; - --sf-c-darkslategrey-45: 180 25% 45%; - --sf-c-darkslategrey-50: 180 25% 50%; - --sf-c-darkslategrey-55: 180 25% 55%; - --sf-c-darkslategrey-60: 180 25% 60%; - --sf-c-darkslategrey-65: 180 25% 65%; - --sf-c-darkslategrey-70: 180 25% 70%; - --sf-c-darkslategrey-75: 180 25% 75%; - --sf-c-darkslategrey-80: 180 25% 80%; - --sf-c-darkslategrey-85: 180 25% 85%; - --sf-c-darkslategrey-90: 180 25% 90%; - --sf-c-darkslategrey-95: 180 25% 95%; - --sf-c-darkslategrey-100: 180 25% 100%; -} - -.sf-c-darkslategrey, .sf-c-darkslategrey\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategrey\:0, .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -.sf-c-darkslategrey\:5, .sf-c-darkslategrey\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -.sf-c-darkslategrey\:10, .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -.sf-c-darkslategrey\:15, .sf-c-darkslategrey\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -.sf-c-darkslategrey\:20, .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -.sf-c-darkslategrey\:25, .sf-c-darkslategrey\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -.sf-c-darkslategrey\:30, .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -.sf-c-darkslategrey\:35, .sf-c-darkslategrey\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -.sf-c-darkslategrey\:40, .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -.sf-c-darkslategrey\:45, .sf-c-darkslategrey\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -.sf-c-darkslategrey\:50, .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -.sf-c-darkslategrey\:55, .sf-c-darkslategrey\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -.sf-c-darkslategrey\:60, .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -.sf-c-darkslategrey\:65, .sf-c-darkslategrey\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -.sf-c-darkslategrey\:70, .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -.sf-c-darkslategrey\:75, .sf-c-darkslategrey\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -.sf-c-darkslategrey\:80, .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -.sf-c-darkslategrey\:85, .sf-c-darkslategrey\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -.sf-c-darkslategrey\:90, .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -.sf-c-darkslategrey\:95, .sf-c-darkslategrey\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -.sf-c-darkslategrey\:100, .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - -.sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategrey\:0, .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } -.sf-c-txt-darkslategrey\:5, .sf-c-txt-darkslategrey\:5\:st { color: hsl(180, 25%, 5%) } -.sf-c-txt-darkslategrey\:10, .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } -.sf-c-txt-darkslategrey\:15, .sf-c-txt-darkslategrey\:15\:st { color: hsl(180, 25%, 15%) } -.sf-c-txt-darkslategrey\:20, .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } -.sf-c-txt-darkslategrey\:25, .sf-c-txt-darkslategrey\:25\:st { color: hsl(180, 25%, 25%) } -.sf-c-txt-darkslategrey\:30, .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } -.sf-c-txt-darkslategrey\:35, .sf-c-txt-darkslategrey\:35\:st { color: hsl(180, 25%, 35%) } -.sf-c-txt-darkslategrey\:40, .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } -.sf-c-txt-darkslategrey\:45, .sf-c-txt-darkslategrey\:45\:st { color: hsl(180, 25%, 45%) } -.sf-c-txt-darkslategrey\:50, .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } -.sf-c-txt-darkslategrey\:55, .sf-c-txt-darkslategrey\:55\:st { color: hsl(180, 25%, 55%) } -.sf-c-txt-darkslategrey\:60, .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } -.sf-c-txt-darkslategrey\:65, .sf-c-txt-darkslategrey\:65\:st { color: hsl(180, 25%, 65%) } -.sf-c-txt-darkslategrey\:70, .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } -.sf-c-txt-darkslategrey\:75, .sf-c-txt-darkslategrey\:75\:st { color: hsl(180, 25%, 75%) } -.sf-c-txt-darkslategrey\:80, .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } -.sf-c-txt-darkslategrey\:85, .sf-c-txt-darkslategrey\:85\:st { color: hsl(180, 25%, 85%) } -.sf-c-txt-darkslategrey\:90, .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } -.sf-c-txt-darkslategrey\:95, .sf-c-txt-darkslategrey\:95\:st { color: hsl(180, 25%, 95%) } -.sf-c-txt-darkslategrey\:100, .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-darkslategrey, html.dark .sf-c-darkslategrey { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategrey\:0, html.dark .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-darkslategrey\:5, html.dark .sf-c-darkslategrey\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkslategrey\:10, html.dark .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategrey\:15, html.dark .sf-c-darkslategrey\:15 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkslategrey\:20, html.dark .sf-c-darkslategrey\:20 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategrey\:25, html.dark .sf-c-darkslategrey\:25 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategrey\:30, html.dark .sf-c-darkslategrey\:30 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategrey\:35, html.dark .sf-c-darkslategrey\:35 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkslategrey\:40, html.dark .sf-c-darkslategrey\:40 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategrey\:45, html.dark .sf-c-darkslategrey\:45 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkslategrey\:50, html.dark .sf-c-darkslategrey\:50 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategrey\:55, html.dark .sf-c-darkslategrey\:55 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkslategrey\:60, html.dark .sf-c-darkslategrey\:60 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategrey\:65, html.dark .sf-c-darkslategrey\:65 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkslategrey\:70, html.dark .sf-c-darkslategrey\:70 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategrey\:75, html.dark .sf-c-darkslategrey\:75 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategrey\:80, html.dark .sf-c-darkslategrey\:80 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategrey\:85, html.dark .sf-c-darkslategrey\:85 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkslategrey\:90, html.dark .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategrey\:95, html.dark .sf-c-darkslategrey\:95 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkslategrey\:100, html.dark .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-darkslategrey\:st, html.dark .sf-c-darkslategrey\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategrey\:0\:st, html.dark .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-darkslategrey\:5\:st, html.dark .sf-c-darkslategrey\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-darkslategrey\:10\:st, html.dark .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-darkslategrey\:15\:st, html.dark .sf-c-darkslategrey\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-darkslategrey\:20\:st, html.dark .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-darkslategrey\:25\:st, html.dark .sf-c-darkslategrey\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-darkslategrey\:30\:st, html.dark .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-darkslategrey\:35\:st, html.dark .sf-c-darkslategrey\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-darkslategrey\:40\:st, html.dark .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-darkslategrey\:45\:st, html.dark .sf-c-darkslategrey\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-darkslategrey\:50\:st, html.dark .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-darkslategrey\:55\:st, html.dark .sf-c-darkslategrey\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-darkslategrey\:60\:st, html.dark .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-darkslategrey\:65\:st, html.dark .sf-c-darkslategrey\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-darkslategrey\:70\:st, html.dark .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-darkslategrey\:75\:st, html.dark .sf-c-darkslategrey\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-darkslategrey\:80\:st, html.dark .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-darkslategrey\:85\:st, html.dark .sf-c-darkslategrey\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-darkslategrey\:90\:st, html.dark .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-darkslategrey\:95\:st, html.dark .sf-c-darkslategrey\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-darkslategrey\:100\:st, html.dark .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:5, html.dark .sf-c-txt-darkslategrey\:5 { color: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:15, html.dark .sf-c-txt-darkslategrey\:15 { color: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:25, html.dark .sf-c-txt-darkslategrey\:25 { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:35, html.dark .sf-c-txt-darkslategrey\:35 { color: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:45, html.dark .sf-c-txt-darkslategrey\:45 { color: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:55, html.dark .sf-c-txt-darkslategrey\:55 { color: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:65, html.dark .sf-c-txt-darkslategrey\:65 { color: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:75, html.dark .sf-c-txt-darkslategrey\:75 { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:85, html.dark .sf-c-txt-darkslategrey\:85 { color: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:95, html.dark .sf-c-txt-darkslategrey\:95 { color: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkslategrey\:st, html.dark .sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:st, html.dark .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:5\:st, html.dark .sf-c-txt-darkslategrey\:5\:st { color: hsl(180, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:st, html.dark .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:15\:st, html.dark .sf-c-txt-darkslategrey\:15\:st { color: hsl(180, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:st, html.dark .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:25\:st, html.dark .sf-c-txt-darkslategrey\:25\:st { color: hsl(180, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:st, html.dark .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:35\:st, html.dark .sf-c-txt-darkslategrey\:35\:st { color: hsl(180, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:st, html.dark .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:45\:st, html.dark .sf-c-txt-darkslategrey\:45\:st { color: hsl(180, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:st, html.dark .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:55\:st, html.dark .sf-c-txt-darkslategrey\:55\:st { color: hsl(180, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:st, html.dark .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:65\:st, html.dark .sf-c-txt-darkslategrey\:65\:st { color: hsl(180, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:st, html.dark .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:75\:st, html.dark .sf-c-txt-darkslategrey\:75\:st { color: hsl(180, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:st, html.dark .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:85\:st, html.dark .sf-c-txt-darkslategrey\:85\:st { color: hsl(180, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:st, html.dark .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:95\:st, html.dark .sf-c-txt-darkslategrey\:95\:st { color: hsl(180, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:st, html.dark .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkslategrey, html.auto .sf-c-darkslategrey { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategrey\:0, html.auto .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-darkslategrey\:5, html.auto .sf-c-darkslategrey\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkslategrey\:10, html.auto .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategrey\:15, html.auto .sf-c-darkslategrey\:15 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkslategrey\:20, html.auto .sf-c-darkslategrey\:20 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategrey\:25, html.auto .sf-c-darkslategrey\:25 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategrey\:30, html.auto .sf-c-darkslategrey\:30 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategrey\:35, html.auto .sf-c-darkslategrey\:35 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkslategrey\:40, html.auto .sf-c-darkslategrey\:40 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategrey\:45, html.auto .sf-c-darkslategrey\:45 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkslategrey\:50, html.auto .sf-c-darkslategrey\:50 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategrey\:55, html.auto .sf-c-darkslategrey\:55 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkslategrey\:60, html.auto .sf-c-darkslategrey\:60 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategrey\:65, html.auto .sf-c-darkslategrey\:65 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkslategrey\:70, html.auto .sf-c-darkslategrey\:70 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategrey\:75, html.auto .sf-c-darkslategrey\:75 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategrey\:80, html.auto .sf-c-darkslategrey\:80 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategrey\:85, html.auto .sf-c-darkslategrey\:85 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkslategrey\:90, html.auto .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategrey\:95, html.auto .sf-c-darkslategrey\:95 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkslategrey\:100, html.auto .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-darkslategrey\:st, html.auto .sf-c-darkslategrey\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategrey\:0\:st, html.auto .sf-c-darkslategrey\:0\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-darkslategrey\:5\:st, html.auto .sf-c-darkslategrey\:5\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-darkslategrey\:10\:st, html.auto .sf-c-darkslategrey\:10\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-darkslategrey\:15\:st, html.auto .sf-c-darkslategrey\:15\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-darkslategrey\:20\:st, html.auto .sf-c-darkslategrey\:20\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-darkslategrey\:25\:st, html.auto .sf-c-darkslategrey\:25\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-darkslategrey\:30\:st, html.auto .sf-c-darkslategrey\:30\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-darkslategrey\:35\:st, html.auto .sf-c-darkslategrey\:35\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-darkslategrey\:40\:st, html.auto .sf-c-darkslategrey\:40\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-darkslategrey\:45\:st, html.auto .sf-c-darkslategrey\:45\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-darkslategrey\:50\:st, html.auto .sf-c-darkslategrey\:50\:st { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-darkslategrey\:55\:st, html.auto .sf-c-darkslategrey\:55\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-darkslategrey\:60\:st, html.auto .sf-c-darkslategrey\:60\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-darkslategrey\:65\:st, html.auto .sf-c-darkslategrey\:65\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-darkslategrey\:70\:st, html.auto .sf-c-darkslategrey\:70\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-darkslategrey\:75\:st, html.auto .sf-c-darkslategrey\:75\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-darkslategrey\:80\:st, html.auto .sf-c-darkslategrey\:80\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-darkslategrey\:85\:st, html.auto .sf-c-darkslategrey\:85\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-darkslategrey\:90\:st, html.auto .sf-c-darkslategrey\:90\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-darkslategrey\:95\:st, html.auto .sf-c-darkslategrey\:95\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-darkslategrey\:100\:st, html.auto .sf-c-darkslategrey\:100\:st { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:5, html.auto .sf-c-txt-darkslategrey\:5 { color: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:15, html.auto .sf-c-txt-darkslategrey\:15 { color: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:25, html.auto .sf-c-txt-darkslategrey\:25 { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:35, html.auto .sf-c-txt-darkslategrey\:35 { color: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:45, html.auto .sf-c-txt-darkslategrey\:45 { color: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:55, html.auto .sf-c-txt-darkslategrey\:55 { color: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:65, html.auto .sf-c-txt-darkslategrey\:65 { color: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:75, html.auto .sf-c-txt-darkslategrey\:75 { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:85, html.auto .sf-c-txt-darkslategrey\:85 { color: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:95, html.auto .sf-c-txt-darkslategrey\:95 { color: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkslategrey\:st, html.auto .sf-c-txt-darkslategrey\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:st, html.auto .sf-c-txt-darkslategrey\:0\:st { color: hsl(180, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:5\:st, html.auto .sf-c-txt-darkslategrey\:5\:st { color: hsl(180, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:st, html.auto .sf-c-txt-darkslategrey\:10\:st { color: hsl(180, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:15\:st, html.auto .sf-c-txt-darkslategrey\:15\:st { color: hsl(180, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:st, html.auto .sf-c-txt-darkslategrey\:20\:st { color: hsl(180, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:25\:st, html.auto .sf-c-txt-darkslategrey\:25\:st { color: hsl(180, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:st, html.auto .sf-c-txt-darkslategrey\:30\:st { color: hsl(180, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:35\:st, html.auto .sf-c-txt-darkslategrey\:35\:st { color: hsl(180, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:st, html.auto .sf-c-txt-darkslategrey\:40\:st { color: hsl(180, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:45\:st, html.auto .sf-c-txt-darkslategrey\:45\:st { color: hsl(180, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:st, html.auto .sf-c-txt-darkslategrey\:50\:st { color: hsl(180, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:55\:st, html.auto .sf-c-txt-darkslategrey\:55\:st { color: hsl(180, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:st, html.auto .sf-c-txt-darkslategrey\:60\:st { color: hsl(180, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:65\:st, html.auto .sf-c-txt-darkslategrey\:65\:st { color: hsl(180, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:st, html.auto .sf-c-txt-darkslategrey\:70\:st { color: hsl(180, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:75\:st, html.auto .sf-c-txt-darkslategrey\:75\:st { color: hsl(180, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:st, html.auto .sf-c-txt-darkslategrey\:80\:st { color: hsl(180, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:85\:st, html.auto .sf-c-txt-darkslategrey\:85\:st { color: hsl(180, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:st, html.auto .sf-c-txt-darkslategrey\:90\:st { color: hsl(180, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:95\:st, html.auto .sf-c-txt-darkslategrey\:95\:st { color: hsl(180, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:st, html.auto .sf-c-txt-darkslategrey\:100\:st { color: hsl(180, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkturquoise.css b/src/colors/20/darkturquoise.css deleted file mode 100644 index 8701b7e..0000000 --- a/src/colors/20/darkturquoise.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkturquoise { - --sf-c-darkturquoise: 181 100% 41%; - --sf-c-darkturquoise-0: 181 100% 0%; - --sf-c-darkturquoise-5: 181 100% 5%; - --sf-c-darkturquoise-10: 181 100% 10%; - --sf-c-darkturquoise-15: 181 100% 15%; - --sf-c-darkturquoise-20: 181 100% 20%; - --sf-c-darkturquoise-25: 181 100% 25%; - --sf-c-darkturquoise-30: 181 100% 30%; - --sf-c-darkturquoise-35: 181 100% 35%; - --sf-c-darkturquoise-40: 181 100% 40%; - --sf-c-darkturquoise-45: 181 100% 45%; - --sf-c-darkturquoise-50: 181 100% 50%; - --sf-c-darkturquoise-55: 181 100% 55%; - --sf-c-darkturquoise-60: 181 100% 60%; - --sf-c-darkturquoise-65: 181 100% 65%; - --sf-c-darkturquoise-70: 181 100% 70%; - --sf-c-darkturquoise-75: 181 100% 75%; - --sf-c-darkturquoise-80: 181 100% 80%; - --sf-c-darkturquoise-85: 181 100% 85%; - --sf-c-darkturquoise-90: 181 100% 90%; - --sf-c-darkturquoise-95: 181 100% 95%; - --sf-c-darkturquoise-100: 181 100% 100%; -} - -.sf-c-darkturquoise, .sf-c-darkturquoise\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 41%) } -.sf-c-darkturquoise\:0, .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } -.sf-c-darkturquoise\:5, .sf-c-darkturquoise\:5\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } -.sf-c-darkturquoise\:10, .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } -.sf-c-darkturquoise\:15, .sf-c-darkturquoise\:15\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 15%) } -.sf-c-darkturquoise\:20, .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 20%) } -.sf-c-darkturquoise\:25, .sf-c-darkturquoise\:25\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 25%) } -.sf-c-darkturquoise\:30, .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 30%) } -.sf-c-darkturquoise\:35, .sf-c-darkturquoise\:35\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 35%) } -.sf-c-darkturquoise\:40, .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 40%) } -.sf-c-darkturquoise\:45, .sf-c-darkturquoise\:45\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 45%) } -.sf-c-darkturquoise\:50, .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 50%) } -.sf-c-darkturquoise\:55, .sf-c-darkturquoise\:55\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 55%) } -.sf-c-darkturquoise\:60, .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 60%) } -.sf-c-darkturquoise\:65, .sf-c-darkturquoise\:65\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 65%) } -.sf-c-darkturquoise\:70, .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 70%) } -.sf-c-darkturquoise\:75, .sf-c-darkturquoise\:75\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 75%) } -.sf-c-darkturquoise\:80, .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 80%) } -.sf-c-darkturquoise\:85, .sf-c-darkturquoise\:85\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 85%) } -.sf-c-darkturquoise\:90, .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 90%) } -.sf-c-darkturquoise\:95, .sf-c-darkturquoise\:95\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } -.sf-c-darkturquoise\:100, .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } - -.sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } -.sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } -.sf-c-txt-darkturquoise\:0, .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } -.sf-c-txt-darkturquoise\:5, .sf-c-txt-darkturquoise\:5\:st { color: hsl(181, 100%, 5%) } -.sf-c-txt-darkturquoise\:10, .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } -.sf-c-txt-darkturquoise\:15, .sf-c-txt-darkturquoise\:15\:st { color: hsl(181, 100%, 15%) } -.sf-c-txt-darkturquoise\:20, .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } -.sf-c-txt-darkturquoise\:25, .sf-c-txt-darkturquoise\:25\:st { color: hsl(181, 100%, 25%) } -.sf-c-txt-darkturquoise\:30, .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } -.sf-c-txt-darkturquoise\:35, .sf-c-txt-darkturquoise\:35\:st { color: hsl(181, 100%, 35%) } -.sf-c-txt-darkturquoise\:40, .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } -.sf-c-txt-darkturquoise\:45, .sf-c-txt-darkturquoise\:45\:st { color: hsl(181, 100%, 45%) } -.sf-c-txt-darkturquoise\:50, .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } -.sf-c-txt-darkturquoise\:55, .sf-c-txt-darkturquoise\:55\:st { color: hsl(181, 100%, 55%) } -.sf-c-txt-darkturquoise\:60, .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } -.sf-c-txt-darkturquoise\:65, .sf-c-txt-darkturquoise\:65\:st { color: hsl(181, 100%, 65%) } -.sf-c-txt-darkturquoise\:70, .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } -.sf-c-txt-darkturquoise\:75, .sf-c-txt-darkturquoise\:75\:st { color: hsl(181, 100%, 75%) } -.sf-c-txt-darkturquoise\:80, .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } -.sf-c-txt-darkturquoise\:85, .sf-c-txt-darkturquoise\:85\:st { color: hsl(181, 100%, 85%) } -.sf-c-txt-darkturquoise\:90, .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } -.sf-c-txt-darkturquoise\:95, .sf-c-txt-darkturquoise\:95\:st { color: hsl(181, 100%, 95%) } -.sf-c-txt-darkturquoise\:100, .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkturquoise, html.dark .sf-c-darkturquoise { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 59%) } -html[data-theme='dark'] .sf-c-darkturquoise\:0, html.dark .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkturquoise\:5, html.dark .sf-c-darkturquoise\:5 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkturquoise\:10, html.dark .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkturquoise\:15, html.dark .sf-c-darkturquoise\:15 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkturquoise\:20, html.dark .sf-c-darkturquoise\:20 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkturquoise\:25, html.dark .sf-c-darkturquoise\:25 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkturquoise\:30, html.dark .sf-c-darkturquoise\:30 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkturquoise\:35, html.dark .sf-c-darkturquoise\:35 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkturquoise\:40, html.dark .sf-c-darkturquoise\:40 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkturquoise\:45, html.dark .sf-c-darkturquoise\:45 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkturquoise\:50, html.dark .sf-c-darkturquoise\:50 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkturquoise\:55, html.dark .sf-c-darkturquoise\:55 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkturquoise\:60, html.dark .sf-c-darkturquoise\:60 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkturquoise\:65, html.dark .sf-c-darkturquoise\:65 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkturquoise\:70, html.dark .sf-c-darkturquoise\:70 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkturquoise\:75, html.dark .sf-c-darkturquoise\:75 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkturquoise\:80, html.dark .sf-c-darkturquoise\:80 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkturquoise\:85, html.dark .sf-c-darkturquoise\:85 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkturquoise\:90, html.dark .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkturquoise\:95, html.dark .sf-c-darkturquoise\:95 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkturquoise\:100, html.dark .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkturquoise\:st, html.dark .sf-c-darkturquoise\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 41%) } -html[data-theme='dark'] .sf-c-darkturquoise\:0\:st, html.dark .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkturquoise\:5\:st, html.dark .sf-c-darkturquoise\:5\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkturquoise\:10\:st, html.dark .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkturquoise\:15\:st, html.dark .sf-c-darkturquoise\:15\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkturquoise\:20\:st, html.dark .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkturquoise\:25\:st, html.dark .sf-c-darkturquoise\:25\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkturquoise\:30\:st, html.dark .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkturquoise\:35\:st, html.dark .sf-c-darkturquoise\:35\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkturquoise\:40\:st, html.dark .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkturquoise\:45\:st, html.dark .sf-c-darkturquoise\:45\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkturquoise\:50\:st, html.dark .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkturquoise\:55\:st, html.dark .sf-c-darkturquoise\:55\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkturquoise\:60\:st, html.dark .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkturquoise\:65\:st, html.dark .sf-c-darkturquoise\:65\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkturquoise\:70\:st, html.dark .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkturquoise\:75\:st, html.dark .sf-c-darkturquoise\:75\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkturquoise\:80\:st, html.dark .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkturquoise\:85\:st, html.dark .sf-c-darkturquoise\:85\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkturquoise\:90\:st, html.dark .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkturquoise\:95\:st, html.dark .sf-c-darkturquoise\:95\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkturquoise\:100\:st, html.dark .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:5, html.dark .sf-c-txt-darkturquoise\:5 { color: hsl(181, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:15, html.dark .sf-c-txt-darkturquoise\:15 { color: hsl(181, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:25, html.dark .sf-c-txt-darkturquoise\:25 { color: hsl(181, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:35, html.dark .sf-c-txt-darkturquoise\:35 { color: hsl(181, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:45, html.dark .sf-c-txt-darkturquoise\:45 { color: hsl(181, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:55, html.dark .sf-c-txt-darkturquoise\:55 { color: hsl(181, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:65, html.dark .sf-c-txt-darkturquoise\:65 { color: hsl(181, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:75, html.dark .sf-c-txt-darkturquoise\:75 { color: hsl(181, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:85, html.dark .sf-c-txt-darkturquoise\:85 { color: hsl(181, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:95, html.dark .sf-c-txt-darkturquoise\:95 { color: hsl(181, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkturquoise\:st, html.dark .sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:st, html.dark .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:5\:st, html.dark .sf-c-txt-darkturquoise\:5\:st { color: hsl(181, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:st, html.dark .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:15\:st, html.dark .sf-c-txt-darkturquoise\:15\:st { color: hsl(181, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:st, html.dark .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:25\:st, html.dark .sf-c-txt-darkturquoise\:25\:st { color: hsl(181, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:st, html.dark .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:35\:st, html.dark .sf-c-txt-darkturquoise\:35\:st { color: hsl(181, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:st, html.dark .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:45\:st, html.dark .sf-c-txt-darkturquoise\:45\:st { color: hsl(181, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:st, html.dark .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:55\:st, html.dark .sf-c-txt-darkturquoise\:55\:st { color: hsl(181, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:st, html.dark .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:65\:st, html.dark .sf-c-txt-darkturquoise\:65\:st { color: hsl(181, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:st, html.dark .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:75\:st, html.dark .sf-c-txt-darkturquoise\:75\:st { color: hsl(181, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:st, html.dark .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:85\:st, html.dark .sf-c-txt-darkturquoise\:85\:st { color: hsl(181, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:st, html.dark .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:95\:st, html.dark .sf-c-txt-darkturquoise\:95\:st { color: hsl(181, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:st, html.dark .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkturquoise, html.auto .sf-c-darkturquoise { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 59%) } - html[data-theme='auto'] .sf-c-darkturquoise\:0, html.auto .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkturquoise\:5, html.auto .sf-c-darkturquoise\:5 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkturquoise\:10, html.auto .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkturquoise\:15, html.auto .sf-c-darkturquoise\:15 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkturquoise\:20, html.auto .sf-c-darkturquoise\:20 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkturquoise\:25, html.auto .sf-c-darkturquoise\:25 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkturquoise\:30, html.auto .sf-c-darkturquoise\:30 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkturquoise\:35, html.auto .sf-c-darkturquoise\:35 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkturquoise\:40, html.auto .sf-c-darkturquoise\:40 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkturquoise\:45, html.auto .sf-c-darkturquoise\:45 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkturquoise\:50, html.auto .sf-c-darkturquoise\:50 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkturquoise\:55, html.auto .sf-c-darkturquoise\:55 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkturquoise\:60, html.auto .sf-c-darkturquoise\:60 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkturquoise\:65, html.auto .sf-c-darkturquoise\:65 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkturquoise\:70, html.auto .sf-c-darkturquoise\:70 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkturquoise\:75, html.auto .sf-c-darkturquoise\:75 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkturquoise\:80, html.auto .sf-c-darkturquoise\:80 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkturquoise\:85, html.auto .sf-c-darkturquoise\:85 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkturquoise\:90, html.auto .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkturquoise\:95, html.auto .sf-c-darkturquoise\:95 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkturquoise\:100, html.auto .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkturquoise\:st, html.auto .sf-c-darkturquoise\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 41%) } - html[data-theme='auto'] .sf-c-darkturquoise\:0\:st, html.auto .sf-c-darkturquoise\:0\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkturquoise\:5\:st, html.auto .sf-c-darkturquoise\:5\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkturquoise\:10\:st, html.auto .sf-c-darkturquoise\:10\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkturquoise\:15\:st, html.auto .sf-c-darkturquoise\:15\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkturquoise\:20\:st, html.auto .sf-c-darkturquoise\:20\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkturquoise\:25\:st, html.auto .sf-c-darkturquoise\:25\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkturquoise\:30\:st, html.auto .sf-c-darkturquoise\:30\:st { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkturquoise\:35\:st, html.auto .sf-c-darkturquoise\:35\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkturquoise\:40\:st, html.auto .sf-c-darkturquoise\:40\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkturquoise\:45\:st, html.auto .sf-c-darkturquoise\:45\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkturquoise\:50\:st, html.auto .sf-c-darkturquoise\:50\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkturquoise\:55\:st, html.auto .sf-c-darkturquoise\:55\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkturquoise\:60\:st, html.auto .sf-c-darkturquoise\:60\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkturquoise\:65\:st, html.auto .sf-c-darkturquoise\:65\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkturquoise\:70\:st, html.auto .sf-c-darkturquoise\:70\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkturquoise\:75\:st, html.auto .sf-c-darkturquoise\:75\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkturquoise\:80\:st, html.auto .sf-c-darkturquoise\:80\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkturquoise\:85\:st, html.auto .sf-c-darkturquoise\:85\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkturquoise\:90\:st, html.auto .sf-c-darkturquoise\:90\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkturquoise\:95\:st, html.auto .sf-c-darkturquoise\:95\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkturquoise\:100\:st, html.auto .sf-c-darkturquoise\:100\:st { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:5, html.auto .sf-c-txt-darkturquoise\:5 { color: hsl(181, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:15, html.auto .sf-c-txt-darkturquoise\:15 { color: hsl(181, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:25, html.auto .sf-c-txt-darkturquoise\:25 { color: hsl(181, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:35, html.auto .sf-c-txt-darkturquoise\:35 { color: hsl(181, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:45, html.auto .sf-c-txt-darkturquoise\:45 { color: hsl(181, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:55, html.auto .sf-c-txt-darkturquoise\:55 { color: hsl(181, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:65, html.auto .sf-c-txt-darkturquoise\:65 { color: hsl(181, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:75, html.auto .sf-c-txt-darkturquoise\:75 { color: hsl(181, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:85, html.auto .sf-c-txt-darkturquoise\:85 { color: hsl(181, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:95, html.auto .sf-c-txt-darkturquoise\:95 { color: hsl(181, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkturquoise\:st, html.auto .sf-c-txt-darkturquoise\:st { color: hsl(181, 100%, 41%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:st, html.auto .sf-c-txt-darkturquoise\:0\:st { color: hsl(181, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:5\:st, html.auto .sf-c-txt-darkturquoise\:5\:st { color: hsl(181, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:st, html.auto .sf-c-txt-darkturquoise\:10\:st { color: hsl(181, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:15\:st, html.auto .sf-c-txt-darkturquoise\:15\:st { color: hsl(181, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:st, html.auto .sf-c-txt-darkturquoise\:20\:st { color: hsl(181, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:25\:st, html.auto .sf-c-txt-darkturquoise\:25\:st { color: hsl(181, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:st, html.auto .sf-c-txt-darkturquoise\:30\:st { color: hsl(181, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:35\:st, html.auto .sf-c-txt-darkturquoise\:35\:st { color: hsl(181, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:st, html.auto .sf-c-txt-darkturquoise\:40\:st { color: hsl(181, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:45\:st, html.auto .sf-c-txt-darkturquoise\:45\:st { color: hsl(181, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:st, html.auto .sf-c-txt-darkturquoise\:50\:st { color: hsl(181, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:55\:st, html.auto .sf-c-txt-darkturquoise\:55\:st { color: hsl(181, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:st, html.auto .sf-c-txt-darkturquoise\:60\:st { color: hsl(181, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:65\:st, html.auto .sf-c-txt-darkturquoise\:65\:st { color: hsl(181, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:st, html.auto .sf-c-txt-darkturquoise\:70\:st { color: hsl(181, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:75\:st, html.auto .sf-c-txt-darkturquoise\:75\:st { color: hsl(181, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:st, html.auto .sf-c-txt-darkturquoise\:80\:st { color: hsl(181, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:85\:st, html.auto .sf-c-txt-darkturquoise\:85\:st { color: hsl(181, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:st, html.auto .sf-c-txt-darkturquoise\:90\:st { color: hsl(181, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:95\:st, html.auto .sf-c-txt-darkturquoise\:95\:st { color: hsl(181, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:st, html.auto .sf-c-txt-darkturquoise\:100\:st { color: hsl(181, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/darkviolet.css b/src/colors/20/darkviolet.css deleted file mode 100644 index 99a1022..0000000 --- a/src/colors/20/darkviolet.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-darkviolet { - --sf-c-darkviolet: 282 100% 41%; - --sf-c-darkviolet-0: 282 100% 0%; - --sf-c-darkviolet-5: 282 100% 5%; - --sf-c-darkviolet-10: 282 100% 10%; - --sf-c-darkviolet-15: 282 100% 15%; - --sf-c-darkviolet-20: 282 100% 20%; - --sf-c-darkviolet-25: 282 100% 25%; - --sf-c-darkviolet-30: 282 100% 30%; - --sf-c-darkviolet-35: 282 100% 35%; - --sf-c-darkviolet-40: 282 100% 40%; - --sf-c-darkviolet-45: 282 100% 45%; - --sf-c-darkviolet-50: 282 100% 50%; - --sf-c-darkviolet-55: 282 100% 55%; - --sf-c-darkviolet-60: 282 100% 60%; - --sf-c-darkviolet-65: 282 100% 65%; - --sf-c-darkviolet-70: 282 100% 70%; - --sf-c-darkviolet-75: 282 100% 75%; - --sf-c-darkviolet-80: 282 100% 80%; - --sf-c-darkviolet-85: 282 100% 85%; - --sf-c-darkviolet-90: 282 100% 90%; - --sf-c-darkviolet-95: 282 100% 95%; - --sf-c-darkviolet-100: 282 100% 100%; -} - -.sf-c-darkviolet, .sf-c-darkviolet\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 41%) } -.sf-c-darkviolet\:0, .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } -.sf-c-darkviolet\:5, .sf-c-darkviolet\:5\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } -.sf-c-darkviolet\:10, .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } -.sf-c-darkviolet\:15, .sf-c-darkviolet\:15\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 15%) } -.sf-c-darkviolet\:20, .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 20%) } -.sf-c-darkviolet\:25, .sf-c-darkviolet\:25\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 25%) } -.sf-c-darkviolet\:30, .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 30%) } -.sf-c-darkviolet\:35, .sf-c-darkviolet\:35\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 35%) } -.sf-c-darkviolet\:40, .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 40%) } -.sf-c-darkviolet\:45, .sf-c-darkviolet\:45\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 45%) } -.sf-c-darkviolet\:50, .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 50%) } -.sf-c-darkviolet\:55, .sf-c-darkviolet\:55\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 55%) } -.sf-c-darkviolet\:60, .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 60%) } -.sf-c-darkviolet\:65, .sf-c-darkviolet\:65\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 65%) } -.sf-c-darkviolet\:70, .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 70%) } -.sf-c-darkviolet\:75, .sf-c-darkviolet\:75\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 75%) } -.sf-c-darkviolet\:80, .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 80%) } -.sf-c-darkviolet\:85, .sf-c-darkviolet\:85\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 85%) } -.sf-c-darkviolet\:90, .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 90%) } -.sf-c-darkviolet\:95, .sf-c-darkviolet\:95\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } -.sf-c-darkviolet\:100, .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } - -.sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } -.sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } -.sf-c-txt-darkviolet\:0, .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } -.sf-c-txt-darkviolet\:5, .sf-c-txt-darkviolet\:5\:st { color: hsl(282, 100%, 5%) } -.sf-c-txt-darkviolet\:10, .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } -.sf-c-txt-darkviolet\:15, .sf-c-txt-darkviolet\:15\:st { color: hsl(282, 100%, 15%) } -.sf-c-txt-darkviolet\:20, .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } -.sf-c-txt-darkviolet\:25, .sf-c-txt-darkviolet\:25\:st { color: hsl(282, 100%, 25%) } -.sf-c-txt-darkviolet\:30, .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } -.sf-c-txt-darkviolet\:35, .sf-c-txt-darkviolet\:35\:st { color: hsl(282, 100%, 35%) } -.sf-c-txt-darkviolet\:40, .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } -.sf-c-txt-darkviolet\:45, .sf-c-txt-darkviolet\:45\:st { color: hsl(282, 100%, 45%) } -.sf-c-txt-darkviolet\:50, .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } -.sf-c-txt-darkviolet\:55, .sf-c-txt-darkviolet\:55\:st { color: hsl(282, 100%, 55%) } -.sf-c-txt-darkviolet\:60, .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } -.sf-c-txt-darkviolet\:65, .sf-c-txt-darkviolet\:65\:st { color: hsl(282, 100%, 65%) } -.sf-c-txt-darkviolet\:70, .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } -.sf-c-txt-darkviolet\:75, .sf-c-txt-darkviolet\:75\:st { color: hsl(282, 100%, 75%) } -.sf-c-txt-darkviolet\:80, .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } -.sf-c-txt-darkviolet\:85, .sf-c-txt-darkviolet\:85\:st { color: hsl(282, 100%, 85%) } -.sf-c-txt-darkviolet\:90, .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } -.sf-c-txt-darkviolet\:95, .sf-c-txt-darkviolet\:95\:st { color: hsl(282, 100%, 95%) } -.sf-c-txt-darkviolet\:100, .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } - -html[data-theme='dark'] .sf-c-darkviolet, html.dark .sf-c-darkviolet { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 59%) } -html[data-theme='dark'] .sf-c-darkviolet\:0, html.dark .sf-c-darkviolet\:0 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } -html[data-theme='dark'] .sf-c-darkviolet\:5, html.dark .sf-c-darkviolet\:5 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkviolet\:10, html.dark .sf-c-darkviolet\:10 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkviolet\:15, html.dark .sf-c-darkviolet\:15 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkviolet\:20, html.dark .sf-c-darkviolet\:20 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkviolet\:25, html.dark .sf-c-darkviolet\:25 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkviolet\:30, html.dark .sf-c-darkviolet\:30 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkviolet\:35, html.dark .sf-c-darkviolet\:35 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkviolet\:40, html.dark .sf-c-darkviolet\:40 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkviolet\:45, html.dark .sf-c-darkviolet\:45 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkviolet\:50, html.dark .sf-c-darkviolet\:50 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkviolet\:55, html.dark .sf-c-darkviolet\:55 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkviolet\:60, html.dark .sf-c-darkviolet\:60 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkviolet\:65, html.dark .sf-c-darkviolet\:65 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkviolet\:70, html.dark .sf-c-darkviolet\:70 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkviolet\:75, html.dark .sf-c-darkviolet\:75 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkviolet\:80, html.dark .sf-c-darkviolet\:80 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkviolet\:85, html.dark .sf-c-darkviolet\:85 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkviolet\:90, html.dark .sf-c-darkviolet\:90 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkviolet\:95, html.dark .sf-c-darkviolet\:95 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkviolet\:100, html.dark .sf-c-darkviolet\:100 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } - -html[data-theme='dark'] .sf-c-darkviolet\:st, html.dark .sf-c-darkviolet\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 41%) } -html[data-theme='dark'] .sf-c-darkviolet\:0\:st, html.dark .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } -html[data-theme='dark'] .sf-c-darkviolet\:5\:st, html.dark .sf-c-darkviolet\:5\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } -html[data-theme='dark'] .sf-c-darkviolet\:10\:st, html.dark .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-darkviolet\:15\:st, html.dark .sf-c-darkviolet\:15\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 15%) } -html[data-theme='dark'] .sf-c-darkviolet\:20\:st, html.dark .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-darkviolet\:25\:st, html.dark .sf-c-darkviolet\:25\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 25%) } -html[data-theme='dark'] .sf-c-darkviolet\:30\:st, html.dark .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-darkviolet\:35\:st, html.dark .sf-c-darkviolet\:35\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 35%) } -html[data-theme='dark'] .sf-c-darkviolet\:40\:st, html.dark .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-darkviolet\:45\:st, html.dark .sf-c-darkviolet\:45\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 45%) } -html[data-theme='dark'] .sf-c-darkviolet\:50\:st, html.dark .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-darkviolet\:55\:st, html.dark .sf-c-darkviolet\:55\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 55%) } -html[data-theme='dark'] .sf-c-darkviolet\:60\:st, html.dark .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-darkviolet\:65\:st, html.dark .sf-c-darkviolet\:65\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 65%) } -html[data-theme='dark'] .sf-c-darkviolet\:70\:st, html.dark .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-darkviolet\:75\:st, html.dark .sf-c-darkviolet\:75\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 75%) } -html[data-theme='dark'] .sf-c-darkviolet\:80\:st, html.dark .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-darkviolet\:85\:st, html.dark .sf-c-darkviolet\:85\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 85%) } -html[data-theme='dark'] .sf-c-darkviolet\:90\:st, html.dark .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-darkviolet\:95\:st, html.dark .sf-c-darkviolet\:95\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } -html[data-theme='dark'] .sf-c-darkviolet\:100\:st, html.dark .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:5, html.dark .sf-c-txt-darkviolet\:5 { color: hsl(282, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:15, html.dark .sf-c-txt-darkviolet\:15 { color: hsl(282, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:25, html.dark .sf-c-txt-darkviolet\:25 { color: hsl(282, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:35, html.dark .sf-c-txt-darkviolet\:35 { color: hsl(282, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:45, html.dark .sf-c-txt-darkviolet\:45 { color: hsl(282, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:55, html.dark .sf-c-txt-darkviolet\:55 { color: hsl(282, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:65, html.dark .sf-c-txt-darkviolet\:65 { color: hsl(282, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:75, html.dark .sf-c-txt-darkviolet\:75 { color: hsl(282, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:85, html.dark .sf-c-txt-darkviolet\:85 { color: hsl(282, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:95, html.dark .sf-c-txt-darkviolet\:95 { color: hsl(282, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-darkviolet\:st, html.dark .sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:0\:st, html.dark .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:5\:st, html.dark .sf-c-txt-darkviolet\:5\:st { color: hsl(282, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:10\:st, html.dark .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:15\:st, html.dark .sf-c-txt-darkviolet\:15\:st { color: hsl(282, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:20\:st, html.dark .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:25\:st, html.dark .sf-c-txt-darkviolet\:25\:st { color: hsl(282, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:30\:st, html.dark .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:35\:st, html.dark .sf-c-txt-darkviolet\:35\:st { color: hsl(282, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:40\:st, html.dark .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:45\:st, html.dark .sf-c-txt-darkviolet\:45\:st { color: hsl(282, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:50\:st, html.dark .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:55\:st, html.dark .sf-c-txt-darkviolet\:55\:st { color: hsl(282, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:60\:st, html.dark .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:65\:st, html.dark .sf-c-txt-darkviolet\:65\:st { color: hsl(282, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:70\:st, html.dark .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:75\:st, html.dark .sf-c-txt-darkviolet\:75\:st { color: hsl(282, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:80\:st, html.dark .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:85\:st, html.dark .sf-c-txt-darkviolet\:85\:st { color: hsl(282, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:90\:st, html.dark .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:95\:st, html.dark .sf-c-txt-darkviolet\:95\:st { color: hsl(282, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-darkviolet\:100\:st, html.dark .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-darkviolet, html.auto .sf-c-darkviolet { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 59%) } - html[data-theme='auto'] .sf-c-darkviolet\:0, html.auto .sf-c-darkviolet\:0 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } - html[data-theme='auto'] .sf-c-darkviolet\:5, html.auto .sf-c-darkviolet\:5 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkviolet\:10, html.auto .sf-c-darkviolet\:10 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkviolet\:15, html.auto .sf-c-darkviolet\:15 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkviolet\:20, html.auto .sf-c-darkviolet\:20 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkviolet\:25, html.auto .sf-c-darkviolet\:25 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkviolet\:30, html.auto .sf-c-darkviolet\:30 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkviolet\:35, html.auto .sf-c-darkviolet\:35 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkviolet\:40, html.auto .sf-c-darkviolet\:40 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkviolet\:45, html.auto .sf-c-darkviolet\:45 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkviolet\:50, html.auto .sf-c-darkviolet\:50 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkviolet\:55, html.auto .sf-c-darkviolet\:55 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkviolet\:60, html.auto .sf-c-darkviolet\:60 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkviolet\:65, html.auto .sf-c-darkviolet\:65 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkviolet\:70, html.auto .sf-c-darkviolet\:70 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkviolet\:75, html.auto .sf-c-darkviolet\:75 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkviolet\:80, html.auto .sf-c-darkviolet\:80 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkviolet\:85, html.auto .sf-c-darkviolet\:85 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkviolet\:90, html.auto .sf-c-darkviolet\:90 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkviolet\:95, html.auto .sf-c-darkviolet\:95 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkviolet\:100, html.auto .sf-c-darkviolet\:100 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } - - html[data-theme='auto'] .sf-c-darkviolet\:st, html.auto .sf-c-darkviolet\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 41%) } - html[data-theme='auto'] .sf-c-darkviolet\:0\:st, html.auto .sf-c-darkviolet\:0\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } - html[data-theme='auto'] .sf-c-darkviolet\:5\:st, html.auto .sf-c-darkviolet\:5\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } - html[data-theme='auto'] .sf-c-darkviolet\:10\:st, html.auto .sf-c-darkviolet\:10\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-darkviolet\:15\:st, html.auto .sf-c-darkviolet\:15\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 15%) } - html[data-theme='auto'] .sf-c-darkviolet\:20\:st, html.auto .sf-c-darkviolet\:20\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-darkviolet\:25\:st, html.auto .sf-c-darkviolet\:25\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 25%) } - html[data-theme='auto'] .sf-c-darkviolet\:30\:st, html.auto .sf-c-darkviolet\:30\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-darkviolet\:35\:st, html.auto .sf-c-darkviolet\:35\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 35%) } - html[data-theme='auto'] .sf-c-darkviolet\:40\:st, html.auto .sf-c-darkviolet\:40\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-darkviolet\:45\:st, html.auto .sf-c-darkviolet\:45\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 45%) } - html[data-theme='auto'] .sf-c-darkviolet\:50\:st, html.auto .sf-c-darkviolet\:50\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-darkviolet\:55\:st, html.auto .sf-c-darkviolet\:55\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 55%) } - html[data-theme='auto'] .sf-c-darkviolet\:60\:st, html.auto .sf-c-darkviolet\:60\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-darkviolet\:65\:st, html.auto .sf-c-darkviolet\:65\:st { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 65%) } - html[data-theme='auto'] .sf-c-darkviolet\:70\:st, html.auto .sf-c-darkviolet\:70\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-darkviolet\:75\:st, html.auto .sf-c-darkviolet\:75\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 75%) } - html[data-theme='auto'] .sf-c-darkviolet\:80\:st, html.auto .sf-c-darkviolet\:80\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-darkviolet\:85\:st, html.auto .sf-c-darkviolet\:85\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 85%) } - html[data-theme='auto'] .sf-c-darkviolet\:90\:st, html.auto .sf-c-darkviolet\:90\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-darkviolet\:95\:st, html.auto .sf-c-darkviolet\:95\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } - html[data-theme='auto'] .sf-c-darkviolet\:100\:st, html.auto .sf-c-darkviolet\:100\:st { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:5, html.auto .sf-c-txt-darkviolet\:5 { color: hsl(282, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:15, html.auto .sf-c-txt-darkviolet\:15 { color: hsl(282, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:25, html.auto .sf-c-txt-darkviolet\:25 { color: hsl(282, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:35, html.auto .sf-c-txt-darkviolet\:35 { color: hsl(282, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:45, html.auto .sf-c-txt-darkviolet\:45 { color: hsl(282, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:55, html.auto .sf-c-txt-darkviolet\:55 { color: hsl(282, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:65, html.auto .sf-c-txt-darkviolet\:65 { color: hsl(282, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:75, html.auto .sf-c-txt-darkviolet\:75 { color: hsl(282, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:85, html.auto .sf-c-txt-darkviolet\:85 { color: hsl(282, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:95, html.auto .sf-c-txt-darkviolet\:95 { color: hsl(282, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-darkviolet\:st, html.auto .sf-c-txt-darkviolet\:st { color: hsl(282, 100%, 41%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:0\:st, html.auto .sf-c-txt-darkviolet\:0\:st { color: hsl(282, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:5\:st, html.auto .sf-c-txt-darkviolet\:5\:st { color: hsl(282, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:10\:st, html.auto .sf-c-txt-darkviolet\:10\:st { color: hsl(282, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:15\:st, html.auto .sf-c-txt-darkviolet\:15\:st { color: hsl(282, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:20\:st, html.auto .sf-c-txt-darkviolet\:20\:st { color: hsl(282, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:25\:st, html.auto .sf-c-txt-darkviolet\:25\:st { color: hsl(282, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:30\:st, html.auto .sf-c-txt-darkviolet\:30\:st { color: hsl(282, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:35\:st, html.auto .sf-c-txt-darkviolet\:35\:st { color: hsl(282, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:40\:st, html.auto .sf-c-txt-darkviolet\:40\:st { color: hsl(282, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:45\:st, html.auto .sf-c-txt-darkviolet\:45\:st { color: hsl(282, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:50\:st, html.auto .sf-c-txt-darkviolet\:50\:st { color: hsl(282, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:55\:st, html.auto .sf-c-txt-darkviolet\:55\:st { color: hsl(282, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:60\:st, html.auto .sf-c-txt-darkviolet\:60\:st { color: hsl(282, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:65\:st, html.auto .sf-c-txt-darkviolet\:65\:st { color: hsl(282, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:70\:st, html.auto .sf-c-txt-darkviolet\:70\:st { color: hsl(282, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:75\:st, html.auto .sf-c-txt-darkviolet\:75\:st { color: hsl(282, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:80\:st, html.auto .sf-c-txt-darkviolet\:80\:st { color: hsl(282, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:85\:st, html.auto .sf-c-txt-darkviolet\:85\:st { color: hsl(282, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:90\:st, html.auto .sf-c-txt-darkviolet\:90\:st { color: hsl(282, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:95\:st, html.auto .sf-c-txt-darkviolet\:95\:st { color: hsl(282, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-darkviolet\:100\:st, html.auto .sf-c-txt-darkviolet\:100\:st { color: hsl(282, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/deeppink.css b/src/colors/20/deeppink.css deleted file mode 100644 index 1a7821c..0000000 --- a/src/colors/20/deeppink.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-deeppink { - --sf-c-deeppink: 328 100% 54%; - --sf-c-deeppink-0: 328 100% 0%; - --sf-c-deeppink-5: 328 100% 5%; - --sf-c-deeppink-10: 328 100% 10%; - --sf-c-deeppink-15: 328 100% 15%; - --sf-c-deeppink-20: 328 100% 20%; - --sf-c-deeppink-25: 328 100% 25%; - --sf-c-deeppink-30: 328 100% 30%; - --sf-c-deeppink-35: 328 100% 35%; - --sf-c-deeppink-40: 328 100% 40%; - --sf-c-deeppink-45: 328 100% 45%; - --sf-c-deeppink-50: 328 100% 50%; - --sf-c-deeppink-55: 328 100% 55%; - --sf-c-deeppink-60: 328 100% 60%; - --sf-c-deeppink-65: 328 100% 65%; - --sf-c-deeppink-70: 328 100% 70%; - --sf-c-deeppink-75: 328 100% 75%; - --sf-c-deeppink-80: 328 100% 80%; - --sf-c-deeppink-85: 328 100% 85%; - --sf-c-deeppink-90: 328 100% 90%; - --sf-c-deeppink-95: 328 100% 95%; - --sf-c-deeppink-100: 328 100% 100%; -} - -.sf-c-deeppink, .sf-c-deeppink\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 54%) } -.sf-c-deeppink\:0, .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } -.sf-c-deeppink\:5, .sf-c-deeppink\:5\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } -.sf-c-deeppink\:10, .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } -.sf-c-deeppink\:15, .sf-c-deeppink\:15\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 15%) } -.sf-c-deeppink\:20, .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 20%) } -.sf-c-deeppink\:25, .sf-c-deeppink\:25\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 25%) } -.sf-c-deeppink\:30, .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 30%) } -.sf-c-deeppink\:35, .sf-c-deeppink\:35\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 35%) } -.sf-c-deeppink\:40, .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 40%) } -.sf-c-deeppink\:45, .sf-c-deeppink\:45\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 45%) } -.sf-c-deeppink\:50, .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 50%) } -.sf-c-deeppink\:55, .sf-c-deeppink\:55\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 55%) } -.sf-c-deeppink\:60, .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 60%) } -.sf-c-deeppink\:65, .sf-c-deeppink\:65\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 65%) } -.sf-c-deeppink\:70, .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 70%) } -.sf-c-deeppink\:75, .sf-c-deeppink\:75\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 75%) } -.sf-c-deeppink\:80, .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 80%) } -.sf-c-deeppink\:85, .sf-c-deeppink\:85\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 85%) } -.sf-c-deeppink\:90, .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 90%) } -.sf-c-deeppink\:95, .sf-c-deeppink\:95\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } -.sf-c-deeppink\:100, .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } - -.sf-c-txt-deeppink { color: hsl(328, 100%, 10%) } -.sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } -.sf-c-txt-deeppink\:0, .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } -.sf-c-txt-deeppink\:5, .sf-c-txt-deeppink\:5\:st { color: hsl(328, 100%, 5%) } -.sf-c-txt-deeppink\:10, .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } -.sf-c-txt-deeppink\:15, .sf-c-txt-deeppink\:15\:st { color: hsl(328, 100%, 15%) } -.sf-c-txt-deeppink\:20, .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } -.sf-c-txt-deeppink\:25, .sf-c-txt-deeppink\:25\:st { color: hsl(328, 100%, 25%) } -.sf-c-txt-deeppink\:30, .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } -.sf-c-txt-deeppink\:35, .sf-c-txt-deeppink\:35\:st { color: hsl(328, 100%, 35%) } -.sf-c-txt-deeppink\:40, .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } -.sf-c-txt-deeppink\:45, .sf-c-txt-deeppink\:45\:st { color: hsl(328, 100%, 45%) } -.sf-c-txt-deeppink\:50, .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } -.sf-c-txt-deeppink\:55, .sf-c-txt-deeppink\:55\:st { color: hsl(328, 100%, 55%) } -.sf-c-txt-deeppink\:60, .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } -.sf-c-txt-deeppink\:65, .sf-c-txt-deeppink\:65\:st { color: hsl(328, 100%, 65%) } -.sf-c-txt-deeppink\:70, .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } -.sf-c-txt-deeppink\:75, .sf-c-txt-deeppink\:75\:st { color: hsl(328, 100%, 75%) } -.sf-c-txt-deeppink\:80, .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } -.sf-c-txt-deeppink\:85, .sf-c-txt-deeppink\:85\:st { color: hsl(328, 100%, 85%) } -.sf-c-txt-deeppink\:90, .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } -.sf-c-txt-deeppink\:95, .sf-c-txt-deeppink\:95\:st { color: hsl(328, 100%, 95%) } -.sf-c-txt-deeppink\:100, .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } - -html[data-theme='dark'] .sf-c-deeppink, html.dark .sf-c-deeppink { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 46%) } -html[data-theme='dark'] .sf-c-deeppink\:0, html.dark .sf-c-deeppink\:0 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } -html[data-theme='dark'] .sf-c-deeppink\:5, html.dark .sf-c-deeppink\:5 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } -html[data-theme='dark'] .sf-c-deeppink\:10, html.dark .sf-c-deeppink\:10 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-deeppink\:15, html.dark .sf-c-deeppink\:15 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 85%) } -html[data-theme='dark'] .sf-c-deeppink\:20, html.dark .sf-c-deeppink\:20 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-deeppink\:25, html.dark .sf-c-deeppink\:25 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 75%) } -html[data-theme='dark'] .sf-c-deeppink\:30, html.dark .sf-c-deeppink\:30 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-deeppink\:35, html.dark .sf-c-deeppink\:35 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 65%) } -html[data-theme='dark'] .sf-c-deeppink\:40, html.dark .sf-c-deeppink\:40 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-deeppink\:45, html.dark .sf-c-deeppink\:45 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 55%) } -html[data-theme='dark'] .sf-c-deeppink\:50, html.dark .sf-c-deeppink\:50 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-deeppink\:55, html.dark .sf-c-deeppink\:55 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 45%) } -html[data-theme='dark'] .sf-c-deeppink\:60, html.dark .sf-c-deeppink\:60 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-deeppink\:65, html.dark .sf-c-deeppink\:65 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 35%) } -html[data-theme='dark'] .sf-c-deeppink\:70, html.dark .sf-c-deeppink\:70 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-deeppink\:75, html.dark .sf-c-deeppink\:75 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 25%) } -html[data-theme='dark'] .sf-c-deeppink\:80, html.dark .sf-c-deeppink\:80 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-deeppink\:85, html.dark .sf-c-deeppink\:85 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 15%) } -html[data-theme='dark'] .sf-c-deeppink\:90, html.dark .sf-c-deeppink\:90 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-deeppink\:95, html.dark .sf-c-deeppink\:95 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } -html[data-theme='dark'] .sf-c-deeppink\:100, html.dark .sf-c-deeppink\:100 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } - -html[data-theme='dark'] .sf-c-deeppink\:st, html.dark .sf-c-deeppink\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-deeppink\:0\:st, html.dark .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } -html[data-theme='dark'] .sf-c-deeppink\:5\:st, html.dark .sf-c-deeppink\:5\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } -html[data-theme='dark'] .sf-c-deeppink\:10\:st, html.dark .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-deeppink\:15\:st, html.dark .sf-c-deeppink\:15\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 15%) } -html[data-theme='dark'] .sf-c-deeppink\:20\:st, html.dark .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-deeppink\:25\:st, html.dark .sf-c-deeppink\:25\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 25%) } -html[data-theme='dark'] .sf-c-deeppink\:30\:st, html.dark .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-deeppink\:35\:st, html.dark .sf-c-deeppink\:35\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 35%) } -html[data-theme='dark'] .sf-c-deeppink\:40\:st, html.dark .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-deeppink\:45\:st, html.dark .sf-c-deeppink\:45\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 45%) } -html[data-theme='dark'] .sf-c-deeppink\:50\:st, html.dark .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-deeppink\:55\:st, html.dark .sf-c-deeppink\:55\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 55%) } -html[data-theme='dark'] .sf-c-deeppink\:60\:st, html.dark .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-deeppink\:65\:st, html.dark .sf-c-deeppink\:65\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 65%) } -html[data-theme='dark'] .sf-c-deeppink\:70\:st, html.dark .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-deeppink\:75\:st, html.dark .sf-c-deeppink\:75\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 75%) } -html[data-theme='dark'] .sf-c-deeppink\:80\:st, html.dark .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-deeppink\:85\:st, html.dark .sf-c-deeppink\:85\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 85%) } -html[data-theme='dark'] .sf-c-deeppink\:90\:st, html.dark .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-deeppink\:95\:st, html.dark .sf-c-deeppink\:95\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } -html[data-theme='dark'] .sf-c-deeppink\:100\:st, html.dark .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:5, html.dark .sf-c-txt-deeppink\:5 { color: hsl(328, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:15, html.dark .sf-c-txt-deeppink\:15 { color: hsl(328, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:25, html.dark .sf-c-txt-deeppink\:25 { color: hsl(328, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:35, html.dark .sf-c-txt-deeppink\:35 { color: hsl(328, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:45, html.dark .sf-c-txt-deeppink\:45 { color: hsl(328, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:55, html.dark .sf-c-txt-deeppink\:55 { color: hsl(328, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:65, html.dark .sf-c-txt-deeppink\:65 { color: hsl(328, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:75, html.dark .sf-c-txt-deeppink\:75 { color: hsl(328, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:85, html.dark .sf-c-txt-deeppink\:85 { color: hsl(328, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:95, html.dark .sf-c-txt-deeppink\:95 { color: hsl(328, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-deeppink\:st, html.dark .sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:0\:st, html.dark .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:5\:st, html.dark .sf-c-txt-deeppink\:5\:st { color: hsl(328, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:10\:st, html.dark .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:15\:st, html.dark .sf-c-txt-deeppink\:15\:st { color: hsl(328, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:20\:st, html.dark .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:25\:st, html.dark .sf-c-txt-deeppink\:25\:st { color: hsl(328, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:30\:st, html.dark .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:35\:st, html.dark .sf-c-txt-deeppink\:35\:st { color: hsl(328, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:40\:st, html.dark .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:45\:st, html.dark .sf-c-txt-deeppink\:45\:st { color: hsl(328, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:50\:st, html.dark .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:55\:st, html.dark .sf-c-txt-deeppink\:55\:st { color: hsl(328, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:60\:st, html.dark .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:65\:st, html.dark .sf-c-txt-deeppink\:65\:st { color: hsl(328, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:70\:st, html.dark .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:75\:st, html.dark .sf-c-txt-deeppink\:75\:st { color: hsl(328, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:80\:st, html.dark .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:85\:st, html.dark .sf-c-txt-deeppink\:85\:st { color: hsl(328, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:90\:st, html.dark .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:95\:st, html.dark .sf-c-txt-deeppink\:95\:st { color: hsl(328, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-deeppink\:100\:st, html.dark .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-deeppink, html.auto .sf-c-deeppink { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 46%) } - html[data-theme='auto'] .sf-c-deeppink\:0, html.auto .sf-c-deeppink\:0 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } - html[data-theme='auto'] .sf-c-deeppink\:5, html.auto .sf-c-deeppink\:5 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } - html[data-theme='auto'] .sf-c-deeppink\:10, html.auto .sf-c-deeppink\:10 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-deeppink\:15, html.auto .sf-c-deeppink\:15 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 85%) } - html[data-theme='auto'] .sf-c-deeppink\:20, html.auto .sf-c-deeppink\:20 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-deeppink\:25, html.auto .sf-c-deeppink\:25 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 75%) } - html[data-theme='auto'] .sf-c-deeppink\:30, html.auto .sf-c-deeppink\:30 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-deeppink\:35, html.auto .sf-c-deeppink\:35 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 65%) } - html[data-theme='auto'] .sf-c-deeppink\:40, html.auto .sf-c-deeppink\:40 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-deeppink\:45, html.auto .sf-c-deeppink\:45 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 55%) } - html[data-theme='auto'] .sf-c-deeppink\:50, html.auto .sf-c-deeppink\:50 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-deeppink\:55, html.auto .sf-c-deeppink\:55 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 45%) } - html[data-theme='auto'] .sf-c-deeppink\:60, html.auto .sf-c-deeppink\:60 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-deeppink\:65, html.auto .sf-c-deeppink\:65 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 35%) } - html[data-theme='auto'] .sf-c-deeppink\:70, html.auto .sf-c-deeppink\:70 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-deeppink\:75, html.auto .sf-c-deeppink\:75 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 25%) } - html[data-theme='auto'] .sf-c-deeppink\:80, html.auto .sf-c-deeppink\:80 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-deeppink\:85, html.auto .sf-c-deeppink\:85 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 15%) } - html[data-theme='auto'] .sf-c-deeppink\:90, html.auto .sf-c-deeppink\:90 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-deeppink\:95, html.auto .sf-c-deeppink\:95 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } - html[data-theme='auto'] .sf-c-deeppink\:100, html.auto .sf-c-deeppink\:100 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } - - html[data-theme='auto'] .sf-c-deeppink\:st, html.auto .sf-c-deeppink\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-deeppink\:0\:st, html.auto .sf-c-deeppink\:0\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } - html[data-theme='auto'] .sf-c-deeppink\:5\:st, html.auto .sf-c-deeppink\:5\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } - html[data-theme='auto'] .sf-c-deeppink\:10\:st, html.auto .sf-c-deeppink\:10\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-deeppink\:15\:st, html.auto .sf-c-deeppink\:15\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 15%) } - html[data-theme='auto'] .sf-c-deeppink\:20\:st, html.auto .sf-c-deeppink\:20\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-deeppink\:25\:st, html.auto .sf-c-deeppink\:25\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 25%) } - html[data-theme='auto'] .sf-c-deeppink\:30\:st, html.auto .sf-c-deeppink\:30\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-deeppink\:35\:st, html.auto .sf-c-deeppink\:35\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 35%) } - html[data-theme='auto'] .sf-c-deeppink\:40\:st, html.auto .sf-c-deeppink\:40\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-deeppink\:45\:st, html.auto .sf-c-deeppink\:45\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 45%) } - html[data-theme='auto'] .sf-c-deeppink\:50\:st, html.auto .sf-c-deeppink\:50\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-deeppink\:55\:st, html.auto .sf-c-deeppink\:55\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 55%) } - html[data-theme='auto'] .sf-c-deeppink\:60\:st, html.auto .sf-c-deeppink\:60\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-deeppink\:65\:st, html.auto .sf-c-deeppink\:65\:st { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 65%) } - html[data-theme='auto'] .sf-c-deeppink\:70\:st, html.auto .sf-c-deeppink\:70\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-deeppink\:75\:st, html.auto .sf-c-deeppink\:75\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 75%) } - html[data-theme='auto'] .sf-c-deeppink\:80\:st, html.auto .sf-c-deeppink\:80\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-deeppink\:85\:st, html.auto .sf-c-deeppink\:85\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 85%) } - html[data-theme='auto'] .sf-c-deeppink\:90\:st, html.auto .sf-c-deeppink\:90\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-deeppink\:95\:st, html.auto .sf-c-deeppink\:95\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } - html[data-theme='auto'] .sf-c-deeppink\:100\:st, html.auto .sf-c-deeppink\:100\:st { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:5, html.auto .sf-c-txt-deeppink\:5 { color: hsl(328, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:15, html.auto .sf-c-txt-deeppink\:15 { color: hsl(328, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:25, html.auto .sf-c-txt-deeppink\:25 { color: hsl(328, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:35, html.auto .sf-c-txt-deeppink\:35 { color: hsl(328, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:45, html.auto .sf-c-txt-deeppink\:45 { color: hsl(328, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:55, html.auto .sf-c-txt-deeppink\:55 { color: hsl(328, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:65, html.auto .sf-c-txt-deeppink\:65 { color: hsl(328, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:75, html.auto .sf-c-txt-deeppink\:75 { color: hsl(328, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:85, html.auto .sf-c-txt-deeppink\:85 { color: hsl(328, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:95, html.auto .sf-c-txt-deeppink\:95 { color: hsl(328, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-deeppink\:st, html.auto .sf-c-txt-deeppink\:st { color: hsl(328, 100%, 54%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:0\:st, html.auto .sf-c-txt-deeppink\:0\:st { color: hsl(328, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:5\:st, html.auto .sf-c-txt-deeppink\:5\:st { color: hsl(328, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:10\:st, html.auto .sf-c-txt-deeppink\:10\:st { color: hsl(328, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:15\:st, html.auto .sf-c-txt-deeppink\:15\:st { color: hsl(328, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:20\:st, html.auto .sf-c-txt-deeppink\:20\:st { color: hsl(328, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:25\:st, html.auto .sf-c-txt-deeppink\:25\:st { color: hsl(328, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:30\:st, html.auto .sf-c-txt-deeppink\:30\:st { color: hsl(328, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:35\:st, html.auto .sf-c-txt-deeppink\:35\:st { color: hsl(328, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:40\:st, html.auto .sf-c-txt-deeppink\:40\:st { color: hsl(328, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:45\:st, html.auto .sf-c-txt-deeppink\:45\:st { color: hsl(328, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:50\:st, html.auto .sf-c-txt-deeppink\:50\:st { color: hsl(328, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:55\:st, html.auto .sf-c-txt-deeppink\:55\:st { color: hsl(328, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:60\:st, html.auto .sf-c-txt-deeppink\:60\:st { color: hsl(328, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:65\:st, html.auto .sf-c-txt-deeppink\:65\:st { color: hsl(328, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:70\:st, html.auto .sf-c-txt-deeppink\:70\:st { color: hsl(328, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:75\:st, html.auto .sf-c-txt-deeppink\:75\:st { color: hsl(328, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:80\:st, html.auto .sf-c-txt-deeppink\:80\:st { color: hsl(328, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:85\:st, html.auto .sf-c-txt-deeppink\:85\:st { color: hsl(328, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:90\:st, html.auto .sf-c-txt-deeppink\:90\:st { color: hsl(328, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:95\:st, html.auto .sf-c-txt-deeppink\:95\:st { color: hsl(328, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-deeppink\:100\:st, html.auto .sf-c-txt-deeppink\:100\:st { color: hsl(328, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/deepskyblue.css b/src/colors/20/deepskyblue.css deleted file mode 100644 index 012feee..0000000 --- a/src/colors/20/deepskyblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-deepskyblue { - --sf-c-deepskyblue: 195 100% 50%; - --sf-c-deepskyblue-0: 195 100% 0%; - --sf-c-deepskyblue-5: 195 100% 5%; - --sf-c-deepskyblue-10: 195 100% 10%; - --sf-c-deepskyblue-15: 195 100% 15%; - --sf-c-deepskyblue-20: 195 100% 20%; - --sf-c-deepskyblue-25: 195 100% 25%; - --sf-c-deepskyblue-30: 195 100% 30%; - --sf-c-deepskyblue-35: 195 100% 35%; - --sf-c-deepskyblue-40: 195 100% 40%; - --sf-c-deepskyblue-45: 195 100% 45%; - --sf-c-deepskyblue-50: 195 100% 50%; - --sf-c-deepskyblue-55: 195 100% 55%; - --sf-c-deepskyblue-60: 195 100% 60%; - --sf-c-deepskyblue-65: 195 100% 65%; - --sf-c-deepskyblue-70: 195 100% 70%; - --sf-c-deepskyblue-75: 195 100% 75%; - --sf-c-deepskyblue-80: 195 100% 80%; - --sf-c-deepskyblue-85: 195 100% 85%; - --sf-c-deepskyblue-90: 195 100% 90%; - --sf-c-deepskyblue-95: 195 100% 95%; - --sf-c-deepskyblue-100: 195 100% 100%; -} - -.sf-c-deepskyblue, .sf-c-deepskyblue\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -.sf-c-deepskyblue\:0, .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } -.sf-c-deepskyblue\:5, .sf-c-deepskyblue\:5\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } -.sf-c-deepskyblue\:10, .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } -.sf-c-deepskyblue\:15, .sf-c-deepskyblue\:15\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 15%) } -.sf-c-deepskyblue\:20, .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 20%) } -.sf-c-deepskyblue\:25, .sf-c-deepskyblue\:25\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 25%) } -.sf-c-deepskyblue\:30, .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 30%) } -.sf-c-deepskyblue\:35, .sf-c-deepskyblue\:35\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 35%) } -.sf-c-deepskyblue\:40, .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 40%) } -.sf-c-deepskyblue\:45, .sf-c-deepskyblue\:45\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 45%) } -.sf-c-deepskyblue\:50, .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -.sf-c-deepskyblue\:55, .sf-c-deepskyblue\:55\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 55%) } -.sf-c-deepskyblue\:60, .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 60%) } -.sf-c-deepskyblue\:65, .sf-c-deepskyblue\:65\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 65%) } -.sf-c-deepskyblue\:70, .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 70%) } -.sf-c-deepskyblue\:75, .sf-c-deepskyblue\:75\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 75%) } -.sf-c-deepskyblue\:80, .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 80%) } -.sf-c-deepskyblue\:85, .sf-c-deepskyblue\:85\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 85%) } -.sf-c-deepskyblue\:90, .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 90%) } -.sf-c-deepskyblue\:95, .sf-c-deepskyblue\:95\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } -.sf-c-deepskyblue\:100, .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } - -.sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:0, .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } -.sf-c-txt-deepskyblue\:5, .sf-c-txt-deepskyblue\:5\:st { color: hsl(195, 100%, 5%) } -.sf-c-txt-deepskyblue\:10, .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } -.sf-c-txt-deepskyblue\:15, .sf-c-txt-deepskyblue\:15\:st { color: hsl(195, 100%, 15%) } -.sf-c-txt-deepskyblue\:20, .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } -.sf-c-txt-deepskyblue\:25, .sf-c-txt-deepskyblue\:25\:st { color: hsl(195, 100%, 25%) } -.sf-c-txt-deepskyblue\:30, .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } -.sf-c-txt-deepskyblue\:35, .sf-c-txt-deepskyblue\:35\:st { color: hsl(195, 100%, 35%) } -.sf-c-txt-deepskyblue\:40, .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } -.sf-c-txt-deepskyblue\:45, .sf-c-txt-deepskyblue\:45\:st { color: hsl(195, 100%, 45%) } -.sf-c-txt-deepskyblue\:50, .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } -.sf-c-txt-deepskyblue\:55, .sf-c-txt-deepskyblue\:55\:st { color: hsl(195, 100%, 55%) } -.sf-c-txt-deepskyblue\:60, .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } -.sf-c-txt-deepskyblue\:65, .sf-c-txt-deepskyblue\:65\:st { color: hsl(195, 100%, 65%) } -.sf-c-txt-deepskyblue\:70, .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } -.sf-c-txt-deepskyblue\:75, .sf-c-txt-deepskyblue\:75\:st { color: hsl(195, 100%, 75%) } -.sf-c-txt-deepskyblue\:80, .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } -.sf-c-txt-deepskyblue\:85, .sf-c-txt-deepskyblue\:85\:st { color: hsl(195, 100%, 85%) } -.sf-c-txt-deepskyblue\:90, .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } -.sf-c-txt-deepskyblue\:95, .sf-c-txt-deepskyblue\:95\:st { color: hsl(195, 100%, 95%) } -.sf-c-txt-deepskyblue\:100, .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } - -html[data-theme='dark'] .sf-c-deepskyblue, html.dark .sf-c-deepskyblue { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:0, html.dark .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } -html[data-theme='dark'] .sf-c-deepskyblue\:5, html.dark .sf-c-deepskyblue\:5 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } -html[data-theme='dark'] .sf-c-deepskyblue\:10, html.dark .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-deepskyblue\:15, html.dark .sf-c-deepskyblue\:15 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 85%) } -html[data-theme='dark'] .sf-c-deepskyblue\:20, html.dark .sf-c-deepskyblue\:20 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-deepskyblue\:25, html.dark .sf-c-deepskyblue\:25 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 75%) } -html[data-theme='dark'] .sf-c-deepskyblue\:30, html.dark .sf-c-deepskyblue\:30 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-deepskyblue\:35, html.dark .sf-c-deepskyblue\:35 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 65%) } -html[data-theme='dark'] .sf-c-deepskyblue\:40, html.dark .sf-c-deepskyblue\:40 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-deepskyblue\:45, html.dark .sf-c-deepskyblue\:45 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 55%) } -html[data-theme='dark'] .sf-c-deepskyblue\:50, html.dark .sf-c-deepskyblue\:50 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:55, html.dark .sf-c-deepskyblue\:55 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 45%) } -html[data-theme='dark'] .sf-c-deepskyblue\:60, html.dark .sf-c-deepskyblue\:60 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-deepskyblue\:65, html.dark .sf-c-deepskyblue\:65 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 35%) } -html[data-theme='dark'] .sf-c-deepskyblue\:70, html.dark .sf-c-deepskyblue\:70 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-deepskyblue\:75, html.dark .sf-c-deepskyblue\:75 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 25%) } -html[data-theme='dark'] .sf-c-deepskyblue\:80, html.dark .sf-c-deepskyblue\:80 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-deepskyblue\:85, html.dark .sf-c-deepskyblue\:85 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 15%) } -html[data-theme='dark'] .sf-c-deepskyblue\:90, html.dark .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-deepskyblue\:95, html.dark .sf-c-deepskyblue\:95 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } -html[data-theme='dark'] .sf-c-deepskyblue\:100, html.dark .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } - -html[data-theme='dark'] .sf-c-deepskyblue\:st, html.dark .sf-c-deepskyblue\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:0\:st, html.dark .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } -html[data-theme='dark'] .sf-c-deepskyblue\:5\:st, html.dark .sf-c-deepskyblue\:5\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } -html[data-theme='dark'] .sf-c-deepskyblue\:10\:st, html.dark .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-deepskyblue\:15\:st, html.dark .sf-c-deepskyblue\:15\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 15%) } -html[data-theme='dark'] .sf-c-deepskyblue\:20\:st, html.dark .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-deepskyblue\:25\:st, html.dark .sf-c-deepskyblue\:25\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 25%) } -html[data-theme='dark'] .sf-c-deepskyblue\:30\:st, html.dark .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-deepskyblue\:35\:st, html.dark .sf-c-deepskyblue\:35\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 35%) } -html[data-theme='dark'] .sf-c-deepskyblue\:40\:st, html.dark .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-deepskyblue\:45\:st, html.dark .sf-c-deepskyblue\:45\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 45%) } -html[data-theme='dark'] .sf-c-deepskyblue\:50\:st, html.dark .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-deepskyblue\:55\:st, html.dark .sf-c-deepskyblue\:55\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 55%) } -html[data-theme='dark'] .sf-c-deepskyblue\:60\:st, html.dark .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-deepskyblue\:65\:st, html.dark .sf-c-deepskyblue\:65\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 65%) } -html[data-theme='dark'] .sf-c-deepskyblue\:70\:st, html.dark .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-deepskyblue\:75\:st, html.dark .sf-c-deepskyblue\:75\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 75%) } -html[data-theme='dark'] .sf-c-deepskyblue\:80\:st, html.dark .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-deepskyblue\:85\:st, html.dark .sf-c-deepskyblue\:85\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 85%) } -html[data-theme='dark'] .sf-c-deepskyblue\:90\:st, html.dark .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-deepskyblue\:95\:st, html.dark .sf-c-deepskyblue\:95\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } -html[data-theme='dark'] .sf-c-deepskyblue\:100\:st, html.dark .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:5, html.dark .sf-c-txt-deepskyblue\:5 { color: hsl(195, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:15, html.dark .sf-c-txt-deepskyblue\:15 { color: hsl(195, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:25, html.dark .sf-c-txt-deepskyblue\:25 { color: hsl(195, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:35, html.dark .sf-c-txt-deepskyblue\:35 { color: hsl(195, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:45, html.dark .sf-c-txt-deepskyblue\:45 { color: hsl(195, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:55, html.dark .sf-c-txt-deepskyblue\:55 { color: hsl(195, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:65, html.dark .sf-c-txt-deepskyblue\:65 { color: hsl(195, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:75, html.dark .sf-c-txt-deepskyblue\:75 { color: hsl(195, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:85, html.dark .sf-c-txt-deepskyblue\:85 { color: hsl(195, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:95, html.dark .sf-c-txt-deepskyblue\:95 { color: hsl(195, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-deepskyblue\:st, html.dark .sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:st, html.dark .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:5\:st, html.dark .sf-c-txt-deepskyblue\:5\:st { color: hsl(195, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:st, html.dark .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:15\:st, html.dark .sf-c-txt-deepskyblue\:15\:st { color: hsl(195, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:st, html.dark .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:25\:st, html.dark .sf-c-txt-deepskyblue\:25\:st { color: hsl(195, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:st, html.dark .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:35\:st, html.dark .sf-c-txt-deepskyblue\:35\:st { color: hsl(195, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:st, html.dark .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:45\:st, html.dark .sf-c-txt-deepskyblue\:45\:st { color: hsl(195, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:st, html.dark .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:55\:st, html.dark .sf-c-txt-deepskyblue\:55\:st { color: hsl(195, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:st, html.dark .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:65\:st, html.dark .sf-c-txt-deepskyblue\:65\:st { color: hsl(195, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:st, html.dark .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:75\:st, html.dark .sf-c-txt-deepskyblue\:75\:st { color: hsl(195, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:st, html.dark .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:85\:st, html.dark .sf-c-txt-deepskyblue\:85\:st { color: hsl(195, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:st, html.dark .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:95\:st, html.dark .sf-c-txt-deepskyblue\:95\:st { color: hsl(195, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:st, html.dark .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-deepskyblue, html.auto .sf-c-deepskyblue { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:0, html.auto .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } - html[data-theme='auto'] .sf-c-deepskyblue\:5, html.auto .sf-c-deepskyblue\:5 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } - html[data-theme='auto'] .sf-c-deepskyblue\:10, html.auto .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-deepskyblue\:15, html.auto .sf-c-deepskyblue\:15 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 85%) } - html[data-theme='auto'] .sf-c-deepskyblue\:20, html.auto .sf-c-deepskyblue\:20 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-deepskyblue\:25, html.auto .sf-c-deepskyblue\:25 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 75%) } - html[data-theme='auto'] .sf-c-deepskyblue\:30, html.auto .sf-c-deepskyblue\:30 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-deepskyblue\:35, html.auto .sf-c-deepskyblue\:35 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 65%) } - html[data-theme='auto'] .sf-c-deepskyblue\:40, html.auto .sf-c-deepskyblue\:40 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-deepskyblue\:45, html.auto .sf-c-deepskyblue\:45 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 55%) } - html[data-theme='auto'] .sf-c-deepskyblue\:50, html.auto .sf-c-deepskyblue\:50 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:55, html.auto .sf-c-deepskyblue\:55 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 45%) } - html[data-theme='auto'] .sf-c-deepskyblue\:60, html.auto .sf-c-deepskyblue\:60 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-deepskyblue\:65, html.auto .sf-c-deepskyblue\:65 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 35%) } - html[data-theme='auto'] .sf-c-deepskyblue\:70, html.auto .sf-c-deepskyblue\:70 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-deepskyblue\:75, html.auto .sf-c-deepskyblue\:75 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 25%) } - html[data-theme='auto'] .sf-c-deepskyblue\:80, html.auto .sf-c-deepskyblue\:80 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-deepskyblue\:85, html.auto .sf-c-deepskyblue\:85 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 15%) } - html[data-theme='auto'] .sf-c-deepskyblue\:90, html.auto .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-deepskyblue\:95, html.auto .sf-c-deepskyblue\:95 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } - html[data-theme='auto'] .sf-c-deepskyblue\:100, html.auto .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } - - html[data-theme='auto'] .sf-c-deepskyblue\:st, html.auto .sf-c-deepskyblue\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:0\:st, html.auto .sf-c-deepskyblue\:0\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } - html[data-theme='auto'] .sf-c-deepskyblue\:5\:st, html.auto .sf-c-deepskyblue\:5\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } - html[data-theme='auto'] .sf-c-deepskyblue\:10\:st, html.auto .sf-c-deepskyblue\:10\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-deepskyblue\:15\:st, html.auto .sf-c-deepskyblue\:15\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 15%) } - html[data-theme='auto'] .sf-c-deepskyblue\:20\:st, html.auto .sf-c-deepskyblue\:20\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-deepskyblue\:25\:st, html.auto .sf-c-deepskyblue\:25\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 25%) } - html[data-theme='auto'] .sf-c-deepskyblue\:30\:st, html.auto .sf-c-deepskyblue\:30\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-deepskyblue\:35\:st, html.auto .sf-c-deepskyblue\:35\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 35%) } - html[data-theme='auto'] .sf-c-deepskyblue\:40\:st, html.auto .sf-c-deepskyblue\:40\:st { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-deepskyblue\:45\:st, html.auto .sf-c-deepskyblue\:45\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 45%) } - html[data-theme='auto'] .sf-c-deepskyblue\:50\:st, html.auto .sf-c-deepskyblue\:50\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-deepskyblue\:55\:st, html.auto .sf-c-deepskyblue\:55\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 55%) } - html[data-theme='auto'] .sf-c-deepskyblue\:60\:st, html.auto .sf-c-deepskyblue\:60\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-deepskyblue\:65\:st, html.auto .sf-c-deepskyblue\:65\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 65%) } - html[data-theme='auto'] .sf-c-deepskyblue\:70\:st, html.auto .sf-c-deepskyblue\:70\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-deepskyblue\:75\:st, html.auto .sf-c-deepskyblue\:75\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 75%) } - html[data-theme='auto'] .sf-c-deepskyblue\:80\:st, html.auto .sf-c-deepskyblue\:80\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-deepskyblue\:85\:st, html.auto .sf-c-deepskyblue\:85\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 85%) } - html[data-theme='auto'] .sf-c-deepskyblue\:90\:st, html.auto .sf-c-deepskyblue\:90\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-deepskyblue\:95\:st, html.auto .sf-c-deepskyblue\:95\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } - html[data-theme='auto'] .sf-c-deepskyblue\:100\:st, html.auto .sf-c-deepskyblue\:100\:st { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:5, html.auto .sf-c-txt-deepskyblue\:5 { color: hsl(195, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:15, html.auto .sf-c-txt-deepskyblue\:15 { color: hsl(195, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:25, html.auto .sf-c-txt-deepskyblue\:25 { color: hsl(195, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:35, html.auto .sf-c-txt-deepskyblue\:35 { color: hsl(195, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:45, html.auto .sf-c-txt-deepskyblue\:45 { color: hsl(195, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:55, html.auto .sf-c-txt-deepskyblue\:55 { color: hsl(195, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:65, html.auto .sf-c-txt-deepskyblue\:65 { color: hsl(195, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:75, html.auto .sf-c-txt-deepskyblue\:75 { color: hsl(195, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:85, html.auto .sf-c-txt-deepskyblue\:85 { color: hsl(195, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:95, html.auto .sf-c-txt-deepskyblue\:95 { color: hsl(195, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-deepskyblue\:st, html.auto .sf-c-txt-deepskyblue\:st { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:st, html.auto .sf-c-txt-deepskyblue\:0\:st { color: hsl(195, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:5\:st, html.auto .sf-c-txt-deepskyblue\:5\:st { color: hsl(195, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:st, html.auto .sf-c-txt-deepskyblue\:10\:st { color: hsl(195, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:15\:st, html.auto .sf-c-txt-deepskyblue\:15\:st { color: hsl(195, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:st, html.auto .sf-c-txt-deepskyblue\:20\:st { color: hsl(195, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:25\:st, html.auto .sf-c-txt-deepskyblue\:25\:st { color: hsl(195, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:st, html.auto .sf-c-txt-deepskyblue\:30\:st { color: hsl(195, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:35\:st, html.auto .sf-c-txt-deepskyblue\:35\:st { color: hsl(195, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:st, html.auto .sf-c-txt-deepskyblue\:40\:st { color: hsl(195, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:45\:st, html.auto .sf-c-txt-deepskyblue\:45\:st { color: hsl(195, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:st, html.auto .sf-c-txt-deepskyblue\:50\:st { color: hsl(195, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:55\:st, html.auto .sf-c-txt-deepskyblue\:55\:st { color: hsl(195, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:st, html.auto .sf-c-txt-deepskyblue\:60\:st { color: hsl(195, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:65\:st, html.auto .sf-c-txt-deepskyblue\:65\:st { color: hsl(195, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:st, html.auto .sf-c-txt-deepskyblue\:70\:st { color: hsl(195, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:75\:st, html.auto .sf-c-txt-deepskyblue\:75\:st { color: hsl(195, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:st, html.auto .sf-c-txt-deepskyblue\:80\:st { color: hsl(195, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:85\:st, html.auto .sf-c-txt-deepskyblue\:85\:st { color: hsl(195, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:st, html.auto .sf-c-txt-deepskyblue\:90\:st { color: hsl(195, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:95\:st, html.auto .sf-c-txt-deepskyblue\:95\:st { color: hsl(195, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:st, html.auto .sf-c-txt-deepskyblue\:100\:st { color: hsl(195, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/dimgray.css b/src/colors/20/dimgray.css deleted file mode 100644 index a93bc2e..0000000 --- a/src/colors/20/dimgray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-dimgray { - --sf-c-dimgray: 0 0% 41%; - --sf-c-dimgray-0: 0 0% 0%; - --sf-c-dimgray-5: 0 0% 5%; - --sf-c-dimgray-10: 0 0% 10%; - --sf-c-dimgray-15: 0 0% 15%; - --sf-c-dimgray-20: 0 0% 20%; - --sf-c-dimgray-25: 0 0% 25%; - --sf-c-dimgray-30: 0 0% 30%; - --sf-c-dimgray-35: 0 0% 35%; - --sf-c-dimgray-40: 0 0% 40%; - --sf-c-dimgray-45: 0 0% 45%; - --sf-c-dimgray-50: 0 0% 50%; - --sf-c-dimgray-55: 0 0% 55%; - --sf-c-dimgray-60: 0 0% 60%; - --sf-c-dimgray-65: 0 0% 65%; - --sf-c-dimgray-70: 0 0% 70%; - --sf-c-dimgray-75: 0 0% 75%; - --sf-c-dimgray-80: 0 0% 80%; - --sf-c-dimgray-85: 0 0% 85%; - --sf-c-dimgray-90: 0 0% 90%; - --sf-c-dimgray-95: 0 0% 95%; - --sf-c-dimgray-100: 0 0% 100%; -} - -.sf-c-dimgray, .sf-c-dimgray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } -.sf-c-dimgray\:0, .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-dimgray\:5, .sf-c-dimgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-dimgray\:10, .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-dimgray\:15, .sf-c-dimgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-dimgray\:20, .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-dimgray\:25, .sf-c-dimgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-dimgray\:30, .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-dimgray\:35, .sf-c-dimgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-dimgray\:40, .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-dimgray\:45, .sf-c-dimgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-dimgray\:50, .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-dimgray\:55, .sf-c-dimgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-dimgray\:60, .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-dimgray\:65, .sf-c-dimgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-dimgray\:70, .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-dimgray\:75, .sf-c-dimgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-dimgray\:80, .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-dimgray\:85, .sf-c-dimgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-dimgray\:90, .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-dimgray\:95, .sf-c-dimgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-dimgray\:100, .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgray\:0, .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-dimgray\:5, .sf-c-txt-dimgray\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-dimgray\:10, .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-dimgray\:15, .sf-c-txt-dimgray\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-dimgray\:20, .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-dimgray\:25, .sf-c-txt-dimgray\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-dimgray\:30, .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-dimgray\:35, .sf-c-txt-dimgray\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-dimgray\:40, .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-dimgray\:45, .sf-c-txt-dimgray\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-dimgray\:50, .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-dimgray\:55, .sf-c-txt-dimgray\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-dimgray\:60, .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-dimgray\:65, .sf-c-txt-dimgray\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-dimgray\:70, .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-dimgray\:75, .sf-c-txt-dimgray\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-dimgray\:80, .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-dimgray\:85, .sf-c-txt-dimgray\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-dimgray\:90, .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-dimgray\:95, .sf-c-txt-dimgray\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-dimgray\:100, .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-dimgray, html.dark .sf-c-dimgray { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-dimgray\:0, html.dark .sf-c-dimgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-dimgray\:5, html.dark .sf-c-dimgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-dimgray\:10, html.dark .sf-c-dimgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgray\:15, html.dark .sf-c-dimgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-dimgray\:20, html.dark .sf-c-dimgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgray\:25, html.dark .sf-c-dimgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-dimgray\:30, html.dark .sf-c-dimgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgray\:35, html.dark .sf-c-dimgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-dimgray\:40, html.dark .sf-c-dimgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgray\:45, html.dark .sf-c-dimgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-dimgray\:50, html.dark .sf-c-dimgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgray\:55, html.dark .sf-c-dimgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-dimgray\:60, html.dark .sf-c-dimgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgray\:65, html.dark .sf-c-dimgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-dimgray\:70, html.dark .sf-c-dimgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgray\:75, html.dark .sf-c-dimgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-dimgray\:80, html.dark .sf-c-dimgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgray\:85, html.dark .sf-c-dimgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-dimgray\:90, html.dark .sf-c-dimgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgray\:95, html.dark .sf-c-dimgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-dimgray\:100, html.dark .sf-c-dimgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-dimgray\:st, html.dark .sf-c-dimgray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-dimgray\:0\:st, html.dark .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-dimgray\:5\:st, html.dark .sf-c-dimgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-dimgray\:10\:st, html.dark .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgray\:15\:st, html.dark .sf-c-dimgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-dimgray\:20\:st, html.dark .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgray\:25\:st, html.dark .sf-c-dimgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-dimgray\:30\:st, html.dark .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgray\:35\:st, html.dark .sf-c-dimgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-dimgray\:40\:st, html.dark .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgray\:45\:st, html.dark .sf-c-dimgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-dimgray\:50\:st, html.dark .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgray\:55\:st, html.dark .sf-c-dimgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-dimgray\:60\:st, html.dark .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgray\:65\:st, html.dark .sf-c-dimgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-dimgray\:70\:st, html.dark .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgray\:75\:st, html.dark .sf-c-dimgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-dimgray\:80\:st, html.dark .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgray\:85\:st, html.dark .sf-c-dimgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-dimgray\:90\:st, html.dark .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgray\:95\:st, html.dark .sf-c-dimgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-dimgray\:100\:st, html.dark .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:5, html.dark .sf-c-txt-dimgray\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:15, html.dark .sf-c-txt-dimgray\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:25, html.dark .sf-c-txt-dimgray\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:35, html.dark .sf-c-txt-dimgray\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:45, html.dark .sf-c-txt-dimgray\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:55, html.dark .sf-c-txt-dimgray\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:65, html.dark .sf-c-txt-dimgray\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:75, html.dark .sf-c-txt-dimgray\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:85, html.dark .sf-c-txt-dimgray\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:95, html.dark .sf-c-txt-dimgray\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dimgray\:st, html.dark .sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:0\:st, html.dark .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:5\:st, html.dark .sf-c-txt-dimgray\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:10\:st, html.dark .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:15\:st, html.dark .sf-c-txt-dimgray\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:20\:st, html.dark .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:25\:st, html.dark .sf-c-txt-dimgray\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:30\:st, html.dark .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:35\:st, html.dark .sf-c-txt-dimgray\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:40\:st, html.dark .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:45\:st, html.dark .sf-c-txt-dimgray\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:50\:st, html.dark .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:55\:st, html.dark .sf-c-txt-dimgray\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:60\:st, html.dark .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:65\:st, html.dark .sf-c-txt-dimgray\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:70\:st, html.dark .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:75\:st, html.dark .sf-c-txt-dimgray\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:80\:st, html.dark .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:85\:st, html.dark .sf-c-txt-dimgray\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:90\:st, html.dark .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:95\:st, html.dark .sf-c-txt-dimgray\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-dimgray\:100\:st, html.dark .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dimgray, html.auto .sf-c-dimgray { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-dimgray\:0, html.auto .sf-c-dimgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-dimgray\:5, html.auto .sf-c-dimgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-dimgray\:10, html.auto .sf-c-dimgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgray\:15, html.auto .sf-c-dimgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-dimgray\:20, html.auto .sf-c-dimgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgray\:25, html.auto .sf-c-dimgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-dimgray\:30, html.auto .sf-c-dimgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgray\:35, html.auto .sf-c-dimgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-dimgray\:40, html.auto .sf-c-dimgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgray\:45, html.auto .sf-c-dimgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-dimgray\:50, html.auto .sf-c-dimgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgray\:55, html.auto .sf-c-dimgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-dimgray\:60, html.auto .sf-c-dimgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgray\:65, html.auto .sf-c-dimgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-dimgray\:70, html.auto .sf-c-dimgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgray\:75, html.auto .sf-c-dimgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-dimgray\:80, html.auto .sf-c-dimgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgray\:85, html.auto .sf-c-dimgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-dimgray\:90, html.auto .sf-c-dimgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgray\:95, html.auto .sf-c-dimgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-dimgray\:100, html.auto .sf-c-dimgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-dimgray\:st, html.auto .sf-c-dimgray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-dimgray\:0\:st, html.auto .sf-c-dimgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-dimgray\:5\:st, html.auto .sf-c-dimgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-dimgray\:10\:st, html.auto .sf-c-dimgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgray\:15\:st, html.auto .sf-c-dimgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-dimgray\:20\:st, html.auto .sf-c-dimgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgray\:25\:st, html.auto .sf-c-dimgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-dimgray\:30\:st, html.auto .sf-c-dimgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgray\:35\:st, html.auto .sf-c-dimgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-dimgray\:40\:st, html.auto .sf-c-dimgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgray\:45\:st, html.auto .sf-c-dimgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-dimgray\:50\:st, html.auto .sf-c-dimgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgray\:55\:st, html.auto .sf-c-dimgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-dimgray\:60\:st, html.auto .sf-c-dimgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgray\:65\:st, html.auto .sf-c-dimgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-dimgray\:70\:st, html.auto .sf-c-dimgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgray\:75\:st, html.auto .sf-c-dimgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-dimgray\:80\:st, html.auto .sf-c-dimgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgray\:85\:st, html.auto .sf-c-dimgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-dimgray\:90\:st, html.auto .sf-c-dimgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgray\:95\:st, html.auto .sf-c-dimgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-dimgray\:100\:st, html.auto .sf-c-dimgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:5, html.auto .sf-c-txt-dimgray\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:15, html.auto .sf-c-txt-dimgray\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:25, html.auto .sf-c-txt-dimgray\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:35, html.auto .sf-c-txt-dimgray\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:45, html.auto .sf-c-txt-dimgray\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:55, html.auto .sf-c-txt-dimgray\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:65, html.auto .sf-c-txt-dimgray\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:75, html.auto .sf-c-txt-dimgray\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:85, html.auto .sf-c-txt-dimgray\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:95, html.auto .sf-c-txt-dimgray\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dimgray\:st, html.auto .sf-c-txt-dimgray\:st { color: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:0\:st, html.auto .sf-c-txt-dimgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:5\:st, html.auto .sf-c-txt-dimgray\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:10\:st, html.auto .sf-c-txt-dimgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:15\:st, html.auto .sf-c-txt-dimgray\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:20\:st, html.auto .sf-c-txt-dimgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:25\:st, html.auto .sf-c-txt-dimgray\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:30\:st, html.auto .sf-c-txt-dimgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:35\:st, html.auto .sf-c-txt-dimgray\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:40\:st, html.auto .sf-c-txt-dimgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:45\:st, html.auto .sf-c-txt-dimgray\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:50\:st, html.auto .sf-c-txt-dimgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:55\:st, html.auto .sf-c-txt-dimgray\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:60\:st, html.auto .sf-c-txt-dimgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:65\:st, html.auto .sf-c-txt-dimgray\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:70\:st, html.auto .sf-c-txt-dimgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:75\:st, html.auto .sf-c-txt-dimgray\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:80\:st, html.auto .sf-c-txt-dimgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:85\:st, html.auto .sf-c-txt-dimgray\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:90\:st, html.auto .sf-c-txt-dimgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:95\:st, html.auto .sf-c-txt-dimgray\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-dimgray\:100\:st, html.auto .sf-c-txt-dimgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/dimgrey.css b/src/colors/20/dimgrey.css deleted file mode 100644 index 22399e8..0000000 --- a/src/colors/20/dimgrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-dimgrey { - --sf-c-dimgrey: 0 0% 41%; - --sf-c-dimgrey-0: 0 0% 0%; - --sf-c-dimgrey-5: 0 0% 5%; - --sf-c-dimgrey-10: 0 0% 10%; - --sf-c-dimgrey-15: 0 0% 15%; - --sf-c-dimgrey-20: 0 0% 20%; - --sf-c-dimgrey-25: 0 0% 25%; - --sf-c-dimgrey-30: 0 0% 30%; - --sf-c-dimgrey-35: 0 0% 35%; - --sf-c-dimgrey-40: 0 0% 40%; - --sf-c-dimgrey-45: 0 0% 45%; - --sf-c-dimgrey-50: 0 0% 50%; - --sf-c-dimgrey-55: 0 0% 55%; - --sf-c-dimgrey-60: 0 0% 60%; - --sf-c-dimgrey-65: 0 0% 65%; - --sf-c-dimgrey-70: 0 0% 70%; - --sf-c-dimgrey-75: 0 0% 75%; - --sf-c-dimgrey-80: 0 0% 80%; - --sf-c-dimgrey-85: 0 0% 85%; - --sf-c-dimgrey-90: 0 0% 90%; - --sf-c-dimgrey-95: 0 0% 95%; - --sf-c-dimgrey-100: 0 0% 100%; -} - -.sf-c-dimgrey, .sf-c-dimgrey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } -.sf-c-dimgrey\:0, .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-dimgrey\:5, .sf-c-dimgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-dimgrey\:10, .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-dimgrey\:15, .sf-c-dimgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-dimgrey\:20, .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-dimgrey\:25, .sf-c-dimgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-dimgrey\:30, .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-dimgrey\:35, .sf-c-dimgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-dimgrey\:40, .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-dimgrey\:45, .sf-c-dimgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-dimgrey\:50, .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-dimgrey\:55, .sf-c-dimgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-dimgrey\:60, .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-dimgrey\:65, .sf-c-dimgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-dimgrey\:70, .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-dimgrey\:75, .sf-c-dimgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-dimgrey\:80, .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-dimgrey\:85, .sf-c-dimgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-dimgrey\:90, .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-dimgrey\:95, .sf-c-dimgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-dimgrey\:100, .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } -.sf-c-txt-dimgrey\:0, .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-dimgrey\:5, .sf-c-txt-dimgrey\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-dimgrey\:10, .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-dimgrey\:15, .sf-c-txt-dimgrey\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-dimgrey\:20, .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-dimgrey\:25, .sf-c-txt-dimgrey\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-dimgrey\:30, .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-dimgrey\:35, .sf-c-txt-dimgrey\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-dimgrey\:40, .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-dimgrey\:45, .sf-c-txt-dimgrey\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-dimgrey\:50, .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-dimgrey\:55, .sf-c-txt-dimgrey\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-dimgrey\:60, .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-dimgrey\:65, .sf-c-txt-dimgrey\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-dimgrey\:70, .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-dimgrey\:75, .sf-c-txt-dimgrey\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-dimgrey\:80, .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-dimgrey\:85, .sf-c-txt-dimgrey\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-dimgrey\:90, .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-dimgrey\:95, .sf-c-txt-dimgrey\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-dimgrey\:100, .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-dimgrey, html.dark .sf-c-dimgrey { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-dimgrey\:0, html.dark .sf-c-dimgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-dimgrey\:5, html.dark .sf-c-dimgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-dimgrey\:10, html.dark .sf-c-dimgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgrey\:15, html.dark .sf-c-dimgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-dimgrey\:20, html.dark .sf-c-dimgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgrey\:25, html.dark .sf-c-dimgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-dimgrey\:30, html.dark .sf-c-dimgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgrey\:35, html.dark .sf-c-dimgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-dimgrey\:40, html.dark .sf-c-dimgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgrey\:45, html.dark .sf-c-dimgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-dimgrey\:50, html.dark .sf-c-dimgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgrey\:55, html.dark .sf-c-dimgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-dimgrey\:60, html.dark .sf-c-dimgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgrey\:65, html.dark .sf-c-dimgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-dimgrey\:70, html.dark .sf-c-dimgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgrey\:75, html.dark .sf-c-dimgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-dimgrey\:80, html.dark .sf-c-dimgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgrey\:85, html.dark .sf-c-dimgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-dimgrey\:90, html.dark .sf-c-dimgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgrey\:95, html.dark .sf-c-dimgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-dimgrey\:100, html.dark .sf-c-dimgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-dimgrey\:st, html.dark .sf-c-dimgrey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-dimgrey\:0\:st, html.dark .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-dimgrey\:5\:st, html.dark .sf-c-dimgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-dimgrey\:10\:st, html.dark .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-dimgrey\:15\:st, html.dark .sf-c-dimgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-dimgrey\:20\:st, html.dark .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-dimgrey\:25\:st, html.dark .sf-c-dimgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-dimgrey\:30\:st, html.dark .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-dimgrey\:35\:st, html.dark .sf-c-dimgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-dimgrey\:40\:st, html.dark .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-dimgrey\:45\:st, html.dark .sf-c-dimgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-dimgrey\:50\:st, html.dark .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-dimgrey\:55\:st, html.dark .sf-c-dimgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-dimgrey\:60\:st, html.dark .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-dimgrey\:65\:st, html.dark .sf-c-dimgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-dimgrey\:70\:st, html.dark .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-dimgrey\:75\:st, html.dark .sf-c-dimgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-dimgrey\:80\:st, html.dark .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-dimgrey\:85\:st, html.dark .sf-c-dimgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-dimgrey\:90\:st, html.dark .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-dimgrey\:95\:st, html.dark .sf-c-dimgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-dimgrey\:100\:st, html.dark .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:5, html.dark .sf-c-txt-dimgrey\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:15, html.dark .sf-c-txt-dimgrey\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:25, html.dark .sf-c-txt-dimgrey\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:35, html.dark .sf-c-txt-dimgrey\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:45, html.dark .sf-c-txt-dimgrey\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:55, html.dark .sf-c-txt-dimgrey\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:65, html.dark .sf-c-txt-dimgrey\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:75, html.dark .sf-c-txt-dimgrey\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:85, html.dark .sf-c-txt-dimgrey\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:95, html.dark .sf-c-txt-dimgrey\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dimgrey\:st, html.dark .sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:0\:st, html.dark .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:5\:st, html.dark .sf-c-txt-dimgrey\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:10\:st, html.dark .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:15\:st, html.dark .sf-c-txt-dimgrey\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:20\:st, html.dark .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:25\:st, html.dark .sf-c-txt-dimgrey\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:30\:st, html.dark .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:35\:st, html.dark .sf-c-txt-dimgrey\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:40\:st, html.dark .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:45\:st, html.dark .sf-c-txt-dimgrey\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:50\:st, html.dark .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:55\:st, html.dark .sf-c-txt-dimgrey\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:60\:st, html.dark .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:65\:st, html.dark .sf-c-txt-dimgrey\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:70\:st, html.dark .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:75\:st, html.dark .sf-c-txt-dimgrey\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:80\:st, html.dark .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:85\:st, html.dark .sf-c-txt-dimgrey\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:90\:st, html.dark .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:95\:st, html.dark .sf-c-txt-dimgrey\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-dimgrey\:100\:st, html.dark .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dimgrey, html.auto .sf-c-dimgrey { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-dimgrey\:0, html.auto .sf-c-dimgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-dimgrey\:5, html.auto .sf-c-dimgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-dimgrey\:10, html.auto .sf-c-dimgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgrey\:15, html.auto .sf-c-dimgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-dimgrey\:20, html.auto .sf-c-dimgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgrey\:25, html.auto .sf-c-dimgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-dimgrey\:30, html.auto .sf-c-dimgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgrey\:35, html.auto .sf-c-dimgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-dimgrey\:40, html.auto .sf-c-dimgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgrey\:45, html.auto .sf-c-dimgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-dimgrey\:50, html.auto .sf-c-dimgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgrey\:55, html.auto .sf-c-dimgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-dimgrey\:60, html.auto .sf-c-dimgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgrey\:65, html.auto .sf-c-dimgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-dimgrey\:70, html.auto .sf-c-dimgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgrey\:75, html.auto .sf-c-dimgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-dimgrey\:80, html.auto .sf-c-dimgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgrey\:85, html.auto .sf-c-dimgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-dimgrey\:90, html.auto .sf-c-dimgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgrey\:95, html.auto .sf-c-dimgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-dimgrey\:100, html.auto .sf-c-dimgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-dimgrey\:st, html.auto .sf-c-dimgrey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-dimgrey\:0\:st, html.auto .sf-c-dimgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-dimgrey\:5\:st, html.auto .sf-c-dimgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-dimgrey\:10\:st, html.auto .sf-c-dimgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-dimgrey\:15\:st, html.auto .sf-c-dimgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-dimgrey\:20\:st, html.auto .sf-c-dimgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-dimgrey\:25\:st, html.auto .sf-c-dimgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-dimgrey\:30\:st, html.auto .sf-c-dimgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-dimgrey\:35\:st, html.auto .sf-c-dimgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-dimgrey\:40\:st, html.auto .sf-c-dimgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-dimgrey\:45\:st, html.auto .sf-c-dimgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-dimgrey\:50\:st, html.auto .sf-c-dimgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-dimgrey\:55\:st, html.auto .sf-c-dimgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-dimgrey\:60\:st, html.auto .sf-c-dimgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-dimgrey\:65\:st, html.auto .sf-c-dimgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-dimgrey\:70\:st, html.auto .sf-c-dimgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-dimgrey\:75\:st, html.auto .sf-c-dimgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-dimgrey\:80\:st, html.auto .sf-c-dimgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-dimgrey\:85\:st, html.auto .sf-c-dimgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-dimgrey\:90\:st, html.auto .sf-c-dimgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-dimgrey\:95\:st, html.auto .sf-c-dimgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-dimgrey\:100\:st, html.auto .sf-c-dimgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:5, html.auto .sf-c-txt-dimgrey\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:15, html.auto .sf-c-txt-dimgrey\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:25, html.auto .sf-c-txt-dimgrey\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:35, html.auto .sf-c-txt-dimgrey\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:45, html.auto .sf-c-txt-dimgrey\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:55, html.auto .sf-c-txt-dimgrey\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:65, html.auto .sf-c-txt-dimgrey\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:75, html.auto .sf-c-txt-dimgrey\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:85, html.auto .sf-c-txt-dimgrey\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:95, html.auto .sf-c-txt-dimgrey\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dimgrey\:st, html.auto .sf-c-txt-dimgrey\:st { color: hsl(0, 0%, 41%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:0\:st, html.auto .sf-c-txt-dimgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:5\:st, html.auto .sf-c-txt-dimgrey\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:10\:st, html.auto .sf-c-txt-dimgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:15\:st, html.auto .sf-c-txt-dimgrey\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:20\:st, html.auto .sf-c-txt-dimgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:25\:st, html.auto .sf-c-txt-dimgrey\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:30\:st, html.auto .sf-c-txt-dimgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:35\:st, html.auto .sf-c-txt-dimgrey\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:40\:st, html.auto .sf-c-txt-dimgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:45\:st, html.auto .sf-c-txt-dimgrey\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:50\:st, html.auto .sf-c-txt-dimgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:55\:st, html.auto .sf-c-txt-dimgrey\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:60\:st, html.auto .sf-c-txt-dimgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:65\:st, html.auto .sf-c-txt-dimgrey\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:70\:st, html.auto .sf-c-txt-dimgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:75\:st, html.auto .sf-c-txt-dimgrey\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:80\:st, html.auto .sf-c-txt-dimgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:85\:st, html.auto .sf-c-txt-dimgrey\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:90\:st, html.auto .sf-c-txt-dimgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:95\:st, html.auto .sf-c-txt-dimgrey\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-dimgrey\:100\:st, html.auto .sf-c-txt-dimgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/dodgerblue.css b/src/colors/20/dodgerblue.css deleted file mode 100644 index de79849..0000000 --- a/src/colors/20/dodgerblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-dodgerblue { - --sf-c-dodgerblue: 210 100% 56%; - --sf-c-dodgerblue-0: 210 100% 0%; - --sf-c-dodgerblue-5: 210 100% 5%; - --sf-c-dodgerblue-10: 210 100% 10%; - --sf-c-dodgerblue-15: 210 100% 15%; - --sf-c-dodgerblue-20: 210 100% 20%; - --sf-c-dodgerblue-25: 210 100% 25%; - --sf-c-dodgerblue-30: 210 100% 30%; - --sf-c-dodgerblue-35: 210 100% 35%; - --sf-c-dodgerblue-40: 210 100% 40%; - --sf-c-dodgerblue-45: 210 100% 45%; - --sf-c-dodgerblue-50: 210 100% 50%; - --sf-c-dodgerblue-55: 210 100% 55%; - --sf-c-dodgerblue-60: 210 100% 60%; - --sf-c-dodgerblue-65: 210 100% 65%; - --sf-c-dodgerblue-70: 210 100% 70%; - --sf-c-dodgerblue-75: 210 100% 75%; - --sf-c-dodgerblue-80: 210 100% 80%; - --sf-c-dodgerblue-85: 210 100% 85%; - --sf-c-dodgerblue-90: 210 100% 90%; - --sf-c-dodgerblue-95: 210 100% 95%; - --sf-c-dodgerblue-100: 210 100% 100%; -} - -.sf-c-dodgerblue, .sf-c-dodgerblue\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 56%) } -.sf-c-dodgerblue\:0, .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } -.sf-c-dodgerblue\:5, .sf-c-dodgerblue\:5\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } -.sf-c-dodgerblue\:10, .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } -.sf-c-dodgerblue\:15, .sf-c-dodgerblue\:15\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 15%) } -.sf-c-dodgerblue\:20, .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 20%) } -.sf-c-dodgerblue\:25, .sf-c-dodgerblue\:25\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 25%) } -.sf-c-dodgerblue\:30, .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 30%) } -.sf-c-dodgerblue\:35, .sf-c-dodgerblue\:35\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 35%) } -.sf-c-dodgerblue\:40, .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 40%) } -.sf-c-dodgerblue\:45, .sf-c-dodgerblue\:45\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 45%) } -.sf-c-dodgerblue\:50, .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 50%) } -.sf-c-dodgerblue\:55, .sf-c-dodgerblue\:55\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 55%) } -.sf-c-dodgerblue\:60, .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 60%) } -.sf-c-dodgerblue\:65, .sf-c-dodgerblue\:65\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 65%) } -.sf-c-dodgerblue\:70, .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 70%) } -.sf-c-dodgerblue\:75, .sf-c-dodgerblue\:75\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 75%) } -.sf-c-dodgerblue\:80, .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 80%) } -.sf-c-dodgerblue\:85, .sf-c-dodgerblue\:85\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 85%) } -.sf-c-dodgerblue\:90, .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 90%) } -.sf-c-dodgerblue\:95, .sf-c-dodgerblue\:95\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } -.sf-c-dodgerblue\:100, .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } - -.sf-c-txt-dodgerblue { color: hsl(210, 100%, 10%) } -.sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } -.sf-c-txt-dodgerblue\:0, .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } -.sf-c-txt-dodgerblue\:5, .sf-c-txt-dodgerblue\:5\:st { color: hsl(210, 100%, 5%) } -.sf-c-txt-dodgerblue\:10, .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } -.sf-c-txt-dodgerblue\:15, .sf-c-txt-dodgerblue\:15\:st { color: hsl(210, 100%, 15%) } -.sf-c-txt-dodgerblue\:20, .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } -.sf-c-txt-dodgerblue\:25, .sf-c-txt-dodgerblue\:25\:st { color: hsl(210, 100%, 25%) } -.sf-c-txt-dodgerblue\:30, .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } -.sf-c-txt-dodgerblue\:35, .sf-c-txt-dodgerblue\:35\:st { color: hsl(210, 100%, 35%) } -.sf-c-txt-dodgerblue\:40, .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } -.sf-c-txt-dodgerblue\:45, .sf-c-txt-dodgerblue\:45\:st { color: hsl(210, 100%, 45%) } -.sf-c-txt-dodgerblue\:50, .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } -.sf-c-txt-dodgerblue\:55, .sf-c-txt-dodgerblue\:55\:st { color: hsl(210, 100%, 55%) } -.sf-c-txt-dodgerblue\:60, .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } -.sf-c-txt-dodgerblue\:65, .sf-c-txt-dodgerblue\:65\:st { color: hsl(210, 100%, 65%) } -.sf-c-txt-dodgerblue\:70, .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } -.sf-c-txt-dodgerblue\:75, .sf-c-txt-dodgerblue\:75\:st { color: hsl(210, 100%, 75%) } -.sf-c-txt-dodgerblue\:80, .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } -.sf-c-txt-dodgerblue\:85, .sf-c-txt-dodgerblue\:85\:st { color: hsl(210, 100%, 85%) } -.sf-c-txt-dodgerblue\:90, .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } -.sf-c-txt-dodgerblue\:95, .sf-c-txt-dodgerblue\:95\:st { color: hsl(210, 100%, 95%) } -.sf-c-txt-dodgerblue\:100, .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } - -html[data-theme='dark'] .sf-c-dodgerblue, html.dark .sf-c-dodgerblue { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 44%) } -html[data-theme='dark'] .sf-c-dodgerblue\:0, html.dark .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } -html[data-theme='dark'] .sf-c-dodgerblue\:5, html.dark .sf-c-dodgerblue\:5 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } -html[data-theme='dark'] .sf-c-dodgerblue\:10, html.dark .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-dodgerblue\:15, html.dark .sf-c-dodgerblue\:15 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 85%) } -html[data-theme='dark'] .sf-c-dodgerblue\:20, html.dark .sf-c-dodgerblue\:20 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-dodgerblue\:25, html.dark .sf-c-dodgerblue\:25 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 75%) } -html[data-theme='dark'] .sf-c-dodgerblue\:30, html.dark .sf-c-dodgerblue\:30 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-dodgerblue\:35, html.dark .sf-c-dodgerblue\:35 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 65%) } -html[data-theme='dark'] .sf-c-dodgerblue\:40, html.dark .sf-c-dodgerblue\:40 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-dodgerblue\:45, html.dark .sf-c-dodgerblue\:45 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 55%) } -html[data-theme='dark'] .sf-c-dodgerblue\:50, html.dark .sf-c-dodgerblue\:50 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-dodgerblue\:55, html.dark .sf-c-dodgerblue\:55 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 45%) } -html[data-theme='dark'] .sf-c-dodgerblue\:60, html.dark .sf-c-dodgerblue\:60 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-dodgerblue\:65, html.dark .sf-c-dodgerblue\:65 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 35%) } -html[data-theme='dark'] .sf-c-dodgerblue\:70, html.dark .sf-c-dodgerblue\:70 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-dodgerblue\:75, html.dark .sf-c-dodgerblue\:75 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 25%) } -html[data-theme='dark'] .sf-c-dodgerblue\:80, html.dark .sf-c-dodgerblue\:80 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-dodgerblue\:85, html.dark .sf-c-dodgerblue\:85 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 15%) } -html[data-theme='dark'] .sf-c-dodgerblue\:90, html.dark .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-dodgerblue\:95, html.dark .sf-c-dodgerblue\:95 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } -html[data-theme='dark'] .sf-c-dodgerblue\:100, html.dark .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } - -html[data-theme='dark'] .sf-c-dodgerblue\:st, html.dark .sf-c-dodgerblue\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-dodgerblue\:0\:st, html.dark .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } -html[data-theme='dark'] .sf-c-dodgerblue\:5\:st, html.dark .sf-c-dodgerblue\:5\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } -html[data-theme='dark'] .sf-c-dodgerblue\:10\:st, html.dark .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-dodgerblue\:15\:st, html.dark .sf-c-dodgerblue\:15\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 15%) } -html[data-theme='dark'] .sf-c-dodgerblue\:20\:st, html.dark .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-dodgerblue\:25\:st, html.dark .sf-c-dodgerblue\:25\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 25%) } -html[data-theme='dark'] .sf-c-dodgerblue\:30\:st, html.dark .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-dodgerblue\:35\:st, html.dark .sf-c-dodgerblue\:35\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 35%) } -html[data-theme='dark'] .sf-c-dodgerblue\:40\:st, html.dark .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-dodgerblue\:45\:st, html.dark .sf-c-dodgerblue\:45\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 45%) } -html[data-theme='dark'] .sf-c-dodgerblue\:50\:st, html.dark .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-dodgerblue\:55\:st, html.dark .sf-c-dodgerblue\:55\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 55%) } -html[data-theme='dark'] .sf-c-dodgerblue\:60\:st, html.dark .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-dodgerblue\:65\:st, html.dark .sf-c-dodgerblue\:65\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 65%) } -html[data-theme='dark'] .sf-c-dodgerblue\:70\:st, html.dark .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-dodgerblue\:75\:st, html.dark .sf-c-dodgerblue\:75\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 75%) } -html[data-theme='dark'] .sf-c-dodgerblue\:80\:st, html.dark .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-dodgerblue\:85\:st, html.dark .sf-c-dodgerblue\:85\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 85%) } -html[data-theme='dark'] .sf-c-dodgerblue\:90\:st, html.dark .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-dodgerblue\:95\:st, html.dark .sf-c-dodgerblue\:95\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } -html[data-theme='dark'] .sf-c-dodgerblue\:100\:st, html.dark .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:5, html.dark .sf-c-txt-dodgerblue\:5 { color: hsl(210, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:15, html.dark .sf-c-txt-dodgerblue\:15 { color: hsl(210, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:25, html.dark .sf-c-txt-dodgerblue\:25 { color: hsl(210, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:35, html.dark .sf-c-txt-dodgerblue\:35 { color: hsl(210, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:45, html.dark .sf-c-txt-dodgerblue\:45 { color: hsl(210, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:55, html.dark .sf-c-txt-dodgerblue\:55 { color: hsl(210, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:65, html.dark .sf-c-txt-dodgerblue\:65 { color: hsl(210, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:75, html.dark .sf-c-txt-dodgerblue\:75 { color: hsl(210, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:85, html.dark .sf-c-txt-dodgerblue\:85 { color: hsl(210, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:95, html.dark .sf-c-txt-dodgerblue\:95 { color: hsl(210, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-dodgerblue\:st, html.dark .sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:st, html.dark .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:5\:st, html.dark .sf-c-txt-dodgerblue\:5\:st { color: hsl(210, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:st, html.dark .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:15\:st, html.dark .sf-c-txt-dodgerblue\:15\:st { color: hsl(210, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:st, html.dark .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:25\:st, html.dark .sf-c-txt-dodgerblue\:25\:st { color: hsl(210, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:st, html.dark .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:35\:st, html.dark .sf-c-txt-dodgerblue\:35\:st { color: hsl(210, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:st, html.dark .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:45\:st, html.dark .sf-c-txt-dodgerblue\:45\:st { color: hsl(210, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:st, html.dark .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:55\:st, html.dark .sf-c-txt-dodgerblue\:55\:st { color: hsl(210, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:st, html.dark .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:65\:st, html.dark .sf-c-txt-dodgerblue\:65\:st { color: hsl(210, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:st, html.dark .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:75\:st, html.dark .sf-c-txt-dodgerblue\:75\:st { color: hsl(210, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:st, html.dark .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:85\:st, html.dark .sf-c-txt-dodgerblue\:85\:st { color: hsl(210, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:st, html.dark .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:95\:st, html.dark .sf-c-txt-dodgerblue\:95\:st { color: hsl(210, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:st, html.dark .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-dodgerblue, html.auto .sf-c-dodgerblue { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 44%) } - html[data-theme='auto'] .sf-c-dodgerblue\:0, html.auto .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } - html[data-theme='auto'] .sf-c-dodgerblue\:5, html.auto .sf-c-dodgerblue\:5 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } - html[data-theme='auto'] .sf-c-dodgerblue\:10, html.auto .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-dodgerblue\:15, html.auto .sf-c-dodgerblue\:15 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 85%) } - html[data-theme='auto'] .sf-c-dodgerblue\:20, html.auto .sf-c-dodgerblue\:20 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-dodgerblue\:25, html.auto .sf-c-dodgerblue\:25 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 75%) } - html[data-theme='auto'] .sf-c-dodgerblue\:30, html.auto .sf-c-dodgerblue\:30 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-dodgerblue\:35, html.auto .sf-c-dodgerblue\:35 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 65%) } - html[data-theme='auto'] .sf-c-dodgerblue\:40, html.auto .sf-c-dodgerblue\:40 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-dodgerblue\:45, html.auto .sf-c-dodgerblue\:45 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 55%) } - html[data-theme='auto'] .sf-c-dodgerblue\:50, html.auto .sf-c-dodgerblue\:50 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-dodgerblue\:55, html.auto .sf-c-dodgerblue\:55 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 45%) } - html[data-theme='auto'] .sf-c-dodgerblue\:60, html.auto .sf-c-dodgerblue\:60 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-dodgerblue\:65, html.auto .sf-c-dodgerblue\:65 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 35%) } - html[data-theme='auto'] .sf-c-dodgerblue\:70, html.auto .sf-c-dodgerblue\:70 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-dodgerblue\:75, html.auto .sf-c-dodgerblue\:75 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 25%) } - html[data-theme='auto'] .sf-c-dodgerblue\:80, html.auto .sf-c-dodgerblue\:80 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-dodgerblue\:85, html.auto .sf-c-dodgerblue\:85 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 15%) } - html[data-theme='auto'] .sf-c-dodgerblue\:90, html.auto .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-dodgerblue\:95, html.auto .sf-c-dodgerblue\:95 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } - html[data-theme='auto'] .sf-c-dodgerblue\:100, html.auto .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } - - html[data-theme='auto'] .sf-c-dodgerblue\:st, html.auto .sf-c-dodgerblue\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-dodgerblue\:0\:st, html.auto .sf-c-dodgerblue\:0\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } - html[data-theme='auto'] .sf-c-dodgerblue\:5\:st, html.auto .sf-c-dodgerblue\:5\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } - html[data-theme='auto'] .sf-c-dodgerblue\:10\:st, html.auto .sf-c-dodgerblue\:10\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-dodgerblue\:15\:st, html.auto .sf-c-dodgerblue\:15\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 15%) } - html[data-theme='auto'] .sf-c-dodgerblue\:20\:st, html.auto .sf-c-dodgerblue\:20\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-dodgerblue\:25\:st, html.auto .sf-c-dodgerblue\:25\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 25%) } - html[data-theme='auto'] .sf-c-dodgerblue\:30\:st, html.auto .sf-c-dodgerblue\:30\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-dodgerblue\:35\:st, html.auto .sf-c-dodgerblue\:35\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 35%) } - html[data-theme='auto'] .sf-c-dodgerblue\:40\:st, html.auto .sf-c-dodgerblue\:40\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-dodgerblue\:45\:st, html.auto .sf-c-dodgerblue\:45\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 45%) } - html[data-theme='auto'] .sf-c-dodgerblue\:50\:st, html.auto .sf-c-dodgerblue\:50\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-dodgerblue\:55\:st, html.auto .sf-c-dodgerblue\:55\:st { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 55%) } - html[data-theme='auto'] .sf-c-dodgerblue\:60\:st, html.auto .sf-c-dodgerblue\:60\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-dodgerblue\:65\:st, html.auto .sf-c-dodgerblue\:65\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 65%) } - html[data-theme='auto'] .sf-c-dodgerblue\:70\:st, html.auto .sf-c-dodgerblue\:70\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-dodgerblue\:75\:st, html.auto .sf-c-dodgerblue\:75\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 75%) } - html[data-theme='auto'] .sf-c-dodgerblue\:80\:st, html.auto .sf-c-dodgerblue\:80\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-dodgerblue\:85\:st, html.auto .sf-c-dodgerblue\:85\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 85%) } - html[data-theme='auto'] .sf-c-dodgerblue\:90\:st, html.auto .sf-c-dodgerblue\:90\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-dodgerblue\:95\:st, html.auto .sf-c-dodgerblue\:95\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } - html[data-theme='auto'] .sf-c-dodgerblue\:100\:st, html.auto .sf-c-dodgerblue\:100\:st { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:5, html.auto .sf-c-txt-dodgerblue\:5 { color: hsl(210, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:15, html.auto .sf-c-txt-dodgerblue\:15 { color: hsl(210, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:25, html.auto .sf-c-txt-dodgerblue\:25 { color: hsl(210, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:35, html.auto .sf-c-txt-dodgerblue\:35 { color: hsl(210, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:45, html.auto .sf-c-txt-dodgerblue\:45 { color: hsl(210, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:55, html.auto .sf-c-txt-dodgerblue\:55 { color: hsl(210, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:65, html.auto .sf-c-txt-dodgerblue\:65 { color: hsl(210, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:75, html.auto .sf-c-txt-dodgerblue\:75 { color: hsl(210, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:85, html.auto .sf-c-txt-dodgerblue\:85 { color: hsl(210, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:95, html.auto .sf-c-txt-dodgerblue\:95 { color: hsl(210, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-dodgerblue\:st, html.auto .sf-c-txt-dodgerblue\:st { color: hsl(210, 100%, 56%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:st, html.auto .sf-c-txt-dodgerblue\:0\:st { color: hsl(210, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:5\:st, html.auto .sf-c-txt-dodgerblue\:5\:st { color: hsl(210, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:st, html.auto .sf-c-txt-dodgerblue\:10\:st { color: hsl(210, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:15\:st, html.auto .sf-c-txt-dodgerblue\:15\:st { color: hsl(210, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:st, html.auto .sf-c-txt-dodgerblue\:20\:st { color: hsl(210, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:25\:st, html.auto .sf-c-txt-dodgerblue\:25\:st { color: hsl(210, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:st, html.auto .sf-c-txt-dodgerblue\:30\:st { color: hsl(210, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:35\:st, html.auto .sf-c-txt-dodgerblue\:35\:st { color: hsl(210, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:st, html.auto .sf-c-txt-dodgerblue\:40\:st { color: hsl(210, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:45\:st, html.auto .sf-c-txt-dodgerblue\:45\:st { color: hsl(210, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:st, html.auto .sf-c-txt-dodgerblue\:50\:st { color: hsl(210, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:55\:st, html.auto .sf-c-txt-dodgerblue\:55\:st { color: hsl(210, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:st, html.auto .sf-c-txt-dodgerblue\:60\:st { color: hsl(210, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:65\:st, html.auto .sf-c-txt-dodgerblue\:65\:st { color: hsl(210, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:st, html.auto .sf-c-txt-dodgerblue\:70\:st { color: hsl(210, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:75\:st, html.auto .sf-c-txt-dodgerblue\:75\:st { color: hsl(210, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:st, html.auto .sf-c-txt-dodgerblue\:80\:st { color: hsl(210, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:85\:st, html.auto .sf-c-txt-dodgerblue\:85\:st { color: hsl(210, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:st, html.auto .sf-c-txt-dodgerblue\:90\:st { color: hsl(210, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:95\:st, html.auto .sf-c-txt-dodgerblue\:95\:st { color: hsl(210, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:st, html.auto .sf-c-txt-dodgerblue\:100\:st { color: hsl(210, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/firebrick.css b/src/colors/20/firebrick.css deleted file mode 100644 index e9973a5..0000000 --- a/src/colors/20/firebrick.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-firebrick { - --sf-c-firebrick: 0 68% 42%; - --sf-c-firebrick-0: 0 68% 0%; - --sf-c-firebrick-5: 0 68% 5%; - --sf-c-firebrick-10: 0 68% 10%; - --sf-c-firebrick-15: 0 68% 15%; - --sf-c-firebrick-20: 0 68% 20%; - --sf-c-firebrick-25: 0 68% 25%; - --sf-c-firebrick-30: 0 68% 30%; - --sf-c-firebrick-35: 0 68% 35%; - --sf-c-firebrick-40: 0 68% 40%; - --sf-c-firebrick-45: 0 68% 45%; - --sf-c-firebrick-50: 0 68% 50%; - --sf-c-firebrick-55: 0 68% 55%; - --sf-c-firebrick-60: 0 68% 60%; - --sf-c-firebrick-65: 0 68% 65%; - --sf-c-firebrick-70: 0 68% 70%; - --sf-c-firebrick-75: 0 68% 75%; - --sf-c-firebrick-80: 0 68% 80%; - --sf-c-firebrick-85: 0 68% 85%; - --sf-c-firebrick-90: 0 68% 90%; - --sf-c-firebrick-95: 0 68% 95%; - --sf-c-firebrick-100: 0 68% 100%; -} - -.sf-c-firebrick, .sf-c-firebrick\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 42%) } -.sf-c-firebrick\:0, .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } -.sf-c-firebrick\:5, .sf-c-firebrick\:5\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } -.sf-c-firebrick\:10, .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } -.sf-c-firebrick\:15, .sf-c-firebrick\:15\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 15%) } -.sf-c-firebrick\:20, .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 20%) } -.sf-c-firebrick\:25, .sf-c-firebrick\:25\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 25%) } -.sf-c-firebrick\:30, .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 30%) } -.sf-c-firebrick\:35, .sf-c-firebrick\:35\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 35%) } -.sf-c-firebrick\:40, .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 40%) } -.sf-c-firebrick\:45, .sf-c-firebrick\:45\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 45%) } -.sf-c-firebrick\:50, .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 50%) } -.sf-c-firebrick\:55, .sf-c-firebrick\:55\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 55%) } -.sf-c-firebrick\:60, .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 60%) } -.sf-c-firebrick\:65, .sf-c-firebrick\:65\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 65%) } -.sf-c-firebrick\:70, .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 70%) } -.sf-c-firebrick\:75, .sf-c-firebrick\:75\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 75%) } -.sf-c-firebrick\:80, .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 80%) } -.sf-c-firebrick\:85, .sf-c-firebrick\:85\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 85%) } -.sf-c-firebrick\:90, .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 90%) } -.sf-c-firebrick\:95, .sf-c-firebrick\:95\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } -.sf-c-firebrick\:100, .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } - -.sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } -.sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } -.sf-c-txt-firebrick\:0, .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } -.sf-c-txt-firebrick\:5, .sf-c-txt-firebrick\:5\:st { color: hsl(0, 68%, 5%) } -.sf-c-txt-firebrick\:10, .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } -.sf-c-txt-firebrick\:15, .sf-c-txt-firebrick\:15\:st { color: hsl(0, 68%, 15%) } -.sf-c-txt-firebrick\:20, .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } -.sf-c-txt-firebrick\:25, .sf-c-txt-firebrick\:25\:st { color: hsl(0, 68%, 25%) } -.sf-c-txt-firebrick\:30, .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } -.sf-c-txt-firebrick\:35, .sf-c-txt-firebrick\:35\:st { color: hsl(0, 68%, 35%) } -.sf-c-txt-firebrick\:40, .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } -.sf-c-txt-firebrick\:45, .sf-c-txt-firebrick\:45\:st { color: hsl(0, 68%, 45%) } -.sf-c-txt-firebrick\:50, .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } -.sf-c-txt-firebrick\:55, .sf-c-txt-firebrick\:55\:st { color: hsl(0, 68%, 55%) } -.sf-c-txt-firebrick\:60, .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } -.sf-c-txt-firebrick\:65, .sf-c-txt-firebrick\:65\:st { color: hsl(0, 68%, 65%) } -.sf-c-txt-firebrick\:70, .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } -.sf-c-txt-firebrick\:75, .sf-c-txt-firebrick\:75\:st { color: hsl(0, 68%, 75%) } -.sf-c-txt-firebrick\:80, .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } -.sf-c-txt-firebrick\:85, .sf-c-txt-firebrick\:85\:st { color: hsl(0, 68%, 85%) } -.sf-c-txt-firebrick\:90, .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } -.sf-c-txt-firebrick\:95, .sf-c-txt-firebrick\:95\:st { color: hsl(0, 68%, 95%) } -.sf-c-txt-firebrick\:100, .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } - -html[data-theme='dark'] .sf-c-firebrick, html.dark .sf-c-firebrick { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 58%) } -html[data-theme='dark'] .sf-c-firebrick\:0, html.dark .sf-c-firebrick\:0 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } -html[data-theme='dark'] .sf-c-firebrick\:5, html.dark .sf-c-firebrick\:5 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } -html[data-theme='dark'] .sf-c-firebrick\:10, html.dark .sf-c-firebrick\:10 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-firebrick\:15, html.dark .sf-c-firebrick\:15 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 85%) } -html[data-theme='dark'] .sf-c-firebrick\:20, html.dark .sf-c-firebrick\:20 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-firebrick\:25, html.dark .sf-c-firebrick\:25 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 75%) } -html[data-theme='dark'] .sf-c-firebrick\:30, html.dark .sf-c-firebrick\:30 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-firebrick\:35, html.dark .sf-c-firebrick\:35 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 65%) } -html[data-theme='dark'] .sf-c-firebrick\:40, html.dark .sf-c-firebrick\:40 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-firebrick\:45, html.dark .sf-c-firebrick\:45 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 55%) } -html[data-theme='dark'] .sf-c-firebrick\:50, html.dark .sf-c-firebrick\:50 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-firebrick\:55, html.dark .sf-c-firebrick\:55 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 45%) } -html[data-theme='dark'] .sf-c-firebrick\:60, html.dark .sf-c-firebrick\:60 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-firebrick\:65, html.dark .sf-c-firebrick\:65 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 35%) } -html[data-theme='dark'] .sf-c-firebrick\:70, html.dark .sf-c-firebrick\:70 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-firebrick\:75, html.dark .sf-c-firebrick\:75 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 25%) } -html[data-theme='dark'] .sf-c-firebrick\:80, html.dark .sf-c-firebrick\:80 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-firebrick\:85, html.dark .sf-c-firebrick\:85 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 15%) } -html[data-theme='dark'] .sf-c-firebrick\:90, html.dark .sf-c-firebrick\:90 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-firebrick\:95, html.dark .sf-c-firebrick\:95 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } -html[data-theme='dark'] .sf-c-firebrick\:100, html.dark .sf-c-firebrick\:100 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } - -html[data-theme='dark'] .sf-c-firebrick\:st, html.dark .sf-c-firebrick\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 42%) } -html[data-theme='dark'] .sf-c-firebrick\:0\:st, html.dark .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } -html[data-theme='dark'] .sf-c-firebrick\:5\:st, html.dark .sf-c-firebrick\:5\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } -html[data-theme='dark'] .sf-c-firebrick\:10\:st, html.dark .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-firebrick\:15\:st, html.dark .sf-c-firebrick\:15\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 15%) } -html[data-theme='dark'] .sf-c-firebrick\:20\:st, html.dark .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-firebrick\:25\:st, html.dark .sf-c-firebrick\:25\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 25%) } -html[data-theme='dark'] .sf-c-firebrick\:30\:st, html.dark .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-firebrick\:35\:st, html.dark .sf-c-firebrick\:35\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 35%) } -html[data-theme='dark'] .sf-c-firebrick\:40\:st, html.dark .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-firebrick\:45\:st, html.dark .sf-c-firebrick\:45\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 45%) } -html[data-theme='dark'] .sf-c-firebrick\:50\:st, html.dark .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-firebrick\:55\:st, html.dark .sf-c-firebrick\:55\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 55%) } -html[data-theme='dark'] .sf-c-firebrick\:60\:st, html.dark .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-firebrick\:65\:st, html.dark .sf-c-firebrick\:65\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 65%) } -html[data-theme='dark'] .sf-c-firebrick\:70\:st, html.dark .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-firebrick\:75\:st, html.dark .sf-c-firebrick\:75\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 75%) } -html[data-theme='dark'] .sf-c-firebrick\:80\:st, html.dark .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-firebrick\:85\:st, html.dark .sf-c-firebrick\:85\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 85%) } -html[data-theme='dark'] .sf-c-firebrick\:90\:st, html.dark .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-firebrick\:95\:st, html.dark .sf-c-firebrick\:95\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } -html[data-theme='dark'] .sf-c-firebrick\:100\:st, html.dark .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } - -html[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:5, html.dark .sf-c-txt-firebrick\:5 { color: hsl(0, 68%, 95%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:15, html.dark .sf-c-txt-firebrick\:15 { color: hsl(0, 68%, 85%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:25, html.dark .sf-c-txt-firebrick\:25 { color: hsl(0, 68%, 75%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:35, html.dark .sf-c-txt-firebrick\:35 { color: hsl(0, 68%, 65%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:45, html.dark .sf-c-txt-firebrick\:45 { color: hsl(0, 68%, 55%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:55, html.dark .sf-c-txt-firebrick\:55 { color: hsl(0, 68%, 45%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:65, html.dark .sf-c-txt-firebrick\:65 { color: hsl(0, 68%, 35%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:75, html.dark .sf-c-txt-firebrick\:75 { color: hsl(0, 68%, 25%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:85, html.dark .sf-c-txt-firebrick\:85 { color: hsl(0, 68%, 15%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:95, html.dark .sf-c-txt-firebrick\:95 { color: hsl(0, 68%, 5%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } - -html[data-theme='dark'] .sf-c-txt-firebrick\:st, html.dark .sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:0\:st, html.dark .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:5\:st, html.dark .sf-c-txt-firebrick\:5\:st { color: hsl(0, 68%, 5%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:10\:st, html.dark .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:15\:st, html.dark .sf-c-txt-firebrick\:15\:st { color: hsl(0, 68%, 15%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:20\:st, html.dark .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:25\:st, html.dark .sf-c-txt-firebrick\:25\:st { color: hsl(0, 68%, 25%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:30\:st, html.dark .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:35\:st, html.dark .sf-c-txt-firebrick\:35\:st { color: hsl(0, 68%, 35%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:40\:st, html.dark .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:45\:st, html.dark .sf-c-txt-firebrick\:45\:st { color: hsl(0, 68%, 45%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:50\:st, html.dark .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:55\:st, html.dark .sf-c-txt-firebrick\:55\:st { color: hsl(0, 68%, 55%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:60\:st, html.dark .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:65\:st, html.dark .sf-c-txt-firebrick\:65\:st { color: hsl(0, 68%, 65%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:70\:st, html.dark .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:75\:st, html.dark .sf-c-txt-firebrick\:75\:st { color: hsl(0, 68%, 75%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:80\:st, html.dark .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:85\:st, html.dark .sf-c-txt-firebrick\:85\:st { color: hsl(0, 68%, 85%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:90\:st, html.dark .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:95\:st, html.dark .sf-c-txt-firebrick\:95\:st { color: hsl(0, 68%, 95%) } -html[data-theme='dark'] .sf-c-txt-firebrick\:100\:st, html.dark .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-firebrick, html.auto .sf-c-firebrick { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 58%) } - html[data-theme='auto'] .sf-c-firebrick\:0, html.auto .sf-c-firebrick\:0 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } - html[data-theme='auto'] .sf-c-firebrick\:5, html.auto .sf-c-firebrick\:5 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } - html[data-theme='auto'] .sf-c-firebrick\:10, html.auto .sf-c-firebrick\:10 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-firebrick\:15, html.auto .sf-c-firebrick\:15 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 85%) } - html[data-theme='auto'] .sf-c-firebrick\:20, html.auto .sf-c-firebrick\:20 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-firebrick\:25, html.auto .sf-c-firebrick\:25 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 75%) } - html[data-theme='auto'] .sf-c-firebrick\:30, html.auto .sf-c-firebrick\:30 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-firebrick\:35, html.auto .sf-c-firebrick\:35 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 65%) } - html[data-theme='auto'] .sf-c-firebrick\:40, html.auto .sf-c-firebrick\:40 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-firebrick\:45, html.auto .sf-c-firebrick\:45 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 55%) } - html[data-theme='auto'] .sf-c-firebrick\:50, html.auto .sf-c-firebrick\:50 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-firebrick\:55, html.auto .sf-c-firebrick\:55 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 45%) } - html[data-theme='auto'] .sf-c-firebrick\:60, html.auto .sf-c-firebrick\:60 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-firebrick\:65, html.auto .sf-c-firebrick\:65 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 35%) } - html[data-theme='auto'] .sf-c-firebrick\:70, html.auto .sf-c-firebrick\:70 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-firebrick\:75, html.auto .sf-c-firebrick\:75 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 25%) } - html[data-theme='auto'] .sf-c-firebrick\:80, html.auto .sf-c-firebrick\:80 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-firebrick\:85, html.auto .sf-c-firebrick\:85 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 15%) } - html[data-theme='auto'] .sf-c-firebrick\:90, html.auto .sf-c-firebrick\:90 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-firebrick\:95, html.auto .sf-c-firebrick\:95 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } - html[data-theme='auto'] .sf-c-firebrick\:100, html.auto .sf-c-firebrick\:100 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } - - html[data-theme='auto'] .sf-c-firebrick\:st, html.auto .sf-c-firebrick\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 42%) } - html[data-theme='auto'] .sf-c-firebrick\:0\:st, html.auto .sf-c-firebrick\:0\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } - html[data-theme='auto'] .sf-c-firebrick\:5\:st, html.auto .sf-c-firebrick\:5\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } - html[data-theme='auto'] .sf-c-firebrick\:10\:st, html.auto .sf-c-firebrick\:10\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-firebrick\:15\:st, html.auto .sf-c-firebrick\:15\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 15%) } - html[data-theme='auto'] .sf-c-firebrick\:20\:st, html.auto .sf-c-firebrick\:20\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-firebrick\:25\:st, html.auto .sf-c-firebrick\:25\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 25%) } - html[data-theme='auto'] .sf-c-firebrick\:30\:st, html.auto .sf-c-firebrick\:30\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-firebrick\:35\:st, html.auto .sf-c-firebrick\:35\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 35%) } - html[data-theme='auto'] .sf-c-firebrick\:40\:st, html.auto .sf-c-firebrick\:40\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-firebrick\:45\:st, html.auto .sf-c-firebrick\:45\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 45%) } - html[data-theme='auto'] .sf-c-firebrick\:50\:st, html.auto .sf-c-firebrick\:50\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-firebrick\:55\:st, html.auto .sf-c-firebrick\:55\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 55%) } - html[data-theme='auto'] .sf-c-firebrick\:60\:st, html.auto .sf-c-firebrick\:60\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-firebrick\:65\:st, html.auto .sf-c-firebrick\:65\:st { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 65%) } - html[data-theme='auto'] .sf-c-firebrick\:70\:st, html.auto .sf-c-firebrick\:70\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-firebrick\:75\:st, html.auto .sf-c-firebrick\:75\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 75%) } - html[data-theme='auto'] .sf-c-firebrick\:80\:st, html.auto .sf-c-firebrick\:80\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-firebrick\:85\:st, html.auto .sf-c-firebrick\:85\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 85%) } - html[data-theme='auto'] .sf-c-firebrick\:90\:st, html.auto .sf-c-firebrick\:90\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-firebrick\:95\:st, html.auto .sf-c-firebrick\:95\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } - html[data-theme='auto'] .sf-c-firebrick\:100\:st, html.auto .sf-c-firebrick\:100\:st { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } - - html[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:5, html.auto .sf-c-txt-firebrick\:5 { color: hsl(0, 68%, 95%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:15, html.auto .sf-c-txt-firebrick\:15 { color: hsl(0, 68%, 85%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:25, html.auto .sf-c-txt-firebrick\:25 { color: hsl(0, 68%, 75%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:35, html.auto .sf-c-txt-firebrick\:35 { color: hsl(0, 68%, 65%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:45, html.auto .sf-c-txt-firebrick\:45 { color: hsl(0, 68%, 55%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:55, html.auto .sf-c-txt-firebrick\:55 { color: hsl(0, 68%, 45%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:65, html.auto .sf-c-txt-firebrick\:65 { color: hsl(0, 68%, 35%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:75, html.auto .sf-c-txt-firebrick\:75 { color: hsl(0, 68%, 25%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:85, html.auto .sf-c-txt-firebrick\:85 { color: hsl(0, 68%, 15%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:95, html.auto .sf-c-txt-firebrick\:95 { color: hsl(0, 68%, 5%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } - - html[data-theme='auto'] .sf-c-txt-firebrick\:st, html.auto .sf-c-txt-firebrick\:st { color: hsl(0, 68%, 42%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:0\:st, html.auto .sf-c-txt-firebrick\:0\:st { color: hsl(0, 68%, 0%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:5\:st, html.auto .sf-c-txt-firebrick\:5\:st { color: hsl(0, 68%, 5%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:10\:st, html.auto .sf-c-txt-firebrick\:10\:st { color: hsl(0, 68%, 10%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:15\:st, html.auto .sf-c-txt-firebrick\:15\:st { color: hsl(0, 68%, 15%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:20\:st, html.auto .sf-c-txt-firebrick\:20\:st { color: hsl(0, 68%, 20%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:25\:st, html.auto .sf-c-txt-firebrick\:25\:st { color: hsl(0, 68%, 25%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:30\:st, html.auto .sf-c-txt-firebrick\:30\:st { color: hsl(0, 68%, 30%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:35\:st, html.auto .sf-c-txt-firebrick\:35\:st { color: hsl(0, 68%, 35%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:40\:st, html.auto .sf-c-txt-firebrick\:40\:st { color: hsl(0, 68%, 40%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:45\:st, html.auto .sf-c-txt-firebrick\:45\:st { color: hsl(0, 68%, 45%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:50\:st, html.auto .sf-c-txt-firebrick\:50\:st { color: hsl(0, 68%, 50%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:55\:st, html.auto .sf-c-txt-firebrick\:55\:st { color: hsl(0, 68%, 55%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:60\:st, html.auto .sf-c-txt-firebrick\:60\:st { color: hsl(0, 68%, 60%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:65\:st, html.auto .sf-c-txt-firebrick\:65\:st { color: hsl(0, 68%, 65%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:70\:st, html.auto .sf-c-txt-firebrick\:70\:st { color: hsl(0, 68%, 70%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:75\:st, html.auto .sf-c-txt-firebrick\:75\:st { color: hsl(0, 68%, 75%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:80\:st, html.auto .sf-c-txt-firebrick\:80\:st { color: hsl(0, 68%, 80%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:85\:st, html.auto .sf-c-txt-firebrick\:85\:st { color: hsl(0, 68%, 85%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:90\:st, html.auto .sf-c-txt-firebrick\:90\:st { color: hsl(0, 68%, 90%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:95\:st, html.auto .sf-c-txt-firebrick\:95\:st { color: hsl(0, 68%, 95%) } - html[data-theme='auto'] .sf-c-txt-firebrick\:100\:st, html.auto .sf-c-txt-firebrick\:100\:st { color: hsl(0, 68%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/floralwhite.css b/src/colors/20/floralwhite.css deleted file mode 100644 index 5cd166f..0000000 --- a/src/colors/20/floralwhite.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-floralwhite { - --sf-c-floralwhite: 40 100% 97%; - --sf-c-floralwhite-0: 40 100% 0%; - --sf-c-floralwhite-5: 40 100% 5%; - --sf-c-floralwhite-10: 40 100% 10%; - --sf-c-floralwhite-15: 40 100% 15%; - --sf-c-floralwhite-20: 40 100% 20%; - --sf-c-floralwhite-25: 40 100% 25%; - --sf-c-floralwhite-30: 40 100% 30%; - --sf-c-floralwhite-35: 40 100% 35%; - --sf-c-floralwhite-40: 40 100% 40%; - --sf-c-floralwhite-45: 40 100% 45%; - --sf-c-floralwhite-50: 40 100% 50%; - --sf-c-floralwhite-55: 40 100% 55%; - --sf-c-floralwhite-60: 40 100% 60%; - --sf-c-floralwhite-65: 40 100% 65%; - --sf-c-floralwhite-70: 40 100% 70%; - --sf-c-floralwhite-75: 40 100% 75%; - --sf-c-floralwhite-80: 40 100% 80%; - --sf-c-floralwhite-85: 40 100% 85%; - --sf-c-floralwhite-90: 40 100% 90%; - --sf-c-floralwhite-95: 40 100% 95%; - --sf-c-floralwhite-100: 40 100% 100%; -} - -.sf-c-floralwhite, .sf-c-floralwhite\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 97%) } -.sf-c-floralwhite\:0, .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } -.sf-c-floralwhite\:5, .sf-c-floralwhite\:5\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } -.sf-c-floralwhite\:10, .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } -.sf-c-floralwhite\:15, .sf-c-floralwhite\:15\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 15%) } -.sf-c-floralwhite\:20, .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 20%) } -.sf-c-floralwhite\:25, .sf-c-floralwhite\:25\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 25%) } -.sf-c-floralwhite\:30, .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 30%) } -.sf-c-floralwhite\:35, .sf-c-floralwhite\:35\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 35%) } -.sf-c-floralwhite\:40, .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 40%) } -.sf-c-floralwhite\:45, .sf-c-floralwhite\:45\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 45%) } -.sf-c-floralwhite\:50, .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 50%) } -.sf-c-floralwhite\:55, .sf-c-floralwhite\:55\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 55%) } -.sf-c-floralwhite\:60, .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 60%) } -.sf-c-floralwhite\:65, .sf-c-floralwhite\:65\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 65%) } -.sf-c-floralwhite\:70, .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 70%) } -.sf-c-floralwhite\:75, .sf-c-floralwhite\:75\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 75%) } -.sf-c-floralwhite\:80, .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 80%) } -.sf-c-floralwhite\:85, .sf-c-floralwhite\:85\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 85%) } -.sf-c-floralwhite\:90, .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 90%) } -.sf-c-floralwhite\:95, .sf-c-floralwhite\:95\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } -.sf-c-floralwhite\:100, .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } - -.sf-c-txt-floralwhite { color: hsl(40, 100%, 10%) } -.sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } -.sf-c-txt-floralwhite\:0, .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } -.sf-c-txt-floralwhite\:5, .sf-c-txt-floralwhite\:5\:st { color: hsl(40, 100%, 5%) } -.sf-c-txt-floralwhite\:10, .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } -.sf-c-txt-floralwhite\:15, .sf-c-txt-floralwhite\:15\:st { color: hsl(40, 100%, 15%) } -.sf-c-txt-floralwhite\:20, .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } -.sf-c-txt-floralwhite\:25, .sf-c-txt-floralwhite\:25\:st { color: hsl(40, 100%, 25%) } -.sf-c-txt-floralwhite\:30, .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } -.sf-c-txt-floralwhite\:35, .sf-c-txt-floralwhite\:35\:st { color: hsl(40, 100%, 35%) } -.sf-c-txt-floralwhite\:40, .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } -.sf-c-txt-floralwhite\:45, .sf-c-txt-floralwhite\:45\:st { color: hsl(40, 100%, 45%) } -.sf-c-txt-floralwhite\:50, .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } -.sf-c-txt-floralwhite\:55, .sf-c-txt-floralwhite\:55\:st { color: hsl(40, 100%, 55%) } -.sf-c-txt-floralwhite\:60, .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } -.sf-c-txt-floralwhite\:65, .sf-c-txt-floralwhite\:65\:st { color: hsl(40, 100%, 65%) } -.sf-c-txt-floralwhite\:70, .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } -.sf-c-txt-floralwhite\:75, .sf-c-txt-floralwhite\:75\:st { color: hsl(40, 100%, 75%) } -.sf-c-txt-floralwhite\:80, .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } -.sf-c-txt-floralwhite\:85, .sf-c-txt-floralwhite\:85\:st { color: hsl(40, 100%, 85%) } -.sf-c-txt-floralwhite\:90, .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } -.sf-c-txt-floralwhite\:95, .sf-c-txt-floralwhite\:95\:st { color: hsl(40, 100%, 95%) } -.sf-c-txt-floralwhite\:100, .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } - -html[data-theme='dark'] .sf-c-floralwhite, html.dark .sf-c-floralwhite { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 3%) } -html[data-theme='dark'] .sf-c-floralwhite\:0, html.dark .sf-c-floralwhite\:0 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } -html[data-theme='dark'] .sf-c-floralwhite\:5, html.dark .sf-c-floralwhite\:5 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } -html[data-theme='dark'] .sf-c-floralwhite\:10, html.dark .sf-c-floralwhite\:10 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-floralwhite\:15, html.dark .sf-c-floralwhite\:15 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 85%) } -html[data-theme='dark'] .sf-c-floralwhite\:20, html.dark .sf-c-floralwhite\:20 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-floralwhite\:25, html.dark .sf-c-floralwhite\:25 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 75%) } -html[data-theme='dark'] .sf-c-floralwhite\:30, html.dark .sf-c-floralwhite\:30 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-floralwhite\:35, html.dark .sf-c-floralwhite\:35 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 65%) } -html[data-theme='dark'] .sf-c-floralwhite\:40, html.dark .sf-c-floralwhite\:40 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-floralwhite\:45, html.dark .sf-c-floralwhite\:45 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 55%) } -html[data-theme='dark'] .sf-c-floralwhite\:50, html.dark .sf-c-floralwhite\:50 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-floralwhite\:55, html.dark .sf-c-floralwhite\:55 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 45%) } -html[data-theme='dark'] .sf-c-floralwhite\:60, html.dark .sf-c-floralwhite\:60 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-floralwhite\:65, html.dark .sf-c-floralwhite\:65 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 35%) } -html[data-theme='dark'] .sf-c-floralwhite\:70, html.dark .sf-c-floralwhite\:70 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-floralwhite\:75, html.dark .sf-c-floralwhite\:75 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 25%) } -html[data-theme='dark'] .sf-c-floralwhite\:80, html.dark .sf-c-floralwhite\:80 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-floralwhite\:85, html.dark .sf-c-floralwhite\:85 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 15%) } -html[data-theme='dark'] .sf-c-floralwhite\:90, html.dark .sf-c-floralwhite\:90 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-floralwhite\:95, html.dark .sf-c-floralwhite\:95 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } -html[data-theme='dark'] .sf-c-floralwhite\:100, html.dark .sf-c-floralwhite\:100 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } - -html[data-theme='dark'] .sf-c-floralwhite\:st, html.dark .sf-c-floralwhite\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-floralwhite\:0\:st, html.dark .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } -html[data-theme='dark'] .sf-c-floralwhite\:5\:st, html.dark .sf-c-floralwhite\:5\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } -html[data-theme='dark'] .sf-c-floralwhite\:10\:st, html.dark .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-floralwhite\:15\:st, html.dark .sf-c-floralwhite\:15\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 15%) } -html[data-theme='dark'] .sf-c-floralwhite\:20\:st, html.dark .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-floralwhite\:25\:st, html.dark .sf-c-floralwhite\:25\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 25%) } -html[data-theme='dark'] .sf-c-floralwhite\:30\:st, html.dark .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-floralwhite\:35\:st, html.dark .sf-c-floralwhite\:35\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 35%) } -html[data-theme='dark'] .sf-c-floralwhite\:40\:st, html.dark .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-floralwhite\:45\:st, html.dark .sf-c-floralwhite\:45\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 45%) } -html[data-theme='dark'] .sf-c-floralwhite\:50\:st, html.dark .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-floralwhite\:55\:st, html.dark .sf-c-floralwhite\:55\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 55%) } -html[data-theme='dark'] .sf-c-floralwhite\:60\:st, html.dark .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-floralwhite\:65\:st, html.dark .sf-c-floralwhite\:65\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 65%) } -html[data-theme='dark'] .sf-c-floralwhite\:70\:st, html.dark .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-floralwhite\:75\:st, html.dark .sf-c-floralwhite\:75\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 75%) } -html[data-theme='dark'] .sf-c-floralwhite\:80\:st, html.dark .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-floralwhite\:85\:st, html.dark .sf-c-floralwhite\:85\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 85%) } -html[data-theme='dark'] .sf-c-floralwhite\:90\:st, html.dark .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-floralwhite\:95\:st, html.dark .sf-c-floralwhite\:95\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } -html[data-theme='dark'] .sf-c-floralwhite\:100\:st, html.dark .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:5, html.dark .sf-c-txt-floralwhite\:5 { color: hsl(40, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:15, html.dark .sf-c-txt-floralwhite\:15 { color: hsl(40, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:25, html.dark .sf-c-txt-floralwhite\:25 { color: hsl(40, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:35, html.dark .sf-c-txt-floralwhite\:35 { color: hsl(40, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:45, html.dark .sf-c-txt-floralwhite\:45 { color: hsl(40, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:55, html.dark .sf-c-txt-floralwhite\:55 { color: hsl(40, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:65, html.dark .sf-c-txt-floralwhite\:65 { color: hsl(40, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:75, html.dark .sf-c-txt-floralwhite\:75 { color: hsl(40, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:85, html.dark .sf-c-txt-floralwhite\:85 { color: hsl(40, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:95, html.dark .sf-c-txt-floralwhite\:95 { color: hsl(40, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-floralwhite\:st, html.dark .sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:0\:st, html.dark .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:5\:st, html.dark .sf-c-txt-floralwhite\:5\:st { color: hsl(40, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:10\:st, html.dark .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:15\:st, html.dark .sf-c-txt-floralwhite\:15\:st { color: hsl(40, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:20\:st, html.dark .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:25\:st, html.dark .sf-c-txt-floralwhite\:25\:st { color: hsl(40, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:30\:st, html.dark .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:35\:st, html.dark .sf-c-txt-floralwhite\:35\:st { color: hsl(40, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:40\:st, html.dark .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:45\:st, html.dark .sf-c-txt-floralwhite\:45\:st { color: hsl(40, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:50\:st, html.dark .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:55\:st, html.dark .sf-c-txt-floralwhite\:55\:st { color: hsl(40, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:60\:st, html.dark .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:65\:st, html.dark .sf-c-txt-floralwhite\:65\:st { color: hsl(40, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:70\:st, html.dark .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:75\:st, html.dark .sf-c-txt-floralwhite\:75\:st { color: hsl(40, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:80\:st, html.dark .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:85\:st, html.dark .sf-c-txt-floralwhite\:85\:st { color: hsl(40, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:90\:st, html.dark .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:95\:st, html.dark .sf-c-txt-floralwhite\:95\:st { color: hsl(40, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-floralwhite\:100\:st, html.dark .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-floralwhite, html.auto .sf-c-floralwhite { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 3%) } - html[data-theme='auto'] .sf-c-floralwhite\:0, html.auto .sf-c-floralwhite\:0 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } - html[data-theme='auto'] .sf-c-floralwhite\:5, html.auto .sf-c-floralwhite\:5 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } - html[data-theme='auto'] .sf-c-floralwhite\:10, html.auto .sf-c-floralwhite\:10 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-floralwhite\:15, html.auto .sf-c-floralwhite\:15 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 85%) } - html[data-theme='auto'] .sf-c-floralwhite\:20, html.auto .sf-c-floralwhite\:20 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-floralwhite\:25, html.auto .sf-c-floralwhite\:25 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 75%) } - html[data-theme='auto'] .sf-c-floralwhite\:30, html.auto .sf-c-floralwhite\:30 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-floralwhite\:35, html.auto .sf-c-floralwhite\:35 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 65%) } - html[data-theme='auto'] .sf-c-floralwhite\:40, html.auto .sf-c-floralwhite\:40 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-floralwhite\:45, html.auto .sf-c-floralwhite\:45 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 55%) } - html[data-theme='auto'] .sf-c-floralwhite\:50, html.auto .sf-c-floralwhite\:50 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-floralwhite\:55, html.auto .sf-c-floralwhite\:55 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 45%) } - html[data-theme='auto'] .sf-c-floralwhite\:60, html.auto .sf-c-floralwhite\:60 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-floralwhite\:65, html.auto .sf-c-floralwhite\:65 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 35%) } - html[data-theme='auto'] .sf-c-floralwhite\:70, html.auto .sf-c-floralwhite\:70 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-floralwhite\:75, html.auto .sf-c-floralwhite\:75 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 25%) } - html[data-theme='auto'] .sf-c-floralwhite\:80, html.auto .sf-c-floralwhite\:80 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-floralwhite\:85, html.auto .sf-c-floralwhite\:85 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 15%) } - html[data-theme='auto'] .sf-c-floralwhite\:90, html.auto .sf-c-floralwhite\:90 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-floralwhite\:95, html.auto .sf-c-floralwhite\:95 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } - html[data-theme='auto'] .sf-c-floralwhite\:100, html.auto .sf-c-floralwhite\:100 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } - - html[data-theme='auto'] .sf-c-floralwhite\:st, html.auto .sf-c-floralwhite\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-floralwhite\:0\:st, html.auto .sf-c-floralwhite\:0\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } - html[data-theme='auto'] .sf-c-floralwhite\:5\:st, html.auto .sf-c-floralwhite\:5\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } - html[data-theme='auto'] .sf-c-floralwhite\:10\:st, html.auto .sf-c-floralwhite\:10\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-floralwhite\:15\:st, html.auto .sf-c-floralwhite\:15\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 15%) } - html[data-theme='auto'] .sf-c-floralwhite\:20\:st, html.auto .sf-c-floralwhite\:20\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-floralwhite\:25\:st, html.auto .sf-c-floralwhite\:25\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 25%) } - html[data-theme='auto'] .sf-c-floralwhite\:30\:st, html.auto .sf-c-floralwhite\:30\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-floralwhite\:35\:st, html.auto .sf-c-floralwhite\:35\:st { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 35%) } - html[data-theme='auto'] .sf-c-floralwhite\:40\:st, html.auto .sf-c-floralwhite\:40\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-floralwhite\:45\:st, html.auto .sf-c-floralwhite\:45\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 45%) } - html[data-theme='auto'] .sf-c-floralwhite\:50\:st, html.auto .sf-c-floralwhite\:50\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-floralwhite\:55\:st, html.auto .sf-c-floralwhite\:55\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 55%) } - html[data-theme='auto'] .sf-c-floralwhite\:60\:st, html.auto .sf-c-floralwhite\:60\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-floralwhite\:65\:st, html.auto .sf-c-floralwhite\:65\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 65%) } - html[data-theme='auto'] .sf-c-floralwhite\:70\:st, html.auto .sf-c-floralwhite\:70\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-floralwhite\:75\:st, html.auto .sf-c-floralwhite\:75\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 75%) } - html[data-theme='auto'] .sf-c-floralwhite\:80\:st, html.auto .sf-c-floralwhite\:80\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-floralwhite\:85\:st, html.auto .sf-c-floralwhite\:85\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 85%) } - html[data-theme='auto'] .sf-c-floralwhite\:90\:st, html.auto .sf-c-floralwhite\:90\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-floralwhite\:95\:st, html.auto .sf-c-floralwhite\:95\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } - html[data-theme='auto'] .sf-c-floralwhite\:100\:st, html.auto .sf-c-floralwhite\:100\:st { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:5, html.auto .sf-c-txt-floralwhite\:5 { color: hsl(40, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:15, html.auto .sf-c-txt-floralwhite\:15 { color: hsl(40, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:25, html.auto .sf-c-txt-floralwhite\:25 { color: hsl(40, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:35, html.auto .sf-c-txt-floralwhite\:35 { color: hsl(40, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:45, html.auto .sf-c-txt-floralwhite\:45 { color: hsl(40, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:55, html.auto .sf-c-txt-floralwhite\:55 { color: hsl(40, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:65, html.auto .sf-c-txt-floralwhite\:65 { color: hsl(40, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:75, html.auto .sf-c-txt-floralwhite\:75 { color: hsl(40, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:85, html.auto .sf-c-txt-floralwhite\:85 { color: hsl(40, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:95, html.auto .sf-c-txt-floralwhite\:95 { color: hsl(40, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-floralwhite\:st, html.auto .sf-c-txt-floralwhite\:st { color: hsl(40, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:0\:st, html.auto .sf-c-txt-floralwhite\:0\:st { color: hsl(40, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:5\:st, html.auto .sf-c-txt-floralwhite\:5\:st { color: hsl(40, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:10\:st, html.auto .sf-c-txt-floralwhite\:10\:st { color: hsl(40, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:15\:st, html.auto .sf-c-txt-floralwhite\:15\:st { color: hsl(40, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:20\:st, html.auto .sf-c-txt-floralwhite\:20\:st { color: hsl(40, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:25\:st, html.auto .sf-c-txt-floralwhite\:25\:st { color: hsl(40, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:30\:st, html.auto .sf-c-txt-floralwhite\:30\:st { color: hsl(40, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:35\:st, html.auto .sf-c-txt-floralwhite\:35\:st { color: hsl(40, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:40\:st, html.auto .sf-c-txt-floralwhite\:40\:st { color: hsl(40, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:45\:st, html.auto .sf-c-txt-floralwhite\:45\:st { color: hsl(40, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:50\:st, html.auto .sf-c-txt-floralwhite\:50\:st { color: hsl(40, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:55\:st, html.auto .sf-c-txt-floralwhite\:55\:st { color: hsl(40, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:60\:st, html.auto .sf-c-txt-floralwhite\:60\:st { color: hsl(40, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:65\:st, html.auto .sf-c-txt-floralwhite\:65\:st { color: hsl(40, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:70\:st, html.auto .sf-c-txt-floralwhite\:70\:st { color: hsl(40, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:75\:st, html.auto .sf-c-txt-floralwhite\:75\:st { color: hsl(40, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:80\:st, html.auto .sf-c-txt-floralwhite\:80\:st { color: hsl(40, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:85\:st, html.auto .sf-c-txt-floralwhite\:85\:st { color: hsl(40, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:90\:st, html.auto .sf-c-txt-floralwhite\:90\:st { color: hsl(40, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:95\:st, html.auto .sf-c-txt-floralwhite\:95\:st { color: hsl(40, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-floralwhite\:100\:st, html.auto .sf-c-txt-floralwhite\:100\:st { color: hsl(40, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/forestgreen.css b/src/colors/20/forestgreen.css deleted file mode 100644 index 463805f..0000000 --- a/src/colors/20/forestgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-forestgreen { - --sf-c-forestgreen: 120 61% 34%; - --sf-c-forestgreen-0: 120 61% 0%; - --sf-c-forestgreen-5: 120 61% 5%; - --sf-c-forestgreen-10: 120 61% 10%; - --sf-c-forestgreen-15: 120 61% 15%; - --sf-c-forestgreen-20: 120 61% 20%; - --sf-c-forestgreen-25: 120 61% 25%; - --sf-c-forestgreen-30: 120 61% 30%; - --sf-c-forestgreen-35: 120 61% 35%; - --sf-c-forestgreen-40: 120 61% 40%; - --sf-c-forestgreen-45: 120 61% 45%; - --sf-c-forestgreen-50: 120 61% 50%; - --sf-c-forestgreen-55: 120 61% 55%; - --sf-c-forestgreen-60: 120 61% 60%; - --sf-c-forestgreen-65: 120 61% 65%; - --sf-c-forestgreen-70: 120 61% 70%; - --sf-c-forestgreen-75: 120 61% 75%; - --sf-c-forestgreen-80: 120 61% 80%; - --sf-c-forestgreen-85: 120 61% 85%; - --sf-c-forestgreen-90: 120 61% 90%; - --sf-c-forestgreen-95: 120 61% 95%; - --sf-c-forestgreen-100: 120 61% 100%; -} - -.sf-c-forestgreen, .sf-c-forestgreen\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 34%) } -.sf-c-forestgreen\:0, .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -.sf-c-forestgreen\:5, .sf-c-forestgreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -.sf-c-forestgreen\:10, .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -.sf-c-forestgreen\:15, .sf-c-forestgreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -.sf-c-forestgreen\:20, .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -.sf-c-forestgreen\:25, .sf-c-forestgreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -.sf-c-forestgreen\:30, .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -.sf-c-forestgreen\:35, .sf-c-forestgreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -.sf-c-forestgreen\:40, .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -.sf-c-forestgreen\:45, .sf-c-forestgreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -.sf-c-forestgreen\:50, .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -.sf-c-forestgreen\:55, .sf-c-forestgreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -.sf-c-forestgreen\:60, .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -.sf-c-forestgreen\:65, .sf-c-forestgreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -.sf-c-forestgreen\:70, .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -.sf-c-forestgreen\:75, .sf-c-forestgreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -.sf-c-forestgreen\:80, .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -.sf-c-forestgreen\:85, .sf-c-forestgreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -.sf-c-forestgreen\:90, .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -.sf-c-forestgreen\:95, .sf-c-forestgreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -.sf-c-forestgreen\:100, .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - -.sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } -.sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } -.sf-c-txt-forestgreen\:0, .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } -.sf-c-txt-forestgreen\:5, .sf-c-txt-forestgreen\:5\:st { color: hsl(120, 61%, 5%) } -.sf-c-txt-forestgreen\:10, .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } -.sf-c-txt-forestgreen\:15, .sf-c-txt-forestgreen\:15\:st { color: hsl(120, 61%, 15%) } -.sf-c-txt-forestgreen\:20, .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } -.sf-c-txt-forestgreen\:25, .sf-c-txt-forestgreen\:25\:st { color: hsl(120, 61%, 25%) } -.sf-c-txt-forestgreen\:30, .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } -.sf-c-txt-forestgreen\:35, .sf-c-txt-forestgreen\:35\:st { color: hsl(120, 61%, 35%) } -.sf-c-txt-forestgreen\:40, .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } -.sf-c-txt-forestgreen\:45, .sf-c-txt-forestgreen\:45\:st { color: hsl(120, 61%, 45%) } -.sf-c-txt-forestgreen\:50, .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-forestgreen\:55, .sf-c-txt-forestgreen\:55\:st { color: hsl(120, 61%, 55%) } -.sf-c-txt-forestgreen\:60, .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } -.sf-c-txt-forestgreen\:65, .sf-c-txt-forestgreen\:65\:st { color: hsl(120, 61%, 65%) } -.sf-c-txt-forestgreen\:70, .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } -.sf-c-txt-forestgreen\:75, .sf-c-txt-forestgreen\:75\:st { color: hsl(120, 61%, 75%) } -.sf-c-txt-forestgreen\:80, .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } -.sf-c-txt-forestgreen\:85, .sf-c-txt-forestgreen\:85\:st { color: hsl(120, 61%, 85%) } -.sf-c-txt-forestgreen\:90, .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } -.sf-c-txt-forestgreen\:95, .sf-c-txt-forestgreen\:95\:st { color: hsl(120, 61%, 95%) } -.sf-c-txt-forestgreen\:100, .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-forestgreen, html.dark .sf-c-forestgreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 66%) } -html[data-theme='dark'] .sf-c-forestgreen\:0, html.dark .sf-c-forestgreen\:0 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-forestgreen\:5, html.dark .sf-c-forestgreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-forestgreen\:10, html.dark .sf-c-forestgreen\:10 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-forestgreen\:15, html.dark .sf-c-forestgreen\:15 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-forestgreen\:20, html.dark .sf-c-forestgreen\:20 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-forestgreen\:25, html.dark .sf-c-forestgreen\:25 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-forestgreen\:30, html.dark .sf-c-forestgreen\:30 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-forestgreen\:35, html.dark .sf-c-forestgreen\:35 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-forestgreen\:40, html.dark .sf-c-forestgreen\:40 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-forestgreen\:45, html.dark .sf-c-forestgreen\:45 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-forestgreen\:50, html.dark .sf-c-forestgreen\:50 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-forestgreen\:55, html.dark .sf-c-forestgreen\:55 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-forestgreen\:60, html.dark .sf-c-forestgreen\:60 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-forestgreen\:65, html.dark .sf-c-forestgreen\:65 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-forestgreen\:70, html.dark .sf-c-forestgreen\:70 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-forestgreen\:75, html.dark .sf-c-forestgreen\:75 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-forestgreen\:80, html.dark .sf-c-forestgreen\:80 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-forestgreen\:85, html.dark .sf-c-forestgreen\:85 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-forestgreen\:90, html.dark .sf-c-forestgreen\:90 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-forestgreen\:95, html.dark .sf-c-forestgreen\:95 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-forestgreen\:100, html.dark .sf-c-forestgreen\:100 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-forestgreen\:st, html.dark .sf-c-forestgreen\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 34%) } -html[data-theme='dark'] .sf-c-forestgreen\:0\:st, html.dark .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-forestgreen\:5\:st, html.dark .sf-c-forestgreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-forestgreen\:10\:st, html.dark .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-forestgreen\:15\:st, html.dark .sf-c-forestgreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-forestgreen\:20\:st, html.dark .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-forestgreen\:25\:st, html.dark .sf-c-forestgreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-forestgreen\:30\:st, html.dark .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-forestgreen\:35\:st, html.dark .sf-c-forestgreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-forestgreen\:40\:st, html.dark .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-forestgreen\:45\:st, html.dark .sf-c-forestgreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-forestgreen\:50\:st, html.dark .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-forestgreen\:55\:st, html.dark .sf-c-forestgreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-forestgreen\:60\:st, html.dark .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-forestgreen\:65\:st, html.dark .sf-c-forestgreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-forestgreen\:70\:st, html.dark .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-forestgreen\:75\:st, html.dark .sf-c-forestgreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-forestgreen\:80\:st, html.dark .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-forestgreen\:85\:st, html.dark .sf-c-forestgreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-forestgreen\:90\:st, html.dark .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-forestgreen\:95\:st, html.dark .sf-c-forestgreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-forestgreen\:100\:st, html.dark .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:5, html.dark .sf-c-txt-forestgreen\:5 { color: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:15, html.dark .sf-c-txt-forestgreen\:15 { color: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:25, html.dark .sf-c-txt-forestgreen\:25 { color: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:35, html.dark .sf-c-txt-forestgreen\:35 { color: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:45, html.dark .sf-c-txt-forestgreen\:45 { color: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:55, html.dark .sf-c-txt-forestgreen\:55 { color: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:65, html.dark .sf-c-txt-forestgreen\:65 { color: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:75, html.dark .sf-c-txt-forestgreen\:75 { color: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:85, html.dark .sf-c-txt-forestgreen\:85 { color: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:95, html.dark .sf-c-txt-forestgreen\:95 { color: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-forestgreen\:st, html.dark .sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:0\:st, html.dark .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:5\:st, html.dark .sf-c-txt-forestgreen\:5\:st { color: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:10\:st, html.dark .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:15\:st, html.dark .sf-c-txt-forestgreen\:15\:st { color: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:20\:st, html.dark .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:25\:st, html.dark .sf-c-txt-forestgreen\:25\:st { color: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:30\:st, html.dark .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:35\:st, html.dark .sf-c-txt-forestgreen\:35\:st { color: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:40\:st, html.dark .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:45\:st, html.dark .sf-c-txt-forestgreen\:45\:st { color: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:50\:st, html.dark .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:55\:st, html.dark .sf-c-txt-forestgreen\:55\:st { color: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:60\:st, html.dark .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:65\:st, html.dark .sf-c-txt-forestgreen\:65\:st { color: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:70\:st, html.dark .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:75\:st, html.dark .sf-c-txt-forestgreen\:75\:st { color: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:80\:st, html.dark .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:85\:st, html.dark .sf-c-txt-forestgreen\:85\:st { color: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:90\:st, html.dark .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:95\:st, html.dark .sf-c-txt-forestgreen\:95\:st { color: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-forestgreen\:100\:st, html.dark .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-forestgreen, html.auto .sf-c-forestgreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 66%) } - html[data-theme='auto'] .sf-c-forestgreen\:0, html.auto .sf-c-forestgreen\:0 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-forestgreen\:5, html.auto .sf-c-forestgreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-forestgreen\:10, html.auto .sf-c-forestgreen\:10 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-forestgreen\:15, html.auto .sf-c-forestgreen\:15 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-forestgreen\:20, html.auto .sf-c-forestgreen\:20 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-forestgreen\:25, html.auto .sf-c-forestgreen\:25 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-forestgreen\:30, html.auto .sf-c-forestgreen\:30 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-forestgreen\:35, html.auto .sf-c-forestgreen\:35 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-forestgreen\:40, html.auto .sf-c-forestgreen\:40 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-forestgreen\:45, html.auto .sf-c-forestgreen\:45 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-forestgreen\:50, html.auto .sf-c-forestgreen\:50 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-forestgreen\:55, html.auto .sf-c-forestgreen\:55 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-forestgreen\:60, html.auto .sf-c-forestgreen\:60 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-forestgreen\:65, html.auto .sf-c-forestgreen\:65 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-forestgreen\:70, html.auto .sf-c-forestgreen\:70 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-forestgreen\:75, html.auto .sf-c-forestgreen\:75 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-forestgreen\:80, html.auto .sf-c-forestgreen\:80 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-forestgreen\:85, html.auto .sf-c-forestgreen\:85 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-forestgreen\:90, html.auto .sf-c-forestgreen\:90 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-forestgreen\:95, html.auto .sf-c-forestgreen\:95 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-forestgreen\:100, html.auto .sf-c-forestgreen\:100 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-forestgreen\:st, html.auto .sf-c-forestgreen\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 34%) } - html[data-theme='auto'] .sf-c-forestgreen\:0\:st, html.auto .sf-c-forestgreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-forestgreen\:5\:st, html.auto .sf-c-forestgreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-forestgreen\:10\:st, html.auto .sf-c-forestgreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-forestgreen\:15\:st, html.auto .sf-c-forestgreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-forestgreen\:20\:st, html.auto .sf-c-forestgreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-forestgreen\:25\:st, html.auto .sf-c-forestgreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-forestgreen\:30\:st, html.auto .sf-c-forestgreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-forestgreen\:35\:st, html.auto .sf-c-forestgreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-forestgreen\:40\:st, html.auto .sf-c-forestgreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-forestgreen\:45\:st, html.auto .sf-c-forestgreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-forestgreen\:50\:st, html.auto .sf-c-forestgreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-forestgreen\:55\:st, html.auto .sf-c-forestgreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-forestgreen\:60\:st, html.auto .sf-c-forestgreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-forestgreen\:65\:st, html.auto .sf-c-forestgreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-forestgreen\:70\:st, html.auto .sf-c-forestgreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-forestgreen\:75\:st, html.auto .sf-c-forestgreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-forestgreen\:80\:st, html.auto .sf-c-forestgreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-forestgreen\:85\:st, html.auto .sf-c-forestgreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-forestgreen\:90\:st, html.auto .sf-c-forestgreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-forestgreen\:95\:st, html.auto .sf-c-forestgreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-forestgreen\:100\:st, html.auto .sf-c-forestgreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:5, html.auto .sf-c-txt-forestgreen\:5 { color: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:15, html.auto .sf-c-txt-forestgreen\:15 { color: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:25, html.auto .sf-c-txt-forestgreen\:25 { color: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:35, html.auto .sf-c-txt-forestgreen\:35 { color: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:45, html.auto .sf-c-txt-forestgreen\:45 { color: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:55, html.auto .sf-c-txt-forestgreen\:55 { color: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:65, html.auto .sf-c-txt-forestgreen\:65 { color: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:75, html.auto .sf-c-txt-forestgreen\:75 { color: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:85, html.auto .sf-c-txt-forestgreen\:85 { color: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:95, html.auto .sf-c-txt-forestgreen\:95 { color: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-forestgreen\:st, html.auto .sf-c-txt-forestgreen\:st { color: hsl(120, 61%, 34%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:0\:st, html.auto .sf-c-txt-forestgreen\:0\:st { color: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:5\:st, html.auto .sf-c-txt-forestgreen\:5\:st { color: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:10\:st, html.auto .sf-c-txt-forestgreen\:10\:st { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:15\:st, html.auto .sf-c-txt-forestgreen\:15\:st { color: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:20\:st, html.auto .sf-c-txt-forestgreen\:20\:st { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:25\:st, html.auto .sf-c-txt-forestgreen\:25\:st { color: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:30\:st, html.auto .sf-c-txt-forestgreen\:30\:st { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:35\:st, html.auto .sf-c-txt-forestgreen\:35\:st { color: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:40\:st, html.auto .sf-c-txt-forestgreen\:40\:st { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:45\:st, html.auto .sf-c-txt-forestgreen\:45\:st { color: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:50\:st, html.auto .sf-c-txt-forestgreen\:50\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:55\:st, html.auto .sf-c-txt-forestgreen\:55\:st { color: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:60\:st, html.auto .sf-c-txt-forestgreen\:60\:st { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:65\:st, html.auto .sf-c-txt-forestgreen\:65\:st { color: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:70\:st, html.auto .sf-c-txt-forestgreen\:70\:st { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:75\:st, html.auto .sf-c-txt-forestgreen\:75\:st { color: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:80\:st, html.auto .sf-c-txt-forestgreen\:80\:st { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:85\:st, html.auto .sf-c-txt-forestgreen\:85\:st { color: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:90\:st, html.auto .sf-c-txt-forestgreen\:90\:st { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:95\:st, html.auto .sf-c-txt-forestgreen\:95\:st { color: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-forestgreen\:100\:st, html.auto .sf-c-txt-forestgreen\:100\:st { color: hsl(120, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/fuchsia.css b/src/colors/20/fuchsia.css deleted file mode 100644 index 60dcbeb..0000000 --- a/src/colors/20/fuchsia.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-fuchsia { - --sf-c-fuchsia: 300 100% 50%; - --sf-c-fuchsia-0: 300 100% 0%; - --sf-c-fuchsia-5: 300 100% 5%; - --sf-c-fuchsia-10: 300 100% 10%; - --sf-c-fuchsia-15: 300 100% 15%; - --sf-c-fuchsia-20: 300 100% 20%; - --sf-c-fuchsia-25: 300 100% 25%; - --sf-c-fuchsia-30: 300 100% 30%; - --sf-c-fuchsia-35: 300 100% 35%; - --sf-c-fuchsia-40: 300 100% 40%; - --sf-c-fuchsia-45: 300 100% 45%; - --sf-c-fuchsia-50: 300 100% 50%; - --sf-c-fuchsia-55: 300 100% 55%; - --sf-c-fuchsia-60: 300 100% 60%; - --sf-c-fuchsia-65: 300 100% 65%; - --sf-c-fuchsia-70: 300 100% 70%; - --sf-c-fuchsia-75: 300 100% 75%; - --sf-c-fuchsia-80: 300 100% 80%; - --sf-c-fuchsia-85: 300 100% 85%; - --sf-c-fuchsia-90: 300 100% 90%; - --sf-c-fuchsia-95: 300 100% 95%; - --sf-c-fuchsia-100: 300 100% 100%; -} - -.sf-c-fuchsia, .sf-c-fuchsia\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-fuchsia\:0, .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -.sf-c-fuchsia\:5, .sf-c-fuchsia\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -.sf-c-fuchsia\:10, .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -.sf-c-fuchsia\:15, .sf-c-fuchsia\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -.sf-c-fuchsia\:20, .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -.sf-c-fuchsia\:25, .sf-c-fuchsia\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -.sf-c-fuchsia\:30, .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -.sf-c-fuchsia\:35, .sf-c-fuchsia\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -.sf-c-fuchsia\:40, .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -.sf-c-fuchsia\:45, .sf-c-fuchsia\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -.sf-c-fuchsia\:50, .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-fuchsia\:55, .sf-c-fuchsia\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -.sf-c-fuchsia\:60, .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -.sf-c-fuchsia\:65, .sf-c-fuchsia\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -.sf-c-fuchsia\:70, .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -.sf-c-fuchsia\:75, .sf-c-fuchsia\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -.sf-c-fuchsia\:80, .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -.sf-c-fuchsia\:85, .sf-c-fuchsia\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -.sf-c-fuchsia\:90, .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -.sf-c-fuchsia\:95, .sf-c-fuchsia\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -.sf-c-fuchsia\:100, .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:0, .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-fuchsia\:5, .sf-c-txt-fuchsia\:5\:st { color: hsl(300, 100%, 5%) } -.sf-c-txt-fuchsia\:10, .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-fuchsia\:15, .sf-c-txt-fuchsia\:15\:st { color: hsl(300, 100%, 15%) } -.sf-c-txt-fuchsia\:20, .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-fuchsia\:25, .sf-c-txt-fuchsia\:25\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-fuchsia\:30, .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-fuchsia\:35, .sf-c-txt-fuchsia\:35\:st { color: hsl(300, 100%, 35%) } -.sf-c-txt-fuchsia\:40, .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-fuchsia\:45, .sf-c-txt-fuchsia\:45\:st { color: hsl(300, 100%, 45%) } -.sf-c-txt-fuchsia\:50, .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-fuchsia\:55, .sf-c-txt-fuchsia\:55\:st { color: hsl(300, 100%, 55%) } -.sf-c-txt-fuchsia\:60, .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-fuchsia\:65, .sf-c-txt-fuchsia\:65\:st { color: hsl(300, 100%, 65%) } -.sf-c-txt-fuchsia\:70, .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-fuchsia\:75, .sf-c-txt-fuchsia\:75\:st { color: hsl(300, 100%, 75%) } -.sf-c-txt-fuchsia\:80, .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-fuchsia\:85, .sf-c-txt-fuchsia\:85\:st { color: hsl(300, 100%, 85%) } -.sf-c-txt-fuchsia\:90, .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-fuchsia\:95, .sf-c-txt-fuchsia\:95\:st { color: hsl(300, 100%, 95%) } -.sf-c-txt-fuchsia\:100, .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-fuchsia, html.dark .sf-c-fuchsia { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:0, html.dark .sf-c-fuchsia\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-fuchsia\:5, html.dark .sf-c-fuchsia\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-fuchsia\:10, html.dark .sf-c-fuchsia\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-fuchsia\:15, html.dark .sf-c-fuchsia\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-fuchsia\:20, html.dark .sf-c-fuchsia\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-fuchsia\:25, html.dark .sf-c-fuchsia\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-fuchsia\:30, html.dark .sf-c-fuchsia\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-fuchsia\:35, html.dark .sf-c-fuchsia\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-fuchsia\:40, html.dark .sf-c-fuchsia\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-fuchsia\:45, html.dark .sf-c-fuchsia\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-fuchsia\:50, html.dark .sf-c-fuchsia\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:55, html.dark .sf-c-fuchsia\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-fuchsia\:60, html.dark .sf-c-fuchsia\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-fuchsia\:65, html.dark .sf-c-fuchsia\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-fuchsia\:70, html.dark .sf-c-fuchsia\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-fuchsia\:75, html.dark .sf-c-fuchsia\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-fuchsia\:80, html.dark .sf-c-fuchsia\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-fuchsia\:85, html.dark .sf-c-fuchsia\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-fuchsia\:90, html.dark .sf-c-fuchsia\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-fuchsia\:95, html.dark .sf-c-fuchsia\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-fuchsia\:100, html.dark .sf-c-fuchsia\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-fuchsia\:st, html.dark .sf-c-fuchsia\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:0\:st, html.dark .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-fuchsia\:5\:st, html.dark .sf-c-fuchsia\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-fuchsia\:10\:st, html.dark .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-fuchsia\:15\:st, html.dark .sf-c-fuchsia\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-fuchsia\:20\:st, html.dark .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-fuchsia\:25\:st, html.dark .sf-c-fuchsia\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-fuchsia\:30\:st, html.dark .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-fuchsia\:35\:st, html.dark .sf-c-fuchsia\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-fuchsia\:40\:st, html.dark .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-fuchsia\:45\:st, html.dark .sf-c-fuchsia\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-fuchsia\:50\:st, html.dark .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-fuchsia\:55\:st, html.dark .sf-c-fuchsia\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-fuchsia\:60\:st, html.dark .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-fuchsia\:65\:st, html.dark .sf-c-fuchsia\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-fuchsia\:70\:st, html.dark .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-fuchsia\:75\:st, html.dark .sf-c-fuchsia\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-fuchsia\:80\:st, html.dark .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-fuchsia\:85\:st, html.dark .sf-c-fuchsia\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-fuchsia\:90\:st, html.dark .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-fuchsia\:95\:st, html.dark .sf-c-fuchsia\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-fuchsia\:100\:st, html.dark .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:5, html.dark .sf-c-txt-fuchsia\:5 { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:15, html.dark .sf-c-txt-fuchsia\:15 { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:25, html.dark .sf-c-txt-fuchsia\:25 { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:35, html.dark .sf-c-txt-fuchsia\:35 { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:45, html.dark .sf-c-txt-fuchsia\:45 { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:55, html.dark .sf-c-txt-fuchsia\:55 { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:65, html.dark .sf-c-txt-fuchsia\:65 { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:75, html.dark .sf-c-txt-fuchsia\:75 { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:85, html.dark .sf-c-txt-fuchsia\:85 { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:95, html.dark .sf-c-txt-fuchsia\:95 { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-fuchsia\:st, html.dark .sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:st, html.dark .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:5\:st, html.dark .sf-c-txt-fuchsia\:5\:st { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:st, html.dark .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:15\:st, html.dark .sf-c-txt-fuchsia\:15\:st { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:st, html.dark .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:25\:st, html.dark .sf-c-txt-fuchsia\:25\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:st, html.dark .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:35\:st, html.dark .sf-c-txt-fuchsia\:35\:st { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:st, html.dark .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:45\:st, html.dark .sf-c-txt-fuchsia\:45\:st { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:st, html.dark .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:55\:st, html.dark .sf-c-txt-fuchsia\:55\:st { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:st, html.dark .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:65\:st, html.dark .sf-c-txt-fuchsia\:65\:st { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:st, html.dark .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:75\:st, html.dark .sf-c-txt-fuchsia\:75\:st { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:st, html.dark .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:85\:st, html.dark .sf-c-txt-fuchsia\:85\:st { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:st, html.dark .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:95\:st, html.dark .sf-c-txt-fuchsia\:95\:st { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:st, html.dark .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-fuchsia, html.auto .sf-c-fuchsia { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:0, html.auto .sf-c-fuchsia\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-fuchsia\:5, html.auto .sf-c-fuchsia\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-fuchsia\:10, html.auto .sf-c-fuchsia\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-fuchsia\:15, html.auto .sf-c-fuchsia\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-fuchsia\:20, html.auto .sf-c-fuchsia\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-fuchsia\:25, html.auto .sf-c-fuchsia\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-fuchsia\:30, html.auto .sf-c-fuchsia\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-fuchsia\:35, html.auto .sf-c-fuchsia\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-fuchsia\:40, html.auto .sf-c-fuchsia\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-fuchsia\:45, html.auto .sf-c-fuchsia\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-fuchsia\:50, html.auto .sf-c-fuchsia\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:55, html.auto .sf-c-fuchsia\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-fuchsia\:60, html.auto .sf-c-fuchsia\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-fuchsia\:65, html.auto .sf-c-fuchsia\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-fuchsia\:70, html.auto .sf-c-fuchsia\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-fuchsia\:75, html.auto .sf-c-fuchsia\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-fuchsia\:80, html.auto .sf-c-fuchsia\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-fuchsia\:85, html.auto .sf-c-fuchsia\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-fuchsia\:90, html.auto .sf-c-fuchsia\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-fuchsia\:95, html.auto .sf-c-fuchsia\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-fuchsia\:100, html.auto .sf-c-fuchsia\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-fuchsia\:st, html.auto .sf-c-fuchsia\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:0\:st, html.auto .sf-c-fuchsia\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-fuchsia\:5\:st, html.auto .sf-c-fuchsia\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-fuchsia\:10\:st, html.auto .sf-c-fuchsia\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-fuchsia\:15\:st, html.auto .sf-c-fuchsia\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-fuchsia\:20\:st, html.auto .sf-c-fuchsia\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-fuchsia\:25\:st, html.auto .sf-c-fuchsia\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-fuchsia\:30\:st, html.auto .sf-c-fuchsia\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-fuchsia\:35\:st, html.auto .sf-c-fuchsia\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-fuchsia\:40\:st, html.auto .sf-c-fuchsia\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-fuchsia\:45\:st, html.auto .sf-c-fuchsia\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-fuchsia\:50\:st, html.auto .sf-c-fuchsia\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-fuchsia\:55\:st, html.auto .sf-c-fuchsia\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-fuchsia\:60\:st, html.auto .sf-c-fuchsia\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-fuchsia\:65\:st, html.auto .sf-c-fuchsia\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-fuchsia\:70\:st, html.auto .sf-c-fuchsia\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-fuchsia\:75\:st, html.auto .sf-c-fuchsia\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-fuchsia\:80\:st, html.auto .sf-c-fuchsia\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-fuchsia\:85\:st, html.auto .sf-c-fuchsia\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-fuchsia\:90\:st, html.auto .sf-c-fuchsia\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-fuchsia\:95\:st, html.auto .sf-c-fuchsia\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-fuchsia\:100\:st, html.auto .sf-c-fuchsia\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:5, html.auto .sf-c-txt-fuchsia\:5 { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:15, html.auto .sf-c-txt-fuchsia\:15 { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:25, html.auto .sf-c-txt-fuchsia\:25 { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:35, html.auto .sf-c-txt-fuchsia\:35 { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:45, html.auto .sf-c-txt-fuchsia\:45 { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:55, html.auto .sf-c-txt-fuchsia\:55 { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:65, html.auto .sf-c-txt-fuchsia\:65 { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:75, html.auto .sf-c-txt-fuchsia\:75 { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:85, html.auto .sf-c-txt-fuchsia\:85 { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:95, html.auto .sf-c-txt-fuchsia\:95 { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-fuchsia\:st, html.auto .sf-c-txt-fuchsia\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:st, html.auto .sf-c-txt-fuchsia\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:5\:st, html.auto .sf-c-txt-fuchsia\:5\:st { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:st, html.auto .sf-c-txt-fuchsia\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:15\:st, html.auto .sf-c-txt-fuchsia\:15\:st { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:st, html.auto .sf-c-txt-fuchsia\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:25\:st, html.auto .sf-c-txt-fuchsia\:25\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:st, html.auto .sf-c-txt-fuchsia\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:35\:st, html.auto .sf-c-txt-fuchsia\:35\:st { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:st, html.auto .sf-c-txt-fuchsia\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:45\:st, html.auto .sf-c-txt-fuchsia\:45\:st { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:st, html.auto .sf-c-txt-fuchsia\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:55\:st, html.auto .sf-c-txt-fuchsia\:55\:st { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:st, html.auto .sf-c-txt-fuchsia\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:65\:st, html.auto .sf-c-txt-fuchsia\:65\:st { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:st, html.auto .sf-c-txt-fuchsia\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:75\:st, html.auto .sf-c-txt-fuchsia\:75\:st { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:st, html.auto .sf-c-txt-fuchsia\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:85\:st, html.auto .sf-c-txt-fuchsia\:85\:st { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:st, html.auto .sf-c-txt-fuchsia\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:95\:st, html.auto .sf-c-txt-fuchsia\:95\:st { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:st, html.auto .sf-c-txt-fuchsia\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/gainsboro.css b/src/colors/20/gainsboro.css deleted file mode 100644 index 20d674e..0000000 --- a/src/colors/20/gainsboro.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-gainsboro { - --sf-c-gainsboro: 0 0% 86%; - --sf-c-gainsboro-0: 0 0% 0%; - --sf-c-gainsboro-5: 0 0% 5%; - --sf-c-gainsboro-10: 0 0% 10%; - --sf-c-gainsboro-15: 0 0% 15%; - --sf-c-gainsboro-20: 0 0% 20%; - --sf-c-gainsboro-25: 0 0% 25%; - --sf-c-gainsboro-30: 0 0% 30%; - --sf-c-gainsboro-35: 0 0% 35%; - --sf-c-gainsboro-40: 0 0% 40%; - --sf-c-gainsboro-45: 0 0% 45%; - --sf-c-gainsboro-50: 0 0% 50%; - --sf-c-gainsboro-55: 0 0% 55%; - --sf-c-gainsboro-60: 0 0% 60%; - --sf-c-gainsboro-65: 0 0% 65%; - --sf-c-gainsboro-70: 0 0% 70%; - --sf-c-gainsboro-75: 0 0% 75%; - --sf-c-gainsboro-80: 0 0% 80%; - --sf-c-gainsboro-85: 0 0% 85%; - --sf-c-gainsboro-90: 0 0% 90%; - --sf-c-gainsboro-95: 0 0% 95%; - --sf-c-gainsboro-100: 0 0% 100%; -} - -.sf-c-gainsboro, .sf-c-gainsboro\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 86%) } -.sf-c-gainsboro\:0, .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-gainsboro\:5, .sf-c-gainsboro\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-gainsboro\:10, .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-gainsboro\:15, .sf-c-gainsboro\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-gainsboro\:20, .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-gainsboro\:25, .sf-c-gainsboro\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-gainsboro\:30, .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-gainsboro\:35, .sf-c-gainsboro\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-gainsboro\:40, .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-gainsboro\:45, .sf-c-gainsboro\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-gainsboro\:50, .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-gainsboro\:55, .sf-c-gainsboro\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-gainsboro\:60, .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-gainsboro\:65, .sf-c-gainsboro\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-gainsboro\:70, .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-gainsboro\:75, .sf-c-gainsboro\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-gainsboro\:80, .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-gainsboro\:85, .sf-c-gainsboro\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-gainsboro\:90, .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-gainsboro\:95, .sf-c-gainsboro\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-gainsboro\:100, .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-gainsboro { color: hsl(0, 0%, 10%) } -.sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } -.sf-c-txt-gainsboro\:0, .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-gainsboro\:5, .sf-c-txt-gainsboro\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-gainsboro\:10, .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-gainsboro\:15, .sf-c-txt-gainsboro\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-gainsboro\:20, .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-gainsboro\:25, .sf-c-txt-gainsboro\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-gainsboro\:30, .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-gainsboro\:35, .sf-c-txt-gainsboro\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-gainsboro\:40, .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-gainsboro\:45, .sf-c-txt-gainsboro\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-gainsboro\:50, .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gainsboro\:55, .sf-c-txt-gainsboro\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-gainsboro\:60, .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-gainsboro\:65, .sf-c-txt-gainsboro\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-gainsboro\:70, .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-gainsboro\:75, .sf-c-txt-gainsboro\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-gainsboro\:80, .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-gainsboro\:85, .sf-c-txt-gainsboro\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-gainsboro\:90, .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-gainsboro\:95, .sf-c-txt-gainsboro\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-gainsboro\:100, .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-gainsboro, html.dark .sf-c-gainsboro { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 14%) } -html[data-theme='dark'] .sf-c-gainsboro\:0, html.dark .sf-c-gainsboro\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-gainsboro\:5, html.dark .sf-c-gainsboro\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-gainsboro\:10, html.dark .sf-c-gainsboro\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gainsboro\:15, html.dark .sf-c-gainsboro\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-gainsboro\:20, html.dark .sf-c-gainsboro\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gainsboro\:25, html.dark .sf-c-gainsboro\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-gainsboro\:30, html.dark .sf-c-gainsboro\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gainsboro\:35, html.dark .sf-c-gainsboro\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-gainsboro\:40, html.dark .sf-c-gainsboro\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gainsboro\:45, html.dark .sf-c-gainsboro\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-gainsboro\:50, html.dark .sf-c-gainsboro\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gainsboro\:55, html.dark .sf-c-gainsboro\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-gainsboro\:60, html.dark .sf-c-gainsboro\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gainsboro\:65, html.dark .sf-c-gainsboro\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-gainsboro\:70, html.dark .sf-c-gainsboro\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gainsboro\:75, html.dark .sf-c-gainsboro\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-gainsboro\:80, html.dark .sf-c-gainsboro\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gainsboro\:85, html.dark .sf-c-gainsboro\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-gainsboro\:90, html.dark .sf-c-gainsboro\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gainsboro\:95, html.dark .sf-c-gainsboro\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-gainsboro\:100, html.dark .sf-c-gainsboro\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-gainsboro\:st, html.dark .sf-c-gainsboro\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-gainsboro\:0\:st, html.dark .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-gainsboro\:5\:st, html.dark .sf-c-gainsboro\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-gainsboro\:10\:st, html.dark .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gainsboro\:15\:st, html.dark .sf-c-gainsboro\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-gainsboro\:20\:st, html.dark .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gainsboro\:25\:st, html.dark .sf-c-gainsboro\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-gainsboro\:30\:st, html.dark .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gainsboro\:35\:st, html.dark .sf-c-gainsboro\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-gainsboro\:40\:st, html.dark .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gainsboro\:45\:st, html.dark .sf-c-gainsboro\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-gainsboro\:50\:st, html.dark .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gainsboro\:55\:st, html.dark .sf-c-gainsboro\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-gainsboro\:60\:st, html.dark .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gainsboro\:65\:st, html.dark .sf-c-gainsboro\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-gainsboro\:70\:st, html.dark .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gainsboro\:75\:st, html.dark .sf-c-gainsboro\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-gainsboro\:80\:st, html.dark .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gainsboro\:85\:st, html.dark .sf-c-gainsboro\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-gainsboro\:90\:st, html.dark .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gainsboro\:95\:st, html.dark .sf-c-gainsboro\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-gainsboro\:100\:st, html.dark .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:5, html.dark .sf-c-txt-gainsboro\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:15, html.dark .sf-c-txt-gainsboro\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:25, html.dark .sf-c-txt-gainsboro\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:35, html.dark .sf-c-txt-gainsboro\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:45, html.dark .sf-c-txt-gainsboro\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:55, html.dark .sf-c-txt-gainsboro\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:65, html.dark .sf-c-txt-gainsboro\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:75, html.dark .sf-c-txt-gainsboro\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:85, html.dark .sf-c-txt-gainsboro\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:95, html.dark .sf-c-txt-gainsboro\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gainsboro\:st, html.dark .sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:0\:st, html.dark .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:5\:st, html.dark .sf-c-txt-gainsboro\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:10\:st, html.dark .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:15\:st, html.dark .sf-c-txt-gainsboro\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:20\:st, html.dark .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:25\:st, html.dark .sf-c-txt-gainsboro\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:30\:st, html.dark .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:35\:st, html.dark .sf-c-txt-gainsboro\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:40\:st, html.dark .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:45\:st, html.dark .sf-c-txt-gainsboro\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:50\:st, html.dark .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:55\:st, html.dark .sf-c-txt-gainsboro\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:60\:st, html.dark .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:65\:st, html.dark .sf-c-txt-gainsboro\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:70\:st, html.dark .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:75\:st, html.dark .sf-c-txt-gainsboro\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:80\:st, html.dark .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:85\:st, html.dark .sf-c-txt-gainsboro\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:90\:st, html.dark .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:95\:st, html.dark .sf-c-txt-gainsboro\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-gainsboro\:100\:st, html.dark .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gainsboro, html.auto .sf-c-gainsboro { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 14%) } - html[data-theme='auto'] .sf-c-gainsboro\:0, html.auto .sf-c-gainsboro\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-gainsboro\:5, html.auto .sf-c-gainsboro\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-gainsboro\:10, html.auto .sf-c-gainsboro\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gainsboro\:15, html.auto .sf-c-gainsboro\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-gainsboro\:20, html.auto .sf-c-gainsboro\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gainsboro\:25, html.auto .sf-c-gainsboro\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-gainsboro\:30, html.auto .sf-c-gainsboro\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gainsboro\:35, html.auto .sf-c-gainsboro\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-gainsboro\:40, html.auto .sf-c-gainsboro\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gainsboro\:45, html.auto .sf-c-gainsboro\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-gainsboro\:50, html.auto .sf-c-gainsboro\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gainsboro\:55, html.auto .sf-c-gainsboro\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-gainsboro\:60, html.auto .sf-c-gainsboro\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gainsboro\:65, html.auto .sf-c-gainsboro\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-gainsboro\:70, html.auto .sf-c-gainsboro\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gainsboro\:75, html.auto .sf-c-gainsboro\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-gainsboro\:80, html.auto .sf-c-gainsboro\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gainsboro\:85, html.auto .sf-c-gainsboro\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-gainsboro\:90, html.auto .sf-c-gainsboro\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gainsboro\:95, html.auto .sf-c-gainsboro\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-gainsboro\:100, html.auto .sf-c-gainsboro\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-gainsboro\:st, html.auto .sf-c-gainsboro\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-gainsboro\:0\:st, html.auto .sf-c-gainsboro\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-gainsboro\:5\:st, html.auto .sf-c-gainsboro\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-gainsboro\:10\:st, html.auto .sf-c-gainsboro\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gainsboro\:15\:st, html.auto .sf-c-gainsboro\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-gainsboro\:20\:st, html.auto .sf-c-gainsboro\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gainsboro\:25\:st, html.auto .sf-c-gainsboro\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-gainsboro\:30\:st, html.auto .sf-c-gainsboro\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gainsboro\:35\:st, html.auto .sf-c-gainsboro\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-gainsboro\:40\:st, html.auto .sf-c-gainsboro\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gainsboro\:45\:st, html.auto .sf-c-gainsboro\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-gainsboro\:50\:st, html.auto .sf-c-gainsboro\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gainsboro\:55\:st, html.auto .sf-c-gainsboro\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-gainsboro\:60\:st, html.auto .sf-c-gainsboro\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gainsboro\:65\:st, html.auto .sf-c-gainsboro\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-gainsboro\:70\:st, html.auto .sf-c-gainsboro\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gainsboro\:75\:st, html.auto .sf-c-gainsboro\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-gainsboro\:80\:st, html.auto .sf-c-gainsboro\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gainsboro\:85\:st, html.auto .sf-c-gainsboro\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-gainsboro\:90\:st, html.auto .sf-c-gainsboro\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gainsboro\:95\:st, html.auto .sf-c-gainsboro\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-gainsboro\:100\:st, html.auto .sf-c-gainsboro\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:5, html.auto .sf-c-txt-gainsboro\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:15, html.auto .sf-c-txt-gainsboro\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:25, html.auto .sf-c-txt-gainsboro\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:35, html.auto .sf-c-txt-gainsboro\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:45, html.auto .sf-c-txt-gainsboro\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:55, html.auto .sf-c-txt-gainsboro\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:65, html.auto .sf-c-txt-gainsboro\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:75, html.auto .sf-c-txt-gainsboro\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:85, html.auto .sf-c-txt-gainsboro\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:95, html.auto .sf-c-txt-gainsboro\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gainsboro\:st, html.auto .sf-c-txt-gainsboro\:st { color: hsl(0, 0%, 86%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:0\:st, html.auto .sf-c-txt-gainsboro\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:5\:st, html.auto .sf-c-txt-gainsboro\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:10\:st, html.auto .sf-c-txt-gainsboro\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:15\:st, html.auto .sf-c-txt-gainsboro\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:20\:st, html.auto .sf-c-txt-gainsboro\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:25\:st, html.auto .sf-c-txt-gainsboro\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:30\:st, html.auto .sf-c-txt-gainsboro\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:35\:st, html.auto .sf-c-txt-gainsboro\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:40\:st, html.auto .sf-c-txt-gainsboro\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:45\:st, html.auto .sf-c-txt-gainsboro\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:50\:st, html.auto .sf-c-txt-gainsboro\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:55\:st, html.auto .sf-c-txt-gainsboro\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:60\:st, html.auto .sf-c-txt-gainsboro\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:65\:st, html.auto .sf-c-txt-gainsboro\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:70\:st, html.auto .sf-c-txt-gainsboro\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:75\:st, html.auto .sf-c-txt-gainsboro\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:80\:st, html.auto .sf-c-txt-gainsboro\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:85\:st, html.auto .sf-c-txt-gainsboro\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:90\:st, html.auto .sf-c-txt-gainsboro\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:95\:st, html.auto .sf-c-txt-gainsboro\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-gainsboro\:100\:st, html.auto .sf-c-txt-gainsboro\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/ghostwhite.css b/src/colors/20/ghostwhite.css deleted file mode 100644 index 1187386..0000000 --- a/src/colors/20/ghostwhite.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-ghostwhite { - --sf-c-ghostwhite: 240 100% 99%; - --sf-c-ghostwhite-0: 240 100% 0%; - --sf-c-ghostwhite-5: 240 100% 5%; - --sf-c-ghostwhite-10: 240 100% 10%; - --sf-c-ghostwhite-15: 240 100% 15%; - --sf-c-ghostwhite-20: 240 100% 20%; - --sf-c-ghostwhite-25: 240 100% 25%; - --sf-c-ghostwhite-30: 240 100% 30%; - --sf-c-ghostwhite-35: 240 100% 35%; - --sf-c-ghostwhite-40: 240 100% 40%; - --sf-c-ghostwhite-45: 240 100% 45%; - --sf-c-ghostwhite-50: 240 100% 50%; - --sf-c-ghostwhite-55: 240 100% 55%; - --sf-c-ghostwhite-60: 240 100% 60%; - --sf-c-ghostwhite-65: 240 100% 65%; - --sf-c-ghostwhite-70: 240 100% 70%; - --sf-c-ghostwhite-75: 240 100% 75%; - --sf-c-ghostwhite-80: 240 100% 80%; - --sf-c-ghostwhite-85: 240 100% 85%; - --sf-c-ghostwhite-90: 240 100% 90%; - --sf-c-ghostwhite-95: 240 100% 95%; - --sf-c-ghostwhite-100: 240 100% 100%; -} - -.sf-c-ghostwhite, .sf-c-ghostwhite\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 99%) } -.sf-c-ghostwhite\:0, .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -.sf-c-ghostwhite\:5, .sf-c-ghostwhite\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -.sf-c-ghostwhite\:10, .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -.sf-c-ghostwhite\:15, .sf-c-ghostwhite\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -.sf-c-ghostwhite\:20, .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -.sf-c-ghostwhite\:25, .sf-c-ghostwhite\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-ghostwhite\:30, .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -.sf-c-ghostwhite\:35, .sf-c-ghostwhite\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -.sf-c-ghostwhite\:40, .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-ghostwhite\:45, .sf-c-ghostwhite\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -.sf-c-ghostwhite\:50, .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-ghostwhite\:55, .sf-c-ghostwhite\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -.sf-c-ghostwhite\:60, .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -.sf-c-ghostwhite\:65, .sf-c-ghostwhite\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -.sf-c-ghostwhite\:70, .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -.sf-c-ghostwhite\:75, .sf-c-ghostwhite\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -.sf-c-ghostwhite\:80, .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -.sf-c-ghostwhite\:85, .sf-c-ghostwhite\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -.sf-c-ghostwhite\:90, .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -.sf-c-ghostwhite\:95, .sf-c-ghostwhite\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -.sf-c-ghostwhite\:100, .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-ghostwhite { color: hsl(240, 100%, 10%) } -.sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } -.sf-c-txt-ghostwhite\:0, .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-ghostwhite\:5, .sf-c-txt-ghostwhite\:5\:st { color: hsl(240, 100%, 5%) } -.sf-c-txt-ghostwhite\:10, .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-ghostwhite\:15, .sf-c-txt-ghostwhite\:15\:st { color: hsl(240, 100%, 15%) } -.sf-c-txt-ghostwhite\:20, .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-ghostwhite\:25, .sf-c-txt-ghostwhite\:25\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-ghostwhite\:30, .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-ghostwhite\:35, .sf-c-txt-ghostwhite\:35\:st { color: hsl(240, 100%, 35%) } -.sf-c-txt-ghostwhite\:40, .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-ghostwhite\:45, .sf-c-txt-ghostwhite\:45\:st { color: hsl(240, 100%, 45%) } -.sf-c-txt-ghostwhite\:50, .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-ghostwhite\:55, .sf-c-txt-ghostwhite\:55\:st { color: hsl(240, 100%, 55%) } -.sf-c-txt-ghostwhite\:60, .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-ghostwhite\:65, .sf-c-txt-ghostwhite\:65\:st { color: hsl(240, 100%, 65%) } -.sf-c-txt-ghostwhite\:70, .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-ghostwhite\:75, .sf-c-txt-ghostwhite\:75\:st { color: hsl(240, 100%, 75%) } -.sf-c-txt-ghostwhite\:80, .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-ghostwhite\:85, .sf-c-txt-ghostwhite\:85\:st { color: hsl(240, 100%, 85%) } -.sf-c-txt-ghostwhite\:90, .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-ghostwhite\:95, .sf-c-txt-ghostwhite\:95\:st { color: hsl(240, 100%, 95%) } -.sf-c-txt-ghostwhite\:100, .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-ghostwhite, html.dark .sf-c-ghostwhite { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 1%) } -html[data-theme='dark'] .sf-c-ghostwhite\:0, html.dark .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-ghostwhite\:5, html.dark .sf-c-ghostwhite\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-ghostwhite\:10, html.dark .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-ghostwhite\:15, html.dark .sf-c-ghostwhite\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-ghostwhite\:20, html.dark .sf-c-ghostwhite\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-ghostwhite\:25, html.dark .sf-c-ghostwhite\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-ghostwhite\:30, html.dark .sf-c-ghostwhite\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-ghostwhite\:35, html.dark .sf-c-ghostwhite\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-ghostwhite\:40, html.dark .sf-c-ghostwhite\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-ghostwhite\:45, html.dark .sf-c-ghostwhite\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-ghostwhite\:50, html.dark .sf-c-ghostwhite\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-ghostwhite\:55, html.dark .sf-c-ghostwhite\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-ghostwhite\:60, html.dark .sf-c-ghostwhite\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-ghostwhite\:65, html.dark .sf-c-ghostwhite\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-ghostwhite\:70, html.dark .sf-c-ghostwhite\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-ghostwhite\:75, html.dark .sf-c-ghostwhite\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-ghostwhite\:80, html.dark .sf-c-ghostwhite\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-ghostwhite\:85, html.dark .sf-c-ghostwhite\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-ghostwhite\:90, html.dark .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-ghostwhite\:95, html.dark .sf-c-ghostwhite\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-ghostwhite\:100, html.dark .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-ghostwhite\:st, html.dark .sf-c-ghostwhite\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-ghostwhite\:0\:st, html.dark .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-ghostwhite\:5\:st, html.dark .sf-c-ghostwhite\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-ghostwhite\:10\:st, html.dark .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-ghostwhite\:15\:st, html.dark .sf-c-ghostwhite\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-ghostwhite\:20\:st, html.dark .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-ghostwhite\:25\:st, html.dark .sf-c-ghostwhite\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-ghostwhite\:30\:st, html.dark .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-ghostwhite\:35\:st, html.dark .sf-c-ghostwhite\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-ghostwhite\:40\:st, html.dark .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-ghostwhite\:45\:st, html.dark .sf-c-ghostwhite\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-ghostwhite\:50\:st, html.dark .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-ghostwhite\:55\:st, html.dark .sf-c-ghostwhite\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-ghostwhite\:60\:st, html.dark .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-ghostwhite\:65\:st, html.dark .sf-c-ghostwhite\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-ghostwhite\:70\:st, html.dark .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-ghostwhite\:75\:st, html.dark .sf-c-ghostwhite\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-ghostwhite\:80\:st, html.dark .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-ghostwhite\:85\:st, html.dark .sf-c-ghostwhite\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-ghostwhite\:90\:st, html.dark .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-ghostwhite\:95\:st, html.dark .sf-c-ghostwhite\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-ghostwhite\:100\:st, html.dark .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:5, html.dark .sf-c-txt-ghostwhite\:5 { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:15, html.dark .sf-c-txt-ghostwhite\:15 { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:25, html.dark .sf-c-txt-ghostwhite\:25 { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:35, html.dark .sf-c-txt-ghostwhite\:35 { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:45, html.dark .sf-c-txt-ghostwhite\:45 { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:55, html.dark .sf-c-txt-ghostwhite\:55 { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:65, html.dark .sf-c-txt-ghostwhite\:65 { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:75, html.dark .sf-c-txt-ghostwhite\:75 { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:85, html.dark .sf-c-txt-ghostwhite\:85 { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:95, html.dark .sf-c-txt-ghostwhite\:95 { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-ghostwhite\:st, html.dark .sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:st, html.dark .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:5\:st, html.dark .sf-c-txt-ghostwhite\:5\:st { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:st, html.dark .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:15\:st, html.dark .sf-c-txt-ghostwhite\:15\:st { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:st, html.dark .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:25\:st, html.dark .sf-c-txt-ghostwhite\:25\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:st, html.dark .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:35\:st, html.dark .sf-c-txt-ghostwhite\:35\:st { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:st, html.dark .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:45\:st, html.dark .sf-c-txt-ghostwhite\:45\:st { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:st, html.dark .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:55\:st, html.dark .sf-c-txt-ghostwhite\:55\:st { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:st, html.dark .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:65\:st, html.dark .sf-c-txt-ghostwhite\:65\:st { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:st, html.dark .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:75\:st, html.dark .sf-c-txt-ghostwhite\:75\:st { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:st, html.dark .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:85\:st, html.dark .sf-c-txt-ghostwhite\:85\:st { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:st, html.dark .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:95\:st, html.dark .sf-c-txt-ghostwhite\:95\:st { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:st, html.dark .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-ghostwhite, html.auto .sf-c-ghostwhite { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 1%) } - html[data-theme='auto'] .sf-c-ghostwhite\:0, html.auto .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-ghostwhite\:5, html.auto .sf-c-ghostwhite\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-ghostwhite\:10, html.auto .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-ghostwhite\:15, html.auto .sf-c-ghostwhite\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-ghostwhite\:20, html.auto .sf-c-ghostwhite\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-ghostwhite\:25, html.auto .sf-c-ghostwhite\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-ghostwhite\:30, html.auto .sf-c-ghostwhite\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-ghostwhite\:35, html.auto .sf-c-ghostwhite\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-ghostwhite\:40, html.auto .sf-c-ghostwhite\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-ghostwhite\:45, html.auto .sf-c-ghostwhite\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-ghostwhite\:50, html.auto .sf-c-ghostwhite\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-ghostwhite\:55, html.auto .sf-c-ghostwhite\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-ghostwhite\:60, html.auto .sf-c-ghostwhite\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-ghostwhite\:65, html.auto .sf-c-ghostwhite\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-ghostwhite\:70, html.auto .sf-c-ghostwhite\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-ghostwhite\:75, html.auto .sf-c-ghostwhite\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-ghostwhite\:80, html.auto .sf-c-ghostwhite\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-ghostwhite\:85, html.auto .sf-c-ghostwhite\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-ghostwhite\:90, html.auto .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-ghostwhite\:95, html.auto .sf-c-ghostwhite\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-ghostwhite\:100, html.auto .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-ghostwhite\:st, html.auto .sf-c-ghostwhite\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-ghostwhite\:0\:st, html.auto .sf-c-ghostwhite\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-ghostwhite\:5\:st, html.auto .sf-c-ghostwhite\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-ghostwhite\:10\:st, html.auto .sf-c-ghostwhite\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-ghostwhite\:15\:st, html.auto .sf-c-ghostwhite\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-ghostwhite\:20\:st, html.auto .sf-c-ghostwhite\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-ghostwhite\:25\:st, html.auto .sf-c-ghostwhite\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-ghostwhite\:30\:st, html.auto .sf-c-ghostwhite\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-ghostwhite\:35\:st, html.auto .sf-c-ghostwhite\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-ghostwhite\:40\:st, html.auto .sf-c-ghostwhite\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-ghostwhite\:45\:st, html.auto .sf-c-ghostwhite\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-ghostwhite\:50\:st, html.auto .sf-c-ghostwhite\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-ghostwhite\:55\:st, html.auto .sf-c-ghostwhite\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-ghostwhite\:60\:st, html.auto .sf-c-ghostwhite\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-ghostwhite\:65\:st, html.auto .sf-c-ghostwhite\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-ghostwhite\:70\:st, html.auto .sf-c-ghostwhite\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-ghostwhite\:75\:st, html.auto .sf-c-ghostwhite\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-ghostwhite\:80\:st, html.auto .sf-c-ghostwhite\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-ghostwhite\:85\:st, html.auto .sf-c-ghostwhite\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-ghostwhite\:90\:st, html.auto .sf-c-ghostwhite\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-ghostwhite\:95\:st, html.auto .sf-c-ghostwhite\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-ghostwhite\:100\:st, html.auto .sf-c-ghostwhite\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:5, html.auto .sf-c-txt-ghostwhite\:5 { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:15, html.auto .sf-c-txt-ghostwhite\:15 { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:25, html.auto .sf-c-txt-ghostwhite\:25 { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:35, html.auto .sf-c-txt-ghostwhite\:35 { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:45, html.auto .sf-c-txt-ghostwhite\:45 { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:55, html.auto .sf-c-txt-ghostwhite\:55 { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:65, html.auto .sf-c-txt-ghostwhite\:65 { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:75, html.auto .sf-c-txt-ghostwhite\:75 { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:85, html.auto .sf-c-txt-ghostwhite\:85 { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:95, html.auto .sf-c-txt-ghostwhite\:95 { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-ghostwhite\:st, html.auto .sf-c-txt-ghostwhite\:st { color: hsl(240, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:st, html.auto .sf-c-txt-ghostwhite\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:5\:st, html.auto .sf-c-txt-ghostwhite\:5\:st { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:st, html.auto .sf-c-txt-ghostwhite\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:15\:st, html.auto .sf-c-txt-ghostwhite\:15\:st { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:st, html.auto .sf-c-txt-ghostwhite\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:25\:st, html.auto .sf-c-txt-ghostwhite\:25\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:st, html.auto .sf-c-txt-ghostwhite\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:35\:st, html.auto .sf-c-txt-ghostwhite\:35\:st { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:st, html.auto .sf-c-txt-ghostwhite\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:45\:st, html.auto .sf-c-txt-ghostwhite\:45\:st { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:st, html.auto .sf-c-txt-ghostwhite\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:55\:st, html.auto .sf-c-txt-ghostwhite\:55\:st { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:st, html.auto .sf-c-txt-ghostwhite\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:65\:st, html.auto .sf-c-txt-ghostwhite\:65\:st { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:st, html.auto .sf-c-txt-ghostwhite\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:75\:st, html.auto .sf-c-txt-ghostwhite\:75\:st { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:st, html.auto .sf-c-txt-ghostwhite\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:85\:st, html.auto .sf-c-txt-ghostwhite\:85\:st { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:st, html.auto .sf-c-txt-ghostwhite\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:95\:st, html.auto .sf-c-txt-ghostwhite\:95\:st { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:st, html.auto .sf-c-txt-ghostwhite\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/gold.css b/src/colors/20/gold.css deleted file mode 100644 index d11d15e..0000000 --- a/src/colors/20/gold.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-gold { - --sf-c-gold: 51 100% 50%; - --sf-c-gold-0: 51 100% 0%; - --sf-c-gold-5: 51 100% 5%; - --sf-c-gold-10: 51 100% 10%; - --sf-c-gold-15: 51 100% 15%; - --sf-c-gold-20: 51 100% 20%; - --sf-c-gold-25: 51 100% 25%; - --sf-c-gold-30: 51 100% 30%; - --sf-c-gold-35: 51 100% 35%; - --sf-c-gold-40: 51 100% 40%; - --sf-c-gold-45: 51 100% 45%; - --sf-c-gold-50: 51 100% 50%; - --sf-c-gold-55: 51 100% 55%; - --sf-c-gold-60: 51 100% 60%; - --sf-c-gold-65: 51 100% 65%; - --sf-c-gold-70: 51 100% 70%; - --sf-c-gold-75: 51 100% 75%; - --sf-c-gold-80: 51 100% 80%; - --sf-c-gold-85: 51 100% 85%; - --sf-c-gold-90: 51 100% 90%; - --sf-c-gold-95: 51 100% 95%; - --sf-c-gold-100: 51 100% 100%; -} - -.sf-c-gold, .sf-c-gold\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -.sf-c-gold\:0, .sf-c-gold\:0\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } -.sf-c-gold\:5, .sf-c-gold\:5\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } -.sf-c-gold\:10, .sf-c-gold\:10\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } -.sf-c-gold\:15, .sf-c-gold\:15\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 15%) } -.sf-c-gold\:20, .sf-c-gold\:20\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 20%) } -.sf-c-gold\:25, .sf-c-gold\:25\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 25%) } -.sf-c-gold\:30, .sf-c-gold\:30\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 30%) } -.sf-c-gold\:35, .sf-c-gold\:35\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 35%) } -.sf-c-gold\:40, .sf-c-gold\:40\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 40%) } -.sf-c-gold\:45, .sf-c-gold\:45\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 45%) } -.sf-c-gold\:50, .sf-c-gold\:50\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -.sf-c-gold\:55, .sf-c-gold\:55\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 55%) } -.sf-c-gold\:60, .sf-c-gold\:60\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 60%) } -.sf-c-gold\:65, .sf-c-gold\:65\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 65%) } -.sf-c-gold\:70, .sf-c-gold\:70\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 70%) } -.sf-c-gold\:75, .sf-c-gold\:75\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 75%) } -.sf-c-gold\:80, .sf-c-gold\:80\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 80%) } -.sf-c-gold\:85, .sf-c-gold\:85\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 85%) } -.sf-c-gold\:90, .sf-c-gold\:90\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90%) } -.sf-c-gold\:95, .sf-c-gold\:95\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } -.sf-c-gold\:100, .sf-c-gold\:100\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } - -.sf-c-txt-gold { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:0, .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } -.sf-c-txt-gold\:5, .sf-c-txt-gold\:5\:st { color: hsl(51, 100%, 5%) } -.sf-c-txt-gold\:10, .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } -.sf-c-txt-gold\:15, .sf-c-txt-gold\:15\:st { color: hsl(51, 100%, 15%) } -.sf-c-txt-gold\:20, .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } -.sf-c-txt-gold\:25, .sf-c-txt-gold\:25\:st { color: hsl(51, 100%, 25%) } -.sf-c-txt-gold\:30, .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } -.sf-c-txt-gold\:35, .sf-c-txt-gold\:35\:st { color: hsl(51, 100%, 35%) } -.sf-c-txt-gold\:40, .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } -.sf-c-txt-gold\:45, .sf-c-txt-gold\:45\:st { color: hsl(51, 100%, 45%) } -.sf-c-txt-gold\:50, .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } -.sf-c-txt-gold\:55, .sf-c-txt-gold\:55\:st { color: hsl(51, 100%, 55%) } -.sf-c-txt-gold\:60, .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } -.sf-c-txt-gold\:65, .sf-c-txt-gold\:65\:st { color: hsl(51, 100%, 65%) } -.sf-c-txt-gold\:70, .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } -.sf-c-txt-gold\:75, .sf-c-txt-gold\:75\:st { color: hsl(51, 100%, 75%) } -.sf-c-txt-gold\:80, .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } -.sf-c-txt-gold\:85, .sf-c-txt-gold\:85\:st { color: hsl(51, 100%, 85%) } -.sf-c-txt-gold\:90, .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } -.sf-c-txt-gold\:95, .sf-c-txt-gold\:95\:st { color: hsl(51, 100%, 95%) } -.sf-c-txt-gold\:100, .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } - -html[data-theme='dark'] .sf-c-gold, html.dark .sf-c-gold { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:0, html.dark .sf-c-gold\:0 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } -html[data-theme='dark'] .sf-c-gold\:5, html.dark .sf-c-gold\:5 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } -html[data-theme='dark'] .sf-c-gold\:10, html.dark .sf-c-gold\:10 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-gold\:15, html.dark .sf-c-gold\:15 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 85%) } -html[data-theme='dark'] .sf-c-gold\:20, html.dark .sf-c-gold\:20 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-gold\:25, html.dark .sf-c-gold\:25 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 75%) } -html[data-theme='dark'] .sf-c-gold\:30, html.dark .sf-c-gold\:30 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-gold\:35, html.dark .sf-c-gold\:35 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 65%) } -html[data-theme='dark'] .sf-c-gold\:40, html.dark .sf-c-gold\:40 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-gold\:45, html.dark .sf-c-gold\:45 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 55%) } -html[data-theme='dark'] .sf-c-gold\:50, html.dark .sf-c-gold\:50 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:55, html.dark .sf-c-gold\:55 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 45%) } -html[data-theme='dark'] .sf-c-gold\:60, html.dark .sf-c-gold\:60 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-gold\:65, html.dark .sf-c-gold\:65 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 35%) } -html[data-theme='dark'] .sf-c-gold\:70, html.dark .sf-c-gold\:70 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-gold\:75, html.dark .sf-c-gold\:75 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 25%) } -html[data-theme='dark'] .sf-c-gold\:80, html.dark .sf-c-gold\:80 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-gold\:85, html.dark .sf-c-gold\:85 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 15%) } -html[data-theme='dark'] .sf-c-gold\:90, html.dark .sf-c-gold\:90 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-gold\:95, html.dark .sf-c-gold\:95 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } -html[data-theme='dark'] .sf-c-gold\:100, html.dark .sf-c-gold\:100 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } - -html[data-theme='dark'] .sf-c-gold\:st, html.dark .sf-c-gold\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:0\:st, html.dark .sf-c-gold\:0\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } -html[data-theme='dark'] .sf-c-gold\:5\:st, html.dark .sf-c-gold\:5\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } -html[data-theme='dark'] .sf-c-gold\:10\:st, html.dark .sf-c-gold\:10\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-gold\:15\:st, html.dark .sf-c-gold\:15\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 15%) } -html[data-theme='dark'] .sf-c-gold\:20\:st, html.dark .sf-c-gold\:20\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-gold\:25\:st, html.dark .sf-c-gold\:25\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 25%) } -html[data-theme='dark'] .sf-c-gold\:30\:st, html.dark .sf-c-gold\:30\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-gold\:35\:st, html.dark .sf-c-gold\:35\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 35%) } -html[data-theme='dark'] .sf-c-gold\:40\:st, html.dark .sf-c-gold\:40\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-gold\:45\:st, html.dark .sf-c-gold\:45\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 45%) } -html[data-theme='dark'] .sf-c-gold\:50\:st, html.dark .sf-c-gold\:50\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-gold\:55\:st, html.dark .sf-c-gold\:55\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 55%) } -html[data-theme='dark'] .sf-c-gold\:60\:st, html.dark .sf-c-gold\:60\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-gold\:65\:st, html.dark .sf-c-gold\:65\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 65%) } -html[data-theme='dark'] .sf-c-gold\:70\:st, html.dark .sf-c-gold\:70\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-gold\:75\:st, html.dark .sf-c-gold\:75\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 75%) } -html[data-theme='dark'] .sf-c-gold\:80\:st, html.dark .sf-c-gold\:80\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-gold\:85\:st, html.dark .sf-c-gold\:85\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 85%) } -html[data-theme='dark'] .sf-c-gold\:90\:st, html.dark .sf-c-gold\:90\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-gold\:95\:st, html.dark .sf-c-gold\:95\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } -html[data-theme='dark'] .sf-c-gold\:100\:st, html.dark .sf-c-gold\:100\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-gold\:5, html.dark .sf-c-txt-gold\:5 { color: hsl(51, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-gold\:15, html.dark .sf-c-txt-gold\:15 { color: hsl(51, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-gold\:25, html.dark .sf-c-txt-gold\:25 { color: hsl(51, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-gold\:35, html.dark .sf-c-txt-gold\:35 { color: hsl(51, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-gold\:45, html.dark .sf-c-txt-gold\:45 { color: hsl(51, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:55, html.dark .sf-c-txt-gold\:55 { color: hsl(51, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-gold\:65, html.dark .sf-c-txt-gold\:65 { color: hsl(51, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-gold\:75, html.dark .sf-c-txt-gold\:75 { color: hsl(51, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-gold\:85, html.dark .sf-c-txt-gold\:85 { color: hsl(51, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-gold\:95, html.dark .sf-c-txt-gold\:95 { color: hsl(51, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gold\:st, html.dark .sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:0\:st, html.dark .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-gold\:5\:st, html.dark .sf-c-txt-gold\:5\:st { color: hsl(51, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-gold\:10\:st, html.dark .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-gold\:15\:st, html.dark .sf-c-txt-gold\:15\:st { color: hsl(51, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-gold\:20\:st, html.dark .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-gold\:25\:st, html.dark .sf-c-txt-gold\:25\:st { color: hsl(51, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-gold\:30\:st, html.dark .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-gold\:35\:st, html.dark .sf-c-txt-gold\:35\:st { color: hsl(51, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-gold\:40\:st, html.dark .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-gold\:45\:st, html.dark .sf-c-txt-gold\:45\:st { color: hsl(51, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-gold\:50\:st, html.dark .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-gold\:55\:st, html.dark .sf-c-txt-gold\:55\:st { color: hsl(51, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-gold\:60\:st, html.dark .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-gold\:65\:st, html.dark .sf-c-txt-gold\:65\:st { color: hsl(51, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-gold\:70\:st, html.dark .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-gold\:75\:st, html.dark .sf-c-txt-gold\:75\:st { color: hsl(51, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-gold\:80\:st, html.dark .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-gold\:85\:st, html.dark .sf-c-txt-gold\:85\:st { color: hsl(51, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-gold\:90\:st, html.dark .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-gold\:95\:st, html.dark .sf-c-txt-gold\:95\:st { color: hsl(51, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-gold\:100\:st, html.dark .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gold, html.auto .sf-c-gold { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:0, html.auto .sf-c-gold\:0 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } - html[data-theme='auto'] .sf-c-gold\:5, html.auto .sf-c-gold\:5 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } - html[data-theme='auto'] .sf-c-gold\:10, html.auto .sf-c-gold\:10 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-gold\:15, html.auto .sf-c-gold\:15 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 85%) } - html[data-theme='auto'] .sf-c-gold\:20, html.auto .sf-c-gold\:20 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-gold\:25, html.auto .sf-c-gold\:25 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 75%) } - html[data-theme='auto'] .sf-c-gold\:30, html.auto .sf-c-gold\:30 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-gold\:35, html.auto .sf-c-gold\:35 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 65%) } - html[data-theme='auto'] .sf-c-gold\:40, html.auto .sf-c-gold\:40 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-gold\:45, html.auto .sf-c-gold\:45 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 55%) } - html[data-theme='auto'] .sf-c-gold\:50, html.auto .sf-c-gold\:50 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:55, html.auto .sf-c-gold\:55 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 45%) } - html[data-theme='auto'] .sf-c-gold\:60, html.auto .sf-c-gold\:60 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-gold\:65, html.auto .sf-c-gold\:65 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 35%) } - html[data-theme='auto'] .sf-c-gold\:70, html.auto .sf-c-gold\:70 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-gold\:75, html.auto .sf-c-gold\:75 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 25%) } - html[data-theme='auto'] .sf-c-gold\:80, html.auto .sf-c-gold\:80 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-gold\:85, html.auto .sf-c-gold\:85 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 15%) } - html[data-theme='auto'] .sf-c-gold\:90, html.auto .sf-c-gold\:90 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-gold\:95, html.auto .sf-c-gold\:95 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } - html[data-theme='auto'] .sf-c-gold\:100, html.auto .sf-c-gold\:100 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } - - html[data-theme='auto'] .sf-c-gold\:st, html.auto .sf-c-gold\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:0\:st, html.auto .sf-c-gold\:0\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } - html[data-theme='auto'] .sf-c-gold\:5\:st, html.auto .sf-c-gold\:5\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } - html[data-theme='auto'] .sf-c-gold\:10\:st, html.auto .sf-c-gold\:10\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-gold\:15\:st, html.auto .sf-c-gold\:15\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 15%) } - html[data-theme='auto'] .sf-c-gold\:20\:st, html.auto .sf-c-gold\:20\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-gold\:25\:st, html.auto .sf-c-gold\:25\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 25%) } - html[data-theme='auto'] .sf-c-gold\:30\:st, html.auto .sf-c-gold\:30\:st { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-gold\:35\:st, html.auto .sf-c-gold\:35\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 35%) } - html[data-theme='auto'] .sf-c-gold\:40\:st, html.auto .sf-c-gold\:40\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-gold\:45\:st, html.auto .sf-c-gold\:45\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 45%) } - html[data-theme='auto'] .sf-c-gold\:50\:st, html.auto .sf-c-gold\:50\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-gold\:55\:st, html.auto .sf-c-gold\:55\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 55%) } - html[data-theme='auto'] .sf-c-gold\:60\:st, html.auto .sf-c-gold\:60\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-gold\:65\:st, html.auto .sf-c-gold\:65\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 65%) } - html[data-theme='auto'] .sf-c-gold\:70\:st, html.auto .sf-c-gold\:70\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-gold\:75\:st, html.auto .sf-c-gold\:75\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 75%) } - html[data-theme='auto'] .sf-c-gold\:80\:st, html.auto .sf-c-gold\:80\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-gold\:85\:st, html.auto .sf-c-gold\:85\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 85%) } - html[data-theme='auto'] .sf-c-gold\:90\:st, html.auto .sf-c-gold\:90\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-gold\:95\:st, html.auto .sf-c-gold\:95\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } - html[data-theme='auto'] .sf-c-gold\:100\:st, html.auto .sf-c-gold\:100\:st { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-gold\:5, html.auto .sf-c-txt-gold\:5 { color: hsl(51, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-gold\:15, html.auto .sf-c-txt-gold\:15 { color: hsl(51, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-gold\:25, html.auto .sf-c-txt-gold\:25 { color: hsl(51, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-gold\:35, html.auto .sf-c-txt-gold\:35 { color: hsl(51, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-gold\:45, html.auto .sf-c-txt-gold\:45 { color: hsl(51, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:55, html.auto .sf-c-txt-gold\:55 { color: hsl(51, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-gold\:65, html.auto .sf-c-txt-gold\:65 { color: hsl(51, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-gold\:75, html.auto .sf-c-txt-gold\:75 { color: hsl(51, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-gold\:85, html.auto .sf-c-txt-gold\:85 { color: hsl(51, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-gold\:95, html.auto .sf-c-txt-gold\:95 { color: hsl(51, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gold\:st, html.auto .sf-c-txt-gold\:st { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:0\:st, html.auto .sf-c-txt-gold\:0\:st { color: hsl(51, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-gold\:5\:st, html.auto .sf-c-txt-gold\:5\:st { color: hsl(51, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-gold\:10\:st, html.auto .sf-c-txt-gold\:10\:st { color: hsl(51, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-gold\:15\:st, html.auto .sf-c-txt-gold\:15\:st { color: hsl(51, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-gold\:20\:st, html.auto .sf-c-txt-gold\:20\:st { color: hsl(51, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-gold\:25\:st, html.auto .sf-c-txt-gold\:25\:st { color: hsl(51, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-gold\:30\:st, html.auto .sf-c-txt-gold\:30\:st { color: hsl(51, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-gold\:35\:st, html.auto .sf-c-txt-gold\:35\:st { color: hsl(51, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-gold\:40\:st, html.auto .sf-c-txt-gold\:40\:st { color: hsl(51, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-gold\:45\:st, html.auto .sf-c-txt-gold\:45\:st { color: hsl(51, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-gold\:50\:st, html.auto .sf-c-txt-gold\:50\:st { color: hsl(51, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-gold\:55\:st, html.auto .sf-c-txt-gold\:55\:st { color: hsl(51, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-gold\:60\:st, html.auto .sf-c-txt-gold\:60\:st { color: hsl(51, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-gold\:65\:st, html.auto .sf-c-txt-gold\:65\:st { color: hsl(51, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-gold\:70\:st, html.auto .sf-c-txt-gold\:70\:st { color: hsl(51, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-gold\:75\:st, html.auto .sf-c-txt-gold\:75\:st { color: hsl(51, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-gold\:80\:st, html.auto .sf-c-txt-gold\:80\:st { color: hsl(51, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-gold\:85\:st, html.auto .sf-c-txt-gold\:85\:st { color: hsl(51, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-gold\:90\:st, html.auto .sf-c-txt-gold\:90\:st { color: hsl(51, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-gold\:95\:st, html.auto .sf-c-txt-gold\:95\:st { color: hsl(51, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-gold\:100\:st, html.auto .sf-c-txt-gold\:100\:st { color: hsl(51, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/goldenrod.css b/src/colors/20/goldenrod.css deleted file mode 100644 index 0d8768f..0000000 --- a/src/colors/20/goldenrod.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-goldenrod { - --sf-c-goldenrod: 43 74% 49%; - --sf-c-goldenrod-0: 43 74% 0%; - --sf-c-goldenrod-5: 43 74% 5%; - --sf-c-goldenrod-10: 43 74% 10%; - --sf-c-goldenrod-15: 43 74% 15%; - --sf-c-goldenrod-20: 43 74% 20%; - --sf-c-goldenrod-25: 43 74% 25%; - --sf-c-goldenrod-30: 43 74% 30%; - --sf-c-goldenrod-35: 43 74% 35%; - --sf-c-goldenrod-40: 43 74% 40%; - --sf-c-goldenrod-45: 43 74% 45%; - --sf-c-goldenrod-50: 43 74% 50%; - --sf-c-goldenrod-55: 43 74% 55%; - --sf-c-goldenrod-60: 43 74% 60%; - --sf-c-goldenrod-65: 43 74% 65%; - --sf-c-goldenrod-70: 43 74% 70%; - --sf-c-goldenrod-75: 43 74% 75%; - --sf-c-goldenrod-80: 43 74% 80%; - --sf-c-goldenrod-85: 43 74% 85%; - --sf-c-goldenrod-90: 43 74% 90%; - --sf-c-goldenrod-95: 43 74% 95%; - --sf-c-goldenrod-100: 43 74% 100%; -} - -.sf-c-goldenrod, .sf-c-goldenrod\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 49%) } -.sf-c-goldenrod\:0, .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } -.sf-c-goldenrod\:5, .sf-c-goldenrod\:5\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } -.sf-c-goldenrod\:10, .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } -.sf-c-goldenrod\:15, .sf-c-goldenrod\:15\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 15%) } -.sf-c-goldenrod\:20, .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 20%) } -.sf-c-goldenrod\:25, .sf-c-goldenrod\:25\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 25%) } -.sf-c-goldenrod\:30, .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 30%) } -.sf-c-goldenrod\:35, .sf-c-goldenrod\:35\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 35%) } -.sf-c-goldenrod\:40, .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 40%) } -.sf-c-goldenrod\:45, .sf-c-goldenrod\:45\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 45%) } -.sf-c-goldenrod\:50, .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 50%) } -.sf-c-goldenrod\:55, .sf-c-goldenrod\:55\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 55%) } -.sf-c-goldenrod\:60, .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 60%) } -.sf-c-goldenrod\:65, .sf-c-goldenrod\:65\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 65%) } -.sf-c-goldenrod\:70, .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 70%) } -.sf-c-goldenrod\:75, .sf-c-goldenrod\:75\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 75%) } -.sf-c-goldenrod\:80, .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 80%) } -.sf-c-goldenrod\:85, .sf-c-goldenrod\:85\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 85%) } -.sf-c-goldenrod\:90, .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 90%) } -.sf-c-goldenrod\:95, .sf-c-goldenrod\:95\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } -.sf-c-goldenrod\:100, .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } - -.sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } -.sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } -.sf-c-txt-goldenrod\:0, .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } -.sf-c-txt-goldenrod\:5, .sf-c-txt-goldenrod\:5\:st { color: hsl(43, 74%, 5%) } -.sf-c-txt-goldenrod\:10, .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } -.sf-c-txt-goldenrod\:15, .sf-c-txt-goldenrod\:15\:st { color: hsl(43, 74%, 15%) } -.sf-c-txt-goldenrod\:20, .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } -.sf-c-txt-goldenrod\:25, .sf-c-txt-goldenrod\:25\:st { color: hsl(43, 74%, 25%) } -.sf-c-txt-goldenrod\:30, .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } -.sf-c-txt-goldenrod\:35, .sf-c-txt-goldenrod\:35\:st { color: hsl(43, 74%, 35%) } -.sf-c-txt-goldenrod\:40, .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } -.sf-c-txt-goldenrod\:45, .sf-c-txt-goldenrod\:45\:st { color: hsl(43, 74%, 45%) } -.sf-c-txt-goldenrod\:50, .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } -.sf-c-txt-goldenrod\:55, .sf-c-txt-goldenrod\:55\:st { color: hsl(43, 74%, 55%) } -.sf-c-txt-goldenrod\:60, .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } -.sf-c-txt-goldenrod\:65, .sf-c-txt-goldenrod\:65\:st { color: hsl(43, 74%, 65%) } -.sf-c-txt-goldenrod\:70, .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } -.sf-c-txt-goldenrod\:75, .sf-c-txt-goldenrod\:75\:st { color: hsl(43, 74%, 75%) } -.sf-c-txt-goldenrod\:80, .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } -.sf-c-txt-goldenrod\:85, .sf-c-txt-goldenrod\:85\:st { color: hsl(43, 74%, 85%) } -.sf-c-txt-goldenrod\:90, .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } -.sf-c-txt-goldenrod\:95, .sf-c-txt-goldenrod\:95\:st { color: hsl(43, 74%, 95%) } -.sf-c-txt-goldenrod\:100, .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } - -html[data-theme='dark'] .sf-c-goldenrod, html.dark .sf-c-goldenrod { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 51%) } -html[data-theme='dark'] .sf-c-goldenrod\:0, html.dark .sf-c-goldenrod\:0 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } -html[data-theme='dark'] .sf-c-goldenrod\:5, html.dark .sf-c-goldenrod\:5 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } -html[data-theme='dark'] .sf-c-goldenrod\:10, html.dark .sf-c-goldenrod\:10 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-goldenrod\:15, html.dark .sf-c-goldenrod\:15 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 85%) } -html[data-theme='dark'] .sf-c-goldenrod\:20, html.dark .sf-c-goldenrod\:20 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-goldenrod\:25, html.dark .sf-c-goldenrod\:25 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 75%) } -html[data-theme='dark'] .sf-c-goldenrod\:30, html.dark .sf-c-goldenrod\:30 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-goldenrod\:35, html.dark .sf-c-goldenrod\:35 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 65%) } -html[data-theme='dark'] .sf-c-goldenrod\:40, html.dark .sf-c-goldenrod\:40 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-goldenrod\:45, html.dark .sf-c-goldenrod\:45 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 55%) } -html[data-theme='dark'] .sf-c-goldenrod\:50, html.dark .sf-c-goldenrod\:50 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-goldenrod\:55, html.dark .sf-c-goldenrod\:55 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 45%) } -html[data-theme='dark'] .sf-c-goldenrod\:60, html.dark .sf-c-goldenrod\:60 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-goldenrod\:65, html.dark .sf-c-goldenrod\:65 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 35%) } -html[data-theme='dark'] .sf-c-goldenrod\:70, html.dark .sf-c-goldenrod\:70 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-goldenrod\:75, html.dark .sf-c-goldenrod\:75 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 25%) } -html[data-theme='dark'] .sf-c-goldenrod\:80, html.dark .sf-c-goldenrod\:80 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-goldenrod\:85, html.dark .sf-c-goldenrod\:85 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 15%) } -html[data-theme='dark'] .sf-c-goldenrod\:90, html.dark .sf-c-goldenrod\:90 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-goldenrod\:95, html.dark .sf-c-goldenrod\:95 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } -html[data-theme='dark'] .sf-c-goldenrod\:100, html.dark .sf-c-goldenrod\:100 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } - -html[data-theme='dark'] .sf-c-goldenrod\:st, html.dark .sf-c-goldenrod\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 49%) } -html[data-theme='dark'] .sf-c-goldenrod\:0\:st, html.dark .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } -html[data-theme='dark'] .sf-c-goldenrod\:5\:st, html.dark .sf-c-goldenrod\:5\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } -html[data-theme='dark'] .sf-c-goldenrod\:10\:st, html.dark .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-goldenrod\:15\:st, html.dark .sf-c-goldenrod\:15\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 15%) } -html[data-theme='dark'] .sf-c-goldenrod\:20\:st, html.dark .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-goldenrod\:25\:st, html.dark .sf-c-goldenrod\:25\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 25%) } -html[data-theme='dark'] .sf-c-goldenrod\:30\:st, html.dark .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-goldenrod\:35\:st, html.dark .sf-c-goldenrod\:35\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 35%) } -html[data-theme='dark'] .sf-c-goldenrod\:40\:st, html.dark .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-goldenrod\:45\:st, html.dark .sf-c-goldenrod\:45\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 45%) } -html[data-theme='dark'] .sf-c-goldenrod\:50\:st, html.dark .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-goldenrod\:55\:st, html.dark .sf-c-goldenrod\:55\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 55%) } -html[data-theme='dark'] .sf-c-goldenrod\:60\:st, html.dark .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-goldenrod\:65\:st, html.dark .sf-c-goldenrod\:65\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 65%) } -html[data-theme='dark'] .sf-c-goldenrod\:70\:st, html.dark .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-goldenrod\:75\:st, html.dark .sf-c-goldenrod\:75\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 75%) } -html[data-theme='dark'] .sf-c-goldenrod\:80\:st, html.dark .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-goldenrod\:85\:st, html.dark .sf-c-goldenrod\:85\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 85%) } -html[data-theme='dark'] .sf-c-goldenrod\:90\:st, html.dark .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-goldenrod\:95\:st, html.dark .sf-c-goldenrod\:95\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } -html[data-theme='dark'] .sf-c-goldenrod\:100\:st, html.dark .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } - -html[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:5, html.dark .sf-c-txt-goldenrod\:5 { color: hsl(43, 74%, 95%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:15, html.dark .sf-c-txt-goldenrod\:15 { color: hsl(43, 74%, 85%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:25, html.dark .sf-c-txt-goldenrod\:25 { color: hsl(43, 74%, 75%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:35, html.dark .sf-c-txt-goldenrod\:35 { color: hsl(43, 74%, 65%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:45, html.dark .sf-c-txt-goldenrod\:45 { color: hsl(43, 74%, 55%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:55, html.dark .sf-c-txt-goldenrod\:55 { color: hsl(43, 74%, 45%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:65, html.dark .sf-c-txt-goldenrod\:65 { color: hsl(43, 74%, 35%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:75, html.dark .sf-c-txt-goldenrod\:75 { color: hsl(43, 74%, 25%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:85, html.dark .sf-c-txt-goldenrod\:85 { color: hsl(43, 74%, 15%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:95, html.dark .sf-c-txt-goldenrod\:95 { color: hsl(43, 74%, 5%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } - -html[data-theme='dark'] .sf-c-txt-goldenrod\:st, html.dark .sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:0\:st, html.dark .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:5\:st, html.dark .sf-c-txt-goldenrod\:5\:st { color: hsl(43, 74%, 5%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:10\:st, html.dark .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:15\:st, html.dark .sf-c-txt-goldenrod\:15\:st { color: hsl(43, 74%, 15%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:20\:st, html.dark .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:25\:st, html.dark .sf-c-txt-goldenrod\:25\:st { color: hsl(43, 74%, 25%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:30\:st, html.dark .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:35\:st, html.dark .sf-c-txt-goldenrod\:35\:st { color: hsl(43, 74%, 35%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:40\:st, html.dark .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:45\:st, html.dark .sf-c-txt-goldenrod\:45\:st { color: hsl(43, 74%, 45%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:50\:st, html.dark .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:55\:st, html.dark .sf-c-txt-goldenrod\:55\:st { color: hsl(43, 74%, 55%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:60\:st, html.dark .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:65\:st, html.dark .sf-c-txt-goldenrod\:65\:st { color: hsl(43, 74%, 65%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:70\:st, html.dark .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:75\:st, html.dark .sf-c-txt-goldenrod\:75\:st { color: hsl(43, 74%, 75%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:80\:st, html.dark .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:85\:st, html.dark .sf-c-txt-goldenrod\:85\:st { color: hsl(43, 74%, 85%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:90\:st, html.dark .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:95\:st, html.dark .sf-c-txt-goldenrod\:95\:st { color: hsl(43, 74%, 95%) } -html[data-theme='dark'] .sf-c-txt-goldenrod\:100\:st, html.dark .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-goldenrod, html.auto .sf-c-goldenrod { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 51%) } - html[data-theme='auto'] .sf-c-goldenrod\:0, html.auto .sf-c-goldenrod\:0 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } - html[data-theme='auto'] .sf-c-goldenrod\:5, html.auto .sf-c-goldenrod\:5 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } - html[data-theme='auto'] .sf-c-goldenrod\:10, html.auto .sf-c-goldenrod\:10 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-goldenrod\:15, html.auto .sf-c-goldenrod\:15 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 85%) } - html[data-theme='auto'] .sf-c-goldenrod\:20, html.auto .sf-c-goldenrod\:20 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-goldenrod\:25, html.auto .sf-c-goldenrod\:25 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 75%) } - html[data-theme='auto'] .sf-c-goldenrod\:30, html.auto .sf-c-goldenrod\:30 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-goldenrod\:35, html.auto .sf-c-goldenrod\:35 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 65%) } - html[data-theme='auto'] .sf-c-goldenrod\:40, html.auto .sf-c-goldenrod\:40 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-goldenrod\:45, html.auto .sf-c-goldenrod\:45 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 55%) } - html[data-theme='auto'] .sf-c-goldenrod\:50, html.auto .sf-c-goldenrod\:50 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-goldenrod\:55, html.auto .sf-c-goldenrod\:55 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 45%) } - html[data-theme='auto'] .sf-c-goldenrod\:60, html.auto .sf-c-goldenrod\:60 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-goldenrod\:65, html.auto .sf-c-goldenrod\:65 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 35%) } - html[data-theme='auto'] .sf-c-goldenrod\:70, html.auto .sf-c-goldenrod\:70 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-goldenrod\:75, html.auto .sf-c-goldenrod\:75 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 25%) } - html[data-theme='auto'] .sf-c-goldenrod\:80, html.auto .sf-c-goldenrod\:80 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-goldenrod\:85, html.auto .sf-c-goldenrod\:85 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 15%) } - html[data-theme='auto'] .sf-c-goldenrod\:90, html.auto .sf-c-goldenrod\:90 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-goldenrod\:95, html.auto .sf-c-goldenrod\:95 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } - html[data-theme='auto'] .sf-c-goldenrod\:100, html.auto .sf-c-goldenrod\:100 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } - - html[data-theme='auto'] .sf-c-goldenrod\:st, html.auto .sf-c-goldenrod\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 49%) } - html[data-theme='auto'] .sf-c-goldenrod\:0\:st, html.auto .sf-c-goldenrod\:0\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } - html[data-theme='auto'] .sf-c-goldenrod\:5\:st, html.auto .sf-c-goldenrod\:5\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } - html[data-theme='auto'] .sf-c-goldenrod\:10\:st, html.auto .sf-c-goldenrod\:10\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-goldenrod\:15\:st, html.auto .sf-c-goldenrod\:15\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 15%) } - html[data-theme='auto'] .sf-c-goldenrod\:20\:st, html.auto .sf-c-goldenrod\:20\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-goldenrod\:25\:st, html.auto .sf-c-goldenrod\:25\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 25%) } - html[data-theme='auto'] .sf-c-goldenrod\:30\:st, html.auto .sf-c-goldenrod\:30\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-goldenrod\:35\:st, html.auto .sf-c-goldenrod\:35\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 35%) } - html[data-theme='auto'] .sf-c-goldenrod\:40\:st, html.auto .sf-c-goldenrod\:40\:st { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-goldenrod\:45\:st, html.auto .sf-c-goldenrod\:45\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 45%) } - html[data-theme='auto'] .sf-c-goldenrod\:50\:st, html.auto .sf-c-goldenrod\:50\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-goldenrod\:55\:st, html.auto .sf-c-goldenrod\:55\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 55%) } - html[data-theme='auto'] .sf-c-goldenrod\:60\:st, html.auto .sf-c-goldenrod\:60\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-goldenrod\:65\:st, html.auto .sf-c-goldenrod\:65\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 65%) } - html[data-theme='auto'] .sf-c-goldenrod\:70\:st, html.auto .sf-c-goldenrod\:70\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-goldenrod\:75\:st, html.auto .sf-c-goldenrod\:75\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 75%) } - html[data-theme='auto'] .sf-c-goldenrod\:80\:st, html.auto .sf-c-goldenrod\:80\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-goldenrod\:85\:st, html.auto .sf-c-goldenrod\:85\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 85%) } - html[data-theme='auto'] .sf-c-goldenrod\:90\:st, html.auto .sf-c-goldenrod\:90\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-goldenrod\:95\:st, html.auto .sf-c-goldenrod\:95\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } - html[data-theme='auto'] .sf-c-goldenrod\:100\:st, html.auto .sf-c-goldenrod\:100\:st { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } - - html[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:5, html.auto .sf-c-txt-goldenrod\:5 { color: hsl(43, 74%, 95%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:15, html.auto .sf-c-txt-goldenrod\:15 { color: hsl(43, 74%, 85%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:25, html.auto .sf-c-txt-goldenrod\:25 { color: hsl(43, 74%, 75%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:35, html.auto .sf-c-txt-goldenrod\:35 { color: hsl(43, 74%, 65%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:45, html.auto .sf-c-txt-goldenrod\:45 { color: hsl(43, 74%, 55%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:55, html.auto .sf-c-txt-goldenrod\:55 { color: hsl(43, 74%, 45%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:65, html.auto .sf-c-txt-goldenrod\:65 { color: hsl(43, 74%, 35%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:75, html.auto .sf-c-txt-goldenrod\:75 { color: hsl(43, 74%, 25%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:85, html.auto .sf-c-txt-goldenrod\:85 { color: hsl(43, 74%, 15%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:95, html.auto .sf-c-txt-goldenrod\:95 { color: hsl(43, 74%, 5%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } - - html[data-theme='auto'] .sf-c-txt-goldenrod\:st, html.auto .sf-c-txt-goldenrod\:st { color: hsl(43, 74%, 49%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:0\:st, html.auto .sf-c-txt-goldenrod\:0\:st { color: hsl(43, 74%, 0%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:5\:st, html.auto .sf-c-txt-goldenrod\:5\:st { color: hsl(43, 74%, 5%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:10\:st, html.auto .sf-c-txt-goldenrod\:10\:st { color: hsl(43, 74%, 10%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:15\:st, html.auto .sf-c-txt-goldenrod\:15\:st { color: hsl(43, 74%, 15%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:20\:st, html.auto .sf-c-txt-goldenrod\:20\:st { color: hsl(43, 74%, 20%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:25\:st, html.auto .sf-c-txt-goldenrod\:25\:st { color: hsl(43, 74%, 25%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:30\:st, html.auto .sf-c-txt-goldenrod\:30\:st { color: hsl(43, 74%, 30%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:35\:st, html.auto .sf-c-txt-goldenrod\:35\:st { color: hsl(43, 74%, 35%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:40\:st, html.auto .sf-c-txt-goldenrod\:40\:st { color: hsl(43, 74%, 40%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:45\:st, html.auto .sf-c-txt-goldenrod\:45\:st { color: hsl(43, 74%, 45%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:50\:st, html.auto .sf-c-txt-goldenrod\:50\:st { color: hsl(43, 74%, 50%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:55\:st, html.auto .sf-c-txt-goldenrod\:55\:st { color: hsl(43, 74%, 55%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:60\:st, html.auto .sf-c-txt-goldenrod\:60\:st { color: hsl(43, 74%, 60%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:65\:st, html.auto .sf-c-txt-goldenrod\:65\:st { color: hsl(43, 74%, 65%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:70\:st, html.auto .sf-c-txt-goldenrod\:70\:st { color: hsl(43, 74%, 70%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:75\:st, html.auto .sf-c-txt-goldenrod\:75\:st { color: hsl(43, 74%, 75%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:80\:st, html.auto .sf-c-txt-goldenrod\:80\:st { color: hsl(43, 74%, 80%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:85\:st, html.auto .sf-c-txt-goldenrod\:85\:st { color: hsl(43, 74%, 85%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:90\:st, html.auto .sf-c-txt-goldenrod\:90\:st { color: hsl(43, 74%, 90%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:95\:st, html.auto .sf-c-txt-goldenrod\:95\:st { color: hsl(43, 74%, 95%) } - html[data-theme='auto'] .sf-c-txt-goldenrod\:100\:st, html.auto .sf-c-txt-goldenrod\:100\:st { color: hsl(43, 74%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/gray.css b/src/colors/20/gray.css deleted file mode 100644 index ed61d32..0000000 --- a/src/colors/20/gray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-gray { - --sf-c-gray: 0 0% 50%; - --sf-c-gray-0: 0 0% 0%; - --sf-c-gray-5: 0 0% 5%; - --sf-c-gray-10: 0 0% 10%; - --sf-c-gray-15: 0 0% 15%; - --sf-c-gray-20: 0 0% 20%; - --sf-c-gray-25: 0 0% 25%; - --sf-c-gray-30: 0 0% 30%; - --sf-c-gray-35: 0 0% 35%; - --sf-c-gray-40: 0 0% 40%; - --sf-c-gray-45: 0 0% 45%; - --sf-c-gray-50: 0 0% 50%; - --sf-c-gray-55: 0 0% 55%; - --sf-c-gray-60: 0 0% 60%; - --sf-c-gray-65: 0 0% 65%; - --sf-c-gray-70: 0 0% 70%; - --sf-c-gray-75: 0 0% 75%; - --sf-c-gray-80: 0 0% 80%; - --sf-c-gray-85: 0 0% 85%; - --sf-c-gray-90: 0 0% 90%; - --sf-c-gray-95: 0 0% 95%; - --sf-c-gray-100: 0 0% 100%; -} - -.sf-c-gray, .sf-c-gray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-gray\:0, .sf-c-gray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-gray\:5, .sf-c-gray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-gray\:10, .sf-c-gray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-gray\:15, .sf-c-gray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-gray\:20, .sf-c-gray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-gray\:25, .sf-c-gray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-gray\:30, .sf-c-gray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-gray\:35, .sf-c-gray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-gray\:40, .sf-c-gray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-gray\:45, .sf-c-gray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-gray\:50, .sf-c-gray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-gray\:55, .sf-c-gray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-gray\:60, .sf-c-gray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-gray\:65, .sf-c-gray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-gray\:70, .sf-c-gray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-gray\:75, .sf-c-gray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-gray\:80, .sf-c-gray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-gray\:85, .sf-c-gray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-gray\:90, .sf-c-gray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-gray\:95, .sf-c-gray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-gray\:100, .sf-c-gray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-gray { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:0, .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-gray\:5, .sf-c-txt-gray\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-gray\:10, .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-gray\:15, .sf-c-txt-gray\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-gray\:20, .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-gray\:25, .sf-c-txt-gray\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-gray\:30, .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-gray\:35, .sf-c-txt-gray\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-gray\:40, .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-gray\:45, .sf-c-txt-gray\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-gray\:50, .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-gray\:55, .sf-c-txt-gray\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-gray\:60, .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-gray\:65, .sf-c-txt-gray\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-gray\:70, .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-gray\:75, .sf-c-txt-gray\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-gray\:80, .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-gray\:85, .sf-c-txt-gray\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-gray\:90, .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-gray\:95, .sf-c-txt-gray\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-gray\:100, .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-gray, html.dark .sf-c-gray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:0, html.dark .sf-c-gray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-gray\:5, html.dark .sf-c-gray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-gray\:10, html.dark .sf-c-gray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gray\:15, html.dark .sf-c-gray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-gray\:20, html.dark .sf-c-gray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gray\:25, html.dark .sf-c-gray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-gray\:30, html.dark .sf-c-gray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gray\:35, html.dark .sf-c-gray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-gray\:40, html.dark .sf-c-gray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gray\:45, html.dark .sf-c-gray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-gray\:50, html.dark .sf-c-gray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:55, html.dark .sf-c-gray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-gray\:60, html.dark .sf-c-gray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gray\:65, html.dark .sf-c-gray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-gray\:70, html.dark .sf-c-gray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gray\:75, html.dark .sf-c-gray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-gray\:80, html.dark .sf-c-gray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gray\:85, html.dark .sf-c-gray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-gray\:90, html.dark .sf-c-gray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gray\:95, html.dark .sf-c-gray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-gray\:100, html.dark .sf-c-gray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-gray\:st, html.dark .sf-c-gray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:0\:st, html.dark .sf-c-gray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-gray\:5\:st, html.dark .sf-c-gray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-gray\:10\:st, html.dark .sf-c-gray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-gray\:15\:st, html.dark .sf-c-gray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-gray\:20\:st, html.dark .sf-c-gray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-gray\:25\:st, html.dark .sf-c-gray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-gray\:30\:st, html.dark .sf-c-gray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-gray\:35\:st, html.dark .sf-c-gray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-gray\:40\:st, html.dark .sf-c-gray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-gray\:45\:st, html.dark .sf-c-gray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-gray\:50\:st, html.dark .sf-c-gray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-gray\:55\:st, html.dark .sf-c-gray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-gray\:60\:st, html.dark .sf-c-gray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-gray\:65\:st, html.dark .sf-c-gray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-gray\:70\:st, html.dark .sf-c-gray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-gray\:75\:st, html.dark .sf-c-gray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-gray\:80\:st, html.dark .sf-c-gray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-gray\:85\:st, html.dark .sf-c-gray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-gray\:90\:st, html.dark .sf-c-gray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-gray\:95\:st, html.dark .sf-c-gray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-gray\:100\:st, html.dark .sf-c-gray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-gray\:5, html.dark .sf-c-txt-gray\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gray\:15, html.dark .sf-c-txt-gray\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gray\:25, html.dark .sf-c-txt-gray\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gray\:35, html.dark .sf-c-txt-gray\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gray\:45, html.dark .sf-c-txt-gray\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:55, html.dark .sf-c-txt-gray\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gray\:65, html.dark .sf-c-txt-gray\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gray\:75, html.dark .sf-c-txt-gray\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gray\:85, html.dark .sf-c-txt-gray\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gray\:95, html.dark .sf-c-txt-gray\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-gray\:st, html.dark .sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:0\:st, html.dark .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-gray\:5\:st, html.dark .sf-c-txt-gray\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-gray\:10\:st, html.dark .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-gray\:15\:st, html.dark .sf-c-txt-gray\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-gray\:20\:st, html.dark .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-gray\:25\:st, html.dark .sf-c-txt-gray\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-gray\:30\:st, html.dark .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-gray\:35\:st, html.dark .sf-c-txt-gray\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-gray\:40\:st, html.dark .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-gray\:45\:st, html.dark .sf-c-txt-gray\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-gray\:50\:st, html.dark .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-gray\:55\:st, html.dark .sf-c-txt-gray\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-gray\:60\:st, html.dark .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-gray\:65\:st, html.dark .sf-c-txt-gray\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-gray\:70\:st, html.dark .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-gray\:75\:st, html.dark .sf-c-txt-gray\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-gray\:80\:st, html.dark .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-gray\:85\:st, html.dark .sf-c-txt-gray\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-gray\:90\:st, html.dark .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-gray\:95\:st, html.dark .sf-c-txt-gray\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-gray\:100\:st, html.dark .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-gray, html.auto .sf-c-gray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:0, html.auto .sf-c-gray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-gray\:5, html.auto .sf-c-gray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-gray\:10, html.auto .sf-c-gray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gray\:15, html.auto .sf-c-gray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-gray\:20, html.auto .sf-c-gray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gray\:25, html.auto .sf-c-gray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-gray\:30, html.auto .sf-c-gray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gray\:35, html.auto .sf-c-gray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-gray\:40, html.auto .sf-c-gray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gray\:45, html.auto .sf-c-gray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-gray\:50, html.auto .sf-c-gray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:55, html.auto .sf-c-gray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-gray\:60, html.auto .sf-c-gray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gray\:65, html.auto .sf-c-gray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-gray\:70, html.auto .sf-c-gray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gray\:75, html.auto .sf-c-gray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-gray\:80, html.auto .sf-c-gray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gray\:85, html.auto .sf-c-gray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-gray\:90, html.auto .sf-c-gray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gray\:95, html.auto .sf-c-gray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-gray\:100, html.auto .sf-c-gray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-gray\:st, html.auto .sf-c-gray\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:0\:st, html.auto .sf-c-gray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-gray\:5\:st, html.auto .sf-c-gray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-gray\:10\:st, html.auto .sf-c-gray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-gray\:15\:st, html.auto .sf-c-gray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-gray\:20\:st, html.auto .sf-c-gray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-gray\:25\:st, html.auto .sf-c-gray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-gray\:30\:st, html.auto .sf-c-gray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-gray\:35\:st, html.auto .sf-c-gray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-gray\:40\:st, html.auto .sf-c-gray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-gray\:45\:st, html.auto .sf-c-gray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-gray\:50\:st, html.auto .sf-c-gray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-gray\:55\:st, html.auto .sf-c-gray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-gray\:60\:st, html.auto .sf-c-gray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-gray\:65\:st, html.auto .sf-c-gray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-gray\:70\:st, html.auto .sf-c-gray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-gray\:75\:st, html.auto .sf-c-gray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-gray\:80\:st, html.auto .sf-c-gray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-gray\:85\:st, html.auto .sf-c-gray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-gray\:90\:st, html.auto .sf-c-gray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-gray\:95\:st, html.auto .sf-c-gray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-gray\:100\:st, html.auto .sf-c-gray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-gray\:5, html.auto .sf-c-txt-gray\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gray\:15, html.auto .sf-c-txt-gray\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gray\:25, html.auto .sf-c-txt-gray\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gray\:35, html.auto .sf-c-txt-gray\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gray\:45, html.auto .sf-c-txt-gray\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:55, html.auto .sf-c-txt-gray\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gray\:65, html.auto .sf-c-txt-gray\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gray\:75, html.auto .sf-c-txt-gray\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gray\:85, html.auto .sf-c-txt-gray\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gray\:95, html.auto .sf-c-txt-gray\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-gray\:st, html.auto .sf-c-txt-gray\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:0\:st, html.auto .sf-c-txt-gray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-gray\:5\:st, html.auto .sf-c-txt-gray\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-gray\:10\:st, html.auto .sf-c-txt-gray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-gray\:15\:st, html.auto .sf-c-txt-gray\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-gray\:20\:st, html.auto .sf-c-txt-gray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-gray\:25\:st, html.auto .sf-c-txt-gray\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-gray\:30\:st, html.auto .sf-c-txt-gray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-gray\:35\:st, html.auto .sf-c-txt-gray\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-gray\:40\:st, html.auto .sf-c-txt-gray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-gray\:45\:st, html.auto .sf-c-txt-gray\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-gray\:50\:st, html.auto .sf-c-txt-gray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-gray\:55\:st, html.auto .sf-c-txt-gray\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-gray\:60\:st, html.auto .sf-c-txt-gray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-gray\:65\:st, html.auto .sf-c-txt-gray\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-gray\:70\:st, html.auto .sf-c-txt-gray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-gray\:75\:st, html.auto .sf-c-txt-gray\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-gray\:80\:st, html.auto .sf-c-txt-gray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-gray\:85\:st, html.auto .sf-c-txt-gray\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-gray\:90\:st, html.auto .sf-c-txt-gray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-gray\:95\:st, html.auto .sf-c-txt-gray\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-gray\:100\:st, html.auto .sf-c-txt-gray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/green.css b/src/colors/20/green.css deleted file mode 100644 index 4caa435..0000000 --- a/src/colors/20/green.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-green { - --sf-c-green: 120 100% 25%; - --sf-c-green-0: 120 100% 0%; - --sf-c-green-5: 120 100% 5%; - --sf-c-green-10: 120 100% 10%; - --sf-c-green-15: 120 100% 15%; - --sf-c-green-20: 120 100% 20%; - --sf-c-green-25: 120 100% 25%; - --sf-c-green-30: 120 100% 30%; - --sf-c-green-35: 120 100% 35%; - --sf-c-green-40: 120 100% 40%; - --sf-c-green-45: 120 100% 45%; - --sf-c-green-50: 120 100% 50%; - --sf-c-green-55: 120 100% 55%; - --sf-c-green-60: 120 100% 60%; - --sf-c-green-65: 120 100% 65%; - --sf-c-green-70: 120 100% 70%; - --sf-c-green-75: 120 100% 75%; - --sf-c-green-80: 120 100% 80%; - --sf-c-green-85: 120 100% 85%; - --sf-c-green-90: 120 100% 90%; - --sf-c-green-95: 120 100% 95%; - --sf-c-green-100: 120 100% 100%; -} - -.sf-c-green, .sf-c-green\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -.sf-c-green\:0, .sf-c-green\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -.sf-c-green\:5, .sf-c-green\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -.sf-c-green\:10, .sf-c-green\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -.sf-c-green\:15, .sf-c-green\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -.sf-c-green\:20, .sf-c-green\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -.sf-c-green\:25, .sf-c-green\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -.sf-c-green\:30, .sf-c-green\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -.sf-c-green\:35, .sf-c-green\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -.sf-c-green\:40, .sf-c-green\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -.sf-c-green\:45, .sf-c-green\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -.sf-c-green\:50, .sf-c-green\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -.sf-c-green\:55, .sf-c-green\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -.sf-c-green\:60, .sf-c-green\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -.sf-c-green\:65, .sf-c-green\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -.sf-c-green\:70, .sf-c-green\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -.sf-c-green\:75, .sf-c-green\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -.sf-c-green\:80, .sf-c-green\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -.sf-c-green\:85, .sf-c-green\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -.sf-c-green\:90, .sf-c-green\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -.sf-c-green\:95, .sf-c-green\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -.sf-c-green\:100, .sf-c-green\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-green { color: hsl(120, 100%, 25%) } -.sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-green\:0, .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-green\:5, .sf-c-txt-green\:5\:st { color: hsl(120, 100%, 5%) } -.sf-c-txt-green\:10, .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-green\:15, .sf-c-txt-green\:15\:st { color: hsl(120, 100%, 15%) } -.sf-c-txt-green\:20, .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-green\:25, .sf-c-txt-green\:25\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-green\:30, .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-green\:35, .sf-c-txt-green\:35\:st { color: hsl(120, 100%, 35%) } -.sf-c-txt-green\:40, .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-green\:45, .sf-c-txt-green\:45\:st { color: hsl(120, 100%, 45%) } -.sf-c-txt-green\:50, .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-green\:55, .sf-c-txt-green\:55\:st { color: hsl(120, 100%, 55%) } -.sf-c-txt-green\:60, .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-green\:65, .sf-c-txt-green\:65\:st { color: hsl(120, 100%, 65%) } -.sf-c-txt-green\:70, .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-green\:75, .sf-c-txt-green\:75\:st { color: hsl(120, 100%, 75%) } -.sf-c-txt-green\:80, .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-green\:85, .sf-c-txt-green\:85\:st { color: hsl(120, 100%, 85%) } -.sf-c-txt-green\:90, .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-green\:95, .sf-c-txt-green\:95\:st { color: hsl(120, 100%, 95%) } -.sf-c-txt-green\:100, .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-green, html.dark .sf-c-green { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-green\:0, html.dark .sf-c-green\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-green\:5, html.dark .sf-c-green\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-green\:10, html.dark .sf-c-green\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-green\:15, html.dark .sf-c-green\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-green\:20, html.dark .sf-c-green\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-green\:25, html.dark .sf-c-green\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-green\:30, html.dark .sf-c-green\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-green\:35, html.dark .sf-c-green\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-green\:40, html.dark .sf-c-green\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-green\:45, html.dark .sf-c-green\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-green\:50, html.dark .sf-c-green\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-green\:55, html.dark .sf-c-green\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-green\:60, html.dark .sf-c-green\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-green\:65, html.dark .sf-c-green\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-green\:70, html.dark .sf-c-green\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-green\:75, html.dark .sf-c-green\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-green\:80, html.dark .sf-c-green\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-green\:85, html.dark .sf-c-green\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-green\:90, html.dark .sf-c-green\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-green\:95, html.dark .sf-c-green\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-green\:100, html.dark .sf-c-green\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-green\:st, html.dark .sf-c-green\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-green\:0\:st, html.dark .sf-c-green\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-green\:5\:st, html.dark .sf-c-green\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-green\:10\:st, html.dark .sf-c-green\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-green\:15\:st, html.dark .sf-c-green\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-green\:20\:st, html.dark .sf-c-green\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-green\:25\:st, html.dark .sf-c-green\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-green\:30\:st, html.dark .sf-c-green\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-green\:35\:st, html.dark .sf-c-green\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-green\:40\:st, html.dark .sf-c-green\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-green\:45\:st, html.dark .sf-c-green\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-green\:50\:st, html.dark .sf-c-green\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-green\:55\:st, html.dark .sf-c-green\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-green\:60\:st, html.dark .sf-c-green\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-green\:65\:st, html.dark .sf-c-green\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-green\:70\:st, html.dark .sf-c-green\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-green\:75\:st, html.dark .sf-c-green\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-green\:80\:st, html.dark .sf-c-green\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-green\:85\:st, html.dark .sf-c-green\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-green\:90\:st, html.dark .sf-c-green\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-green\:95\:st, html.dark .sf-c-green\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-green\:100\:st, html.dark .sf-c-green\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-green\:5, html.dark .sf-c-txt-green\:5 { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-green\:15, html.dark .sf-c-txt-green\:15 { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-green\:25, html.dark .sf-c-txt-green\:25 { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-green\:35, html.dark .sf-c-txt-green\:35 { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-green\:45, html.dark .sf-c-txt-green\:45 { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-green\:55, html.dark .sf-c-txt-green\:55 { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-green\:65, html.dark .sf-c-txt-green\:65 { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-green\:75, html.dark .sf-c-txt-green\:75 { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-green\:85, html.dark .sf-c-txt-green\:85 { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-green\:95, html.dark .sf-c-txt-green\:95 { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-green\:st, html.dark .sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-green\:0\:st, html.dark .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-green\:5\:st, html.dark .sf-c-txt-green\:5\:st { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-green\:10\:st, html.dark .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-green\:15\:st, html.dark .sf-c-txt-green\:15\:st { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-green\:20\:st, html.dark .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-green\:25\:st, html.dark .sf-c-txt-green\:25\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-green\:30\:st, html.dark .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-green\:35\:st, html.dark .sf-c-txt-green\:35\:st { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-green\:40\:st, html.dark .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-green\:45\:st, html.dark .sf-c-txt-green\:45\:st { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-green\:50\:st, html.dark .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-green\:55\:st, html.dark .sf-c-txt-green\:55\:st { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-green\:60\:st, html.dark .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-green\:65\:st, html.dark .sf-c-txt-green\:65\:st { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-green\:70\:st, html.dark .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-green\:75\:st, html.dark .sf-c-txt-green\:75\:st { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-green\:80\:st, html.dark .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-green\:85\:st, html.dark .sf-c-txt-green\:85\:st { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-green\:90\:st, html.dark .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-green\:95\:st, html.dark .sf-c-txt-green\:95\:st { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-green\:100\:st, html.dark .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-green, html.auto .sf-c-green { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-green\:0, html.auto .sf-c-green\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-green\:5, html.auto .sf-c-green\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-green\:10, html.auto .sf-c-green\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-green\:15, html.auto .sf-c-green\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-green\:20, html.auto .sf-c-green\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-green\:25, html.auto .sf-c-green\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-green\:30, html.auto .sf-c-green\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-green\:35, html.auto .sf-c-green\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-green\:40, html.auto .sf-c-green\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-green\:45, html.auto .sf-c-green\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-green\:50, html.auto .sf-c-green\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-green\:55, html.auto .sf-c-green\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-green\:60, html.auto .sf-c-green\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-green\:65, html.auto .sf-c-green\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-green\:70, html.auto .sf-c-green\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-green\:75, html.auto .sf-c-green\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-green\:80, html.auto .sf-c-green\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-green\:85, html.auto .sf-c-green\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-green\:90, html.auto .sf-c-green\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-green\:95, html.auto .sf-c-green\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-green\:100, html.auto .sf-c-green\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-green\:st, html.auto .sf-c-green\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-green\:0\:st, html.auto .sf-c-green\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-green\:5\:st, html.auto .sf-c-green\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-green\:10\:st, html.auto .sf-c-green\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-green\:15\:st, html.auto .sf-c-green\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-green\:20\:st, html.auto .sf-c-green\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-green\:25\:st, html.auto .sf-c-green\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-green\:30\:st, html.auto .sf-c-green\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-green\:35\:st, html.auto .sf-c-green\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-green\:40\:st, html.auto .sf-c-green\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-green\:45\:st, html.auto .sf-c-green\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-green\:50\:st, html.auto .sf-c-green\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-green\:55\:st, html.auto .sf-c-green\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-green\:60\:st, html.auto .sf-c-green\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-green\:65\:st, html.auto .sf-c-green\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-green\:70\:st, html.auto .sf-c-green\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-green\:75\:st, html.auto .sf-c-green\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-green\:80\:st, html.auto .sf-c-green\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-green\:85\:st, html.auto .sf-c-green\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-green\:90\:st, html.auto .sf-c-green\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-green\:95\:st, html.auto .sf-c-green\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-green\:100\:st, html.auto .sf-c-green\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-green\:5, html.auto .sf-c-txt-green\:5 { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-green\:15, html.auto .sf-c-txt-green\:15 { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-green\:25, html.auto .sf-c-txt-green\:25 { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-green\:35, html.auto .sf-c-txt-green\:35 { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-green\:45, html.auto .sf-c-txt-green\:45 { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-green\:55, html.auto .sf-c-txt-green\:55 { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-green\:65, html.auto .sf-c-txt-green\:65 { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-green\:75, html.auto .sf-c-txt-green\:75 { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-green\:85, html.auto .sf-c-txt-green\:85 { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-green\:95, html.auto .sf-c-txt-green\:95 { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-green\:st, html.auto .sf-c-txt-green\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-green\:0\:st, html.auto .sf-c-txt-green\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-green\:5\:st, html.auto .sf-c-txt-green\:5\:st { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-green\:10\:st, html.auto .sf-c-txt-green\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-green\:15\:st, html.auto .sf-c-txt-green\:15\:st { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-green\:20\:st, html.auto .sf-c-txt-green\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-green\:25\:st, html.auto .sf-c-txt-green\:25\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-green\:30\:st, html.auto .sf-c-txt-green\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-green\:35\:st, html.auto .sf-c-txt-green\:35\:st { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-green\:40\:st, html.auto .sf-c-txt-green\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-green\:45\:st, html.auto .sf-c-txt-green\:45\:st { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-green\:50\:st, html.auto .sf-c-txt-green\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-green\:55\:st, html.auto .sf-c-txt-green\:55\:st { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-green\:60\:st, html.auto .sf-c-txt-green\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-green\:65\:st, html.auto .sf-c-txt-green\:65\:st { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-green\:70\:st, html.auto .sf-c-txt-green\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-green\:75\:st, html.auto .sf-c-txt-green\:75\:st { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-green\:80\:st, html.auto .sf-c-txt-green\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-green\:85\:st, html.auto .sf-c-txt-green\:85\:st { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-green\:90\:st, html.auto .sf-c-txt-green\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-green\:95\:st, html.auto .sf-c-txt-green\:95\:st { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-green\:100\:st, html.auto .sf-c-txt-green\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/greenyellow.css b/src/colors/20/greenyellow.css deleted file mode 100644 index 0e04370..0000000 --- a/src/colors/20/greenyellow.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-greenyellow { - --sf-c-greenyellow: 84 100% 59%; - --sf-c-greenyellow-0: 84 100% 0%; - --sf-c-greenyellow-5: 84 100% 5%; - --sf-c-greenyellow-10: 84 100% 10%; - --sf-c-greenyellow-15: 84 100% 15%; - --sf-c-greenyellow-20: 84 100% 20%; - --sf-c-greenyellow-25: 84 100% 25%; - --sf-c-greenyellow-30: 84 100% 30%; - --sf-c-greenyellow-35: 84 100% 35%; - --sf-c-greenyellow-40: 84 100% 40%; - --sf-c-greenyellow-45: 84 100% 45%; - --sf-c-greenyellow-50: 84 100% 50%; - --sf-c-greenyellow-55: 84 100% 55%; - --sf-c-greenyellow-60: 84 100% 60%; - --sf-c-greenyellow-65: 84 100% 65%; - --sf-c-greenyellow-70: 84 100% 70%; - --sf-c-greenyellow-75: 84 100% 75%; - --sf-c-greenyellow-80: 84 100% 80%; - --sf-c-greenyellow-85: 84 100% 85%; - --sf-c-greenyellow-90: 84 100% 90%; - --sf-c-greenyellow-95: 84 100% 95%; - --sf-c-greenyellow-100: 84 100% 100%; -} - -.sf-c-greenyellow, .sf-c-greenyellow\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 59%) } -.sf-c-greenyellow\:0, .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } -.sf-c-greenyellow\:5, .sf-c-greenyellow\:5\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } -.sf-c-greenyellow\:10, .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } -.sf-c-greenyellow\:15, .sf-c-greenyellow\:15\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 15%) } -.sf-c-greenyellow\:20, .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 20%) } -.sf-c-greenyellow\:25, .sf-c-greenyellow\:25\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 25%) } -.sf-c-greenyellow\:30, .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 30%) } -.sf-c-greenyellow\:35, .sf-c-greenyellow\:35\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 35%) } -.sf-c-greenyellow\:40, .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 40%) } -.sf-c-greenyellow\:45, .sf-c-greenyellow\:45\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 45%) } -.sf-c-greenyellow\:50, .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 50%) } -.sf-c-greenyellow\:55, .sf-c-greenyellow\:55\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 55%) } -.sf-c-greenyellow\:60, .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 60%) } -.sf-c-greenyellow\:65, .sf-c-greenyellow\:65\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 65%) } -.sf-c-greenyellow\:70, .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 70%) } -.sf-c-greenyellow\:75, .sf-c-greenyellow\:75\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 75%) } -.sf-c-greenyellow\:80, .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 80%) } -.sf-c-greenyellow\:85, .sf-c-greenyellow\:85\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 85%) } -.sf-c-greenyellow\:90, .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 90%) } -.sf-c-greenyellow\:95, .sf-c-greenyellow\:95\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } -.sf-c-greenyellow\:100, .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } - -.sf-c-txt-greenyellow { color: hsl(84, 100%, 10%) } -.sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } -.sf-c-txt-greenyellow\:0, .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } -.sf-c-txt-greenyellow\:5, .sf-c-txt-greenyellow\:5\:st { color: hsl(84, 100%, 5%) } -.sf-c-txt-greenyellow\:10, .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } -.sf-c-txt-greenyellow\:15, .sf-c-txt-greenyellow\:15\:st { color: hsl(84, 100%, 15%) } -.sf-c-txt-greenyellow\:20, .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } -.sf-c-txt-greenyellow\:25, .sf-c-txt-greenyellow\:25\:st { color: hsl(84, 100%, 25%) } -.sf-c-txt-greenyellow\:30, .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } -.sf-c-txt-greenyellow\:35, .sf-c-txt-greenyellow\:35\:st { color: hsl(84, 100%, 35%) } -.sf-c-txt-greenyellow\:40, .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } -.sf-c-txt-greenyellow\:45, .sf-c-txt-greenyellow\:45\:st { color: hsl(84, 100%, 45%) } -.sf-c-txt-greenyellow\:50, .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } -.sf-c-txt-greenyellow\:55, .sf-c-txt-greenyellow\:55\:st { color: hsl(84, 100%, 55%) } -.sf-c-txt-greenyellow\:60, .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } -.sf-c-txt-greenyellow\:65, .sf-c-txt-greenyellow\:65\:st { color: hsl(84, 100%, 65%) } -.sf-c-txt-greenyellow\:70, .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } -.sf-c-txt-greenyellow\:75, .sf-c-txt-greenyellow\:75\:st { color: hsl(84, 100%, 75%) } -.sf-c-txt-greenyellow\:80, .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } -.sf-c-txt-greenyellow\:85, .sf-c-txt-greenyellow\:85\:st { color: hsl(84, 100%, 85%) } -.sf-c-txt-greenyellow\:90, .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } -.sf-c-txt-greenyellow\:95, .sf-c-txt-greenyellow\:95\:st { color: hsl(84, 100%, 95%) } -.sf-c-txt-greenyellow\:100, .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } - -html[data-theme='dark'] .sf-c-greenyellow, html.dark .sf-c-greenyellow { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 41%) } -html[data-theme='dark'] .sf-c-greenyellow\:0, html.dark .sf-c-greenyellow\:0 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } -html[data-theme='dark'] .sf-c-greenyellow\:5, html.dark .sf-c-greenyellow\:5 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } -html[data-theme='dark'] .sf-c-greenyellow\:10, html.dark .sf-c-greenyellow\:10 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-greenyellow\:15, html.dark .sf-c-greenyellow\:15 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 85%) } -html[data-theme='dark'] .sf-c-greenyellow\:20, html.dark .sf-c-greenyellow\:20 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-greenyellow\:25, html.dark .sf-c-greenyellow\:25 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 75%) } -html[data-theme='dark'] .sf-c-greenyellow\:30, html.dark .sf-c-greenyellow\:30 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-greenyellow\:35, html.dark .sf-c-greenyellow\:35 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 65%) } -html[data-theme='dark'] .sf-c-greenyellow\:40, html.dark .sf-c-greenyellow\:40 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-greenyellow\:45, html.dark .sf-c-greenyellow\:45 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 55%) } -html[data-theme='dark'] .sf-c-greenyellow\:50, html.dark .sf-c-greenyellow\:50 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-greenyellow\:55, html.dark .sf-c-greenyellow\:55 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 45%) } -html[data-theme='dark'] .sf-c-greenyellow\:60, html.dark .sf-c-greenyellow\:60 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-greenyellow\:65, html.dark .sf-c-greenyellow\:65 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 35%) } -html[data-theme='dark'] .sf-c-greenyellow\:70, html.dark .sf-c-greenyellow\:70 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-greenyellow\:75, html.dark .sf-c-greenyellow\:75 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 25%) } -html[data-theme='dark'] .sf-c-greenyellow\:80, html.dark .sf-c-greenyellow\:80 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-greenyellow\:85, html.dark .sf-c-greenyellow\:85 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 15%) } -html[data-theme='dark'] .sf-c-greenyellow\:90, html.dark .sf-c-greenyellow\:90 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-greenyellow\:95, html.dark .sf-c-greenyellow\:95 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } -html[data-theme='dark'] .sf-c-greenyellow\:100, html.dark .sf-c-greenyellow\:100 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } - -html[data-theme='dark'] .sf-c-greenyellow\:st, html.dark .sf-c-greenyellow\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-greenyellow\:0\:st, html.dark .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } -html[data-theme='dark'] .sf-c-greenyellow\:5\:st, html.dark .sf-c-greenyellow\:5\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } -html[data-theme='dark'] .sf-c-greenyellow\:10\:st, html.dark .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-greenyellow\:15\:st, html.dark .sf-c-greenyellow\:15\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 15%) } -html[data-theme='dark'] .sf-c-greenyellow\:20\:st, html.dark .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-greenyellow\:25\:st, html.dark .sf-c-greenyellow\:25\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 25%) } -html[data-theme='dark'] .sf-c-greenyellow\:30\:st, html.dark .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-greenyellow\:35\:st, html.dark .sf-c-greenyellow\:35\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 35%) } -html[data-theme='dark'] .sf-c-greenyellow\:40\:st, html.dark .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-greenyellow\:45\:st, html.dark .sf-c-greenyellow\:45\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 45%) } -html[data-theme='dark'] .sf-c-greenyellow\:50\:st, html.dark .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-greenyellow\:55\:st, html.dark .sf-c-greenyellow\:55\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 55%) } -html[data-theme='dark'] .sf-c-greenyellow\:60\:st, html.dark .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-greenyellow\:65\:st, html.dark .sf-c-greenyellow\:65\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 65%) } -html[data-theme='dark'] .sf-c-greenyellow\:70\:st, html.dark .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-greenyellow\:75\:st, html.dark .sf-c-greenyellow\:75\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 75%) } -html[data-theme='dark'] .sf-c-greenyellow\:80\:st, html.dark .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-greenyellow\:85\:st, html.dark .sf-c-greenyellow\:85\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 85%) } -html[data-theme='dark'] .sf-c-greenyellow\:90\:st, html.dark .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-greenyellow\:95\:st, html.dark .sf-c-greenyellow\:95\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } -html[data-theme='dark'] .sf-c-greenyellow\:100\:st, html.dark .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:5, html.dark .sf-c-txt-greenyellow\:5 { color: hsl(84, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:15, html.dark .sf-c-txt-greenyellow\:15 { color: hsl(84, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:25, html.dark .sf-c-txt-greenyellow\:25 { color: hsl(84, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:35, html.dark .sf-c-txt-greenyellow\:35 { color: hsl(84, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:45, html.dark .sf-c-txt-greenyellow\:45 { color: hsl(84, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:55, html.dark .sf-c-txt-greenyellow\:55 { color: hsl(84, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:65, html.dark .sf-c-txt-greenyellow\:65 { color: hsl(84, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:75, html.dark .sf-c-txt-greenyellow\:75 { color: hsl(84, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:85, html.dark .sf-c-txt-greenyellow\:85 { color: hsl(84, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:95, html.dark .sf-c-txt-greenyellow\:95 { color: hsl(84, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-greenyellow\:st, html.dark .sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:0\:st, html.dark .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:5\:st, html.dark .sf-c-txt-greenyellow\:5\:st { color: hsl(84, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:10\:st, html.dark .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:15\:st, html.dark .sf-c-txt-greenyellow\:15\:st { color: hsl(84, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:20\:st, html.dark .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:25\:st, html.dark .sf-c-txt-greenyellow\:25\:st { color: hsl(84, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:30\:st, html.dark .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:35\:st, html.dark .sf-c-txt-greenyellow\:35\:st { color: hsl(84, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:40\:st, html.dark .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:45\:st, html.dark .sf-c-txt-greenyellow\:45\:st { color: hsl(84, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:50\:st, html.dark .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:55\:st, html.dark .sf-c-txt-greenyellow\:55\:st { color: hsl(84, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:60\:st, html.dark .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:65\:st, html.dark .sf-c-txt-greenyellow\:65\:st { color: hsl(84, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:70\:st, html.dark .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:75\:st, html.dark .sf-c-txt-greenyellow\:75\:st { color: hsl(84, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:80\:st, html.dark .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:85\:st, html.dark .sf-c-txt-greenyellow\:85\:st { color: hsl(84, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:90\:st, html.dark .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:95\:st, html.dark .sf-c-txt-greenyellow\:95\:st { color: hsl(84, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-greenyellow\:100\:st, html.dark .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-greenyellow, html.auto .sf-c-greenyellow { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 41%) } - html[data-theme='auto'] .sf-c-greenyellow\:0, html.auto .sf-c-greenyellow\:0 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } - html[data-theme='auto'] .sf-c-greenyellow\:5, html.auto .sf-c-greenyellow\:5 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } - html[data-theme='auto'] .sf-c-greenyellow\:10, html.auto .sf-c-greenyellow\:10 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-greenyellow\:15, html.auto .sf-c-greenyellow\:15 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 85%) } - html[data-theme='auto'] .sf-c-greenyellow\:20, html.auto .sf-c-greenyellow\:20 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-greenyellow\:25, html.auto .sf-c-greenyellow\:25 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 75%) } - html[data-theme='auto'] .sf-c-greenyellow\:30, html.auto .sf-c-greenyellow\:30 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-greenyellow\:35, html.auto .sf-c-greenyellow\:35 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 65%) } - html[data-theme='auto'] .sf-c-greenyellow\:40, html.auto .sf-c-greenyellow\:40 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-greenyellow\:45, html.auto .sf-c-greenyellow\:45 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 55%) } - html[data-theme='auto'] .sf-c-greenyellow\:50, html.auto .sf-c-greenyellow\:50 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-greenyellow\:55, html.auto .sf-c-greenyellow\:55 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 45%) } - html[data-theme='auto'] .sf-c-greenyellow\:60, html.auto .sf-c-greenyellow\:60 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-greenyellow\:65, html.auto .sf-c-greenyellow\:65 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 35%) } - html[data-theme='auto'] .sf-c-greenyellow\:70, html.auto .sf-c-greenyellow\:70 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-greenyellow\:75, html.auto .sf-c-greenyellow\:75 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 25%) } - html[data-theme='auto'] .sf-c-greenyellow\:80, html.auto .sf-c-greenyellow\:80 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-greenyellow\:85, html.auto .sf-c-greenyellow\:85 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 15%) } - html[data-theme='auto'] .sf-c-greenyellow\:90, html.auto .sf-c-greenyellow\:90 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-greenyellow\:95, html.auto .sf-c-greenyellow\:95 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } - html[data-theme='auto'] .sf-c-greenyellow\:100, html.auto .sf-c-greenyellow\:100 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } - - html[data-theme='auto'] .sf-c-greenyellow\:st, html.auto .sf-c-greenyellow\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-greenyellow\:0\:st, html.auto .sf-c-greenyellow\:0\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } - html[data-theme='auto'] .sf-c-greenyellow\:5\:st, html.auto .sf-c-greenyellow\:5\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } - html[data-theme='auto'] .sf-c-greenyellow\:10\:st, html.auto .sf-c-greenyellow\:10\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-greenyellow\:15\:st, html.auto .sf-c-greenyellow\:15\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 15%) } - html[data-theme='auto'] .sf-c-greenyellow\:20\:st, html.auto .sf-c-greenyellow\:20\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-greenyellow\:25\:st, html.auto .sf-c-greenyellow\:25\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 25%) } - html[data-theme='auto'] .sf-c-greenyellow\:30\:st, html.auto .sf-c-greenyellow\:30\:st { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-greenyellow\:35\:st, html.auto .sf-c-greenyellow\:35\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 35%) } - html[data-theme='auto'] .sf-c-greenyellow\:40\:st, html.auto .sf-c-greenyellow\:40\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-greenyellow\:45\:st, html.auto .sf-c-greenyellow\:45\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 45%) } - html[data-theme='auto'] .sf-c-greenyellow\:50\:st, html.auto .sf-c-greenyellow\:50\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-greenyellow\:55\:st, html.auto .sf-c-greenyellow\:55\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 55%) } - html[data-theme='auto'] .sf-c-greenyellow\:60\:st, html.auto .sf-c-greenyellow\:60\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-greenyellow\:65\:st, html.auto .sf-c-greenyellow\:65\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 65%) } - html[data-theme='auto'] .sf-c-greenyellow\:70\:st, html.auto .sf-c-greenyellow\:70\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-greenyellow\:75\:st, html.auto .sf-c-greenyellow\:75\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 75%) } - html[data-theme='auto'] .sf-c-greenyellow\:80\:st, html.auto .sf-c-greenyellow\:80\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-greenyellow\:85\:st, html.auto .sf-c-greenyellow\:85\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 85%) } - html[data-theme='auto'] .sf-c-greenyellow\:90\:st, html.auto .sf-c-greenyellow\:90\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-greenyellow\:95\:st, html.auto .sf-c-greenyellow\:95\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } - html[data-theme='auto'] .sf-c-greenyellow\:100\:st, html.auto .sf-c-greenyellow\:100\:st { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:5, html.auto .sf-c-txt-greenyellow\:5 { color: hsl(84, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:15, html.auto .sf-c-txt-greenyellow\:15 { color: hsl(84, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:25, html.auto .sf-c-txt-greenyellow\:25 { color: hsl(84, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:35, html.auto .sf-c-txt-greenyellow\:35 { color: hsl(84, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:45, html.auto .sf-c-txt-greenyellow\:45 { color: hsl(84, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:55, html.auto .sf-c-txt-greenyellow\:55 { color: hsl(84, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:65, html.auto .sf-c-txt-greenyellow\:65 { color: hsl(84, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:75, html.auto .sf-c-txt-greenyellow\:75 { color: hsl(84, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:85, html.auto .sf-c-txt-greenyellow\:85 { color: hsl(84, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:95, html.auto .sf-c-txt-greenyellow\:95 { color: hsl(84, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-greenyellow\:st, html.auto .sf-c-txt-greenyellow\:st { color: hsl(84, 100%, 59%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:0\:st, html.auto .sf-c-txt-greenyellow\:0\:st { color: hsl(84, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:5\:st, html.auto .sf-c-txt-greenyellow\:5\:st { color: hsl(84, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:10\:st, html.auto .sf-c-txt-greenyellow\:10\:st { color: hsl(84, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:15\:st, html.auto .sf-c-txt-greenyellow\:15\:st { color: hsl(84, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:20\:st, html.auto .sf-c-txt-greenyellow\:20\:st { color: hsl(84, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:25\:st, html.auto .sf-c-txt-greenyellow\:25\:st { color: hsl(84, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:30\:st, html.auto .sf-c-txt-greenyellow\:30\:st { color: hsl(84, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:35\:st, html.auto .sf-c-txt-greenyellow\:35\:st { color: hsl(84, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:40\:st, html.auto .sf-c-txt-greenyellow\:40\:st { color: hsl(84, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:45\:st, html.auto .sf-c-txt-greenyellow\:45\:st { color: hsl(84, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:50\:st, html.auto .sf-c-txt-greenyellow\:50\:st { color: hsl(84, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:55\:st, html.auto .sf-c-txt-greenyellow\:55\:st { color: hsl(84, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:60\:st, html.auto .sf-c-txt-greenyellow\:60\:st { color: hsl(84, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:65\:st, html.auto .sf-c-txt-greenyellow\:65\:st { color: hsl(84, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:70\:st, html.auto .sf-c-txt-greenyellow\:70\:st { color: hsl(84, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:75\:st, html.auto .sf-c-txt-greenyellow\:75\:st { color: hsl(84, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:80\:st, html.auto .sf-c-txt-greenyellow\:80\:st { color: hsl(84, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:85\:st, html.auto .sf-c-txt-greenyellow\:85\:st { color: hsl(84, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:90\:st, html.auto .sf-c-txt-greenyellow\:90\:st { color: hsl(84, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:95\:st, html.auto .sf-c-txt-greenyellow\:95\:st { color: hsl(84, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-greenyellow\:100\:st, html.auto .sf-c-txt-greenyellow\:100\:st { color: hsl(84, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/grey.css b/src/colors/20/grey.css deleted file mode 100644 index 2e6fa22..0000000 --- a/src/colors/20/grey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-grey { - --sf-c-grey: 0 0% 50%; - --sf-c-grey-0: 0 0% 0%; - --sf-c-grey-5: 0 0% 5%; - --sf-c-grey-10: 0 0% 10%; - --sf-c-grey-15: 0 0% 15%; - --sf-c-grey-20: 0 0% 20%; - --sf-c-grey-25: 0 0% 25%; - --sf-c-grey-30: 0 0% 30%; - --sf-c-grey-35: 0 0% 35%; - --sf-c-grey-40: 0 0% 40%; - --sf-c-grey-45: 0 0% 45%; - --sf-c-grey-50: 0 0% 50%; - --sf-c-grey-55: 0 0% 55%; - --sf-c-grey-60: 0 0% 60%; - --sf-c-grey-65: 0 0% 65%; - --sf-c-grey-70: 0 0% 70%; - --sf-c-grey-75: 0 0% 75%; - --sf-c-grey-80: 0 0% 80%; - --sf-c-grey-85: 0 0% 85%; - --sf-c-grey-90: 0 0% 90%; - --sf-c-grey-95: 0 0% 95%; - --sf-c-grey-100: 0 0% 100%; -} - -.sf-c-grey, .sf-c-grey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-grey\:0, .sf-c-grey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-grey\:5, .sf-c-grey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-grey\:10, .sf-c-grey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-grey\:15, .sf-c-grey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-grey\:20, .sf-c-grey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-grey\:25, .sf-c-grey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-grey\:30, .sf-c-grey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-grey\:35, .sf-c-grey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-grey\:40, .sf-c-grey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-grey\:45, .sf-c-grey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-grey\:50, .sf-c-grey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-grey\:55, .sf-c-grey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-grey\:60, .sf-c-grey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-grey\:65, .sf-c-grey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-grey\:70, .sf-c-grey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-grey\:75, .sf-c-grey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-grey\:80, .sf-c-grey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-grey\:85, .sf-c-grey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-grey\:90, .sf-c-grey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-grey\:95, .sf-c-grey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-grey\:100, .sf-c-grey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-grey { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:0, .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-grey\:5, .sf-c-txt-grey\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-grey\:10, .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-grey\:15, .sf-c-txt-grey\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-grey\:20, .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-grey\:25, .sf-c-txt-grey\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-grey\:30, .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-grey\:35, .sf-c-txt-grey\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-grey\:40, .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-grey\:45, .sf-c-txt-grey\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-grey\:50, .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-grey\:55, .sf-c-txt-grey\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-grey\:60, .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-grey\:65, .sf-c-txt-grey\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-grey\:70, .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-grey\:75, .sf-c-txt-grey\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-grey\:80, .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-grey\:85, .sf-c-txt-grey\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-grey\:90, .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-grey\:95, .sf-c-txt-grey\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-grey\:100, .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-grey, html.dark .sf-c-grey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:0, html.dark .sf-c-grey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-grey\:5, html.dark .sf-c-grey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-grey\:10, html.dark .sf-c-grey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-grey\:15, html.dark .sf-c-grey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-grey\:20, html.dark .sf-c-grey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-grey\:25, html.dark .sf-c-grey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-grey\:30, html.dark .sf-c-grey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-grey\:35, html.dark .sf-c-grey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-grey\:40, html.dark .sf-c-grey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-grey\:45, html.dark .sf-c-grey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-grey\:50, html.dark .sf-c-grey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:55, html.dark .sf-c-grey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-grey\:60, html.dark .sf-c-grey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-grey\:65, html.dark .sf-c-grey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-grey\:70, html.dark .sf-c-grey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-grey\:75, html.dark .sf-c-grey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-grey\:80, html.dark .sf-c-grey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-grey\:85, html.dark .sf-c-grey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-grey\:90, html.dark .sf-c-grey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-grey\:95, html.dark .sf-c-grey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-grey\:100, html.dark .sf-c-grey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-grey\:st, html.dark .sf-c-grey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:0\:st, html.dark .sf-c-grey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-grey\:5\:st, html.dark .sf-c-grey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-grey\:10\:st, html.dark .sf-c-grey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-grey\:15\:st, html.dark .sf-c-grey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-grey\:20\:st, html.dark .sf-c-grey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-grey\:25\:st, html.dark .sf-c-grey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-grey\:30\:st, html.dark .sf-c-grey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-grey\:35\:st, html.dark .sf-c-grey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-grey\:40\:st, html.dark .sf-c-grey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-grey\:45\:st, html.dark .sf-c-grey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-grey\:50\:st, html.dark .sf-c-grey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-grey\:55\:st, html.dark .sf-c-grey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-grey\:60\:st, html.dark .sf-c-grey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-grey\:65\:st, html.dark .sf-c-grey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-grey\:70\:st, html.dark .sf-c-grey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-grey\:75\:st, html.dark .sf-c-grey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-grey\:80\:st, html.dark .sf-c-grey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-grey\:85\:st, html.dark .sf-c-grey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-grey\:90\:st, html.dark .sf-c-grey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-grey\:95\:st, html.dark .sf-c-grey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-grey\:100\:st, html.dark .sf-c-grey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-grey\:5, html.dark .sf-c-txt-grey\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-grey\:15, html.dark .sf-c-txt-grey\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-grey\:25, html.dark .sf-c-txt-grey\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-grey\:35, html.dark .sf-c-txt-grey\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-grey\:45, html.dark .sf-c-txt-grey\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:55, html.dark .sf-c-txt-grey\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-grey\:65, html.dark .sf-c-txt-grey\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-grey\:75, html.dark .sf-c-txt-grey\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-grey\:85, html.dark .sf-c-txt-grey\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-grey\:95, html.dark .sf-c-txt-grey\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-grey\:st, html.dark .sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:0\:st, html.dark .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-grey\:5\:st, html.dark .sf-c-txt-grey\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-grey\:10\:st, html.dark .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-grey\:15\:st, html.dark .sf-c-txt-grey\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-grey\:20\:st, html.dark .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-grey\:25\:st, html.dark .sf-c-txt-grey\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-grey\:30\:st, html.dark .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-grey\:35\:st, html.dark .sf-c-txt-grey\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-grey\:40\:st, html.dark .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-grey\:45\:st, html.dark .sf-c-txt-grey\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-grey\:50\:st, html.dark .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-grey\:55\:st, html.dark .sf-c-txt-grey\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-grey\:60\:st, html.dark .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-grey\:65\:st, html.dark .sf-c-txt-grey\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-grey\:70\:st, html.dark .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-grey\:75\:st, html.dark .sf-c-txt-grey\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-grey\:80\:st, html.dark .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-grey\:85\:st, html.dark .sf-c-txt-grey\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-grey\:90\:st, html.dark .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-grey\:95\:st, html.dark .sf-c-txt-grey\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-grey\:100\:st, html.dark .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-grey, html.auto .sf-c-grey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:0, html.auto .sf-c-grey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-grey\:5, html.auto .sf-c-grey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-grey\:10, html.auto .sf-c-grey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-grey\:15, html.auto .sf-c-grey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-grey\:20, html.auto .sf-c-grey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-grey\:25, html.auto .sf-c-grey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-grey\:30, html.auto .sf-c-grey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-grey\:35, html.auto .sf-c-grey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-grey\:40, html.auto .sf-c-grey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-grey\:45, html.auto .sf-c-grey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-grey\:50, html.auto .sf-c-grey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:55, html.auto .sf-c-grey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-grey\:60, html.auto .sf-c-grey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-grey\:65, html.auto .sf-c-grey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-grey\:70, html.auto .sf-c-grey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-grey\:75, html.auto .sf-c-grey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-grey\:80, html.auto .sf-c-grey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-grey\:85, html.auto .sf-c-grey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-grey\:90, html.auto .sf-c-grey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-grey\:95, html.auto .sf-c-grey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-grey\:100, html.auto .sf-c-grey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-grey\:st, html.auto .sf-c-grey\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:0\:st, html.auto .sf-c-grey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-grey\:5\:st, html.auto .sf-c-grey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-grey\:10\:st, html.auto .sf-c-grey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-grey\:15\:st, html.auto .sf-c-grey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-grey\:20\:st, html.auto .sf-c-grey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-grey\:25\:st, html.auto .sf-c-grey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-grey\:30\:st, html.auto .sf-c-grey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-grey\:35\:st, html.auto .sf-c-grey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-grey\:40\:st, html.auto .sf-c-grey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-grey\:45\:st, html.auto .sf-c-grey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-grey\:50\:st, html.auto .sf-c-grey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-grey\:55\:st, html.auto .sf-c-grey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-grey\:60\:st, html.auto .sf-c-grey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-grey\:65\:st, html.auto .sf-c-grey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-grey\:70\:st, html.auto .sf-c-grey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-grey\:75\:st, html.auto .sf-c-grey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-grey\:80\:st, html.auto .sf-c-grey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-grey\:85\:st, html.auto .sf-c-grey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-grey\:90\:st, html.auto .sf-c-grey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-grey\:95\:st, html.auto .sf-c-grey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-grey\:100\:st, html.auto .sf-c-grey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-grey\:5, html.auto .sf-c-txt-grey\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-grey\:15, html.auto .sf-c-txt-grey\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-grey\:25, html.auto .sf-c-txt-grey\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-grey\:35, html.auto .sf-c-txt-grey\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-grey\:45, html.auto .sf-c-txt-grey\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:55, html.auto .sf-c-txt-grey\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-grey\:65, html.auto .sf-c-txt-grey\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-grey\:75, html.auto .sf-c-txt-grey\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-grey\:85, html.auto .sf-c-txt-grey\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-grey\:95, html.auto .sf-c-txt-grey\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-grey\:st, html.auto .sf-c-txt-grey\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:0\:st, html.auto .sf-c-txt-grey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-grey\:5\:st, html.auto .sf-c-txt-grey\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-grey\:10\:st, html.auto .sf-c-txt-grey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-grey\:15\:st, html.auto .sf-c-txt-grey\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-grey\:20\:st, html.auto .sf-c-txt-grey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-grey\:25\:st, html.auto .sf-c-txt-grey\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-grey\:30\:st, html.auto .sf-c-txt-grey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-grey\:35\:st, html.auto .sf-c-txt-grey\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-grey\:40\:st, html.auto .sf-c-txt-grey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-grey\:45\:st, html.auto .sf-c-txt-grey\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-grey\:50\:st, html.auto .sf-c-txt-grey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-grey\:55\:st, html.auto .sf-c-txt-grey\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-grey\:60\:st, html.auto .sf-c-txt-grey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-grey\:65\:st, html.auto .sf-c-txt-grey\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-grey\:70\:st, html.auto .sf-c-txt-grey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-grey\:75\:st, html.auto .sf-c-txt-grey\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-grey\:80\:st, html.auto .sf-c-txt-grey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-grey\:85\:st, html.auto .sf-c-txt-grey\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-grey\:90\:st, html.auto .sf-c-txt-grey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-grey\:95\:st, html.auto .sf-c-txt-grey\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-grey\:100\:st, html.auto .sf-c-txt-grey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/honeydew.css b/src/colors/20/honeydew.css deleted file mode 100644 index 908b3a9..0000000 --- a/src/colors/20/honeydew.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-honeydew { - --sf-c-honeydew: 120 100% 97%; - --sf-c-honeydew-0: 120 100% 0%; - --sf-c-honeydew-5: 120 100% 5%; - --sf-c-honeydew-10: 120 100% 10%; - --sf-c-honeydew-15: 120 100% 15%; - --sf-c-honeydew-20: 120 100% 20%; - --sf-c-honeydew-25: 120 100% 25%; - --sf-c-honeydew-30: 120 100% 30%; - --sf-c-honeydew-35: 120 100% 35%; - --sf-c-honeydew-40: 120 100% 40%; - --sf-c-honeydew-45: 120 100% 45%; - --sf-c-honeydew-50: 120 100% 50%; - --sf-c-honeydew-55: 120 100% 55%; - --sf-c-honeydew-60: 120 100% 60%; - --sf-c-honeydew-65: 120 100% 65%; - --sf-c-honeydew-70: 120 100% 70%; - --sf-c-honeydew-75: 120 100% 75%; - --sf-c-honeydew-80: 120 100% 80%; - --sf-c-honeydew-85: 120 100% 85%; - --sf-c-honeydew-90: 120 100% 90%; - --sf-c-honeydew-95: 120 100% 95%; - --sf-c-honeydew-100: 120 100% 100%; -} - -.sf-c-honeydew, .sf-c-honeydew\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 97%) } -.sf-c-honeydew\:0, .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -.sf-c-honeydew\:5, .sf-c-honeydew\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -.sf-c-honeydew\:10, .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -.sf-c-honeydew\:15, .sf-c-honeydew\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -.sf-c-honeydew\:20, .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -.sf-c-honeydew\:25, .sf-c-honeydew\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -.sf-c-honeydew\:30, .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -.sf-c-honeydew\:35, .sf-c-honeydew\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -.sf-c-honeydew\:40, .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -.sf-c-honeydew\:45, .sf-c-honeydew\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -.sf-c-honeydew\:50, .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -.sf-c-honeydew\:55, .sf-c-honeydew\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -.sf-c-honeydew\:60, .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -.sf-c-honeydew\:65, .sf-c-honeydew\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -.sf-c-honeydew\:70, .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -.sf-c-honeydew\:75, .sf-c-honeydew\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -.sf-c-honeydew\:80, .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -.sf-c-honeydew\:85, .sf-c-honeydew\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -.sf-c-honeydew\:90, .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -.sf-c-honeydew\:95, .sf-c-honeydew\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -.sf-c-honeydew\:100, .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-honeydew { color: hsl(120, 100%, 10%) } -.sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } -.sf-c-txt-honeydew\:0, .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-honeydew\:5, .sf-c-txt-honeydew\:5\:st { color: hsl(120, 100%, 5%) } -.sf-c-txt-honeydew\:10, .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-honeydew\:15, .sf-c-txt-honeydew\:15\:st { color: hsl(120, 100%, 15%) } -.sf-c-txt-honeydew\:20, .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-honeydew\:25, .sf-c-txt-honeydew\:25\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-honeydew\:30, .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-honeydew\:35, .sf-c-txt-honeydew\:35\:st { color: hsl(120, 100%, 35%) } -.sf-c-txt-honeydew\:40, .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-honeydew\:45, .sf-c-txt-honeydew\:45\:st { color: hsl(120, 100%, 45%) } -.sf-c-txt-honeydew\:50, .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-honeydew\:55, .sf-c-txt-honeydew\:55\:st { color: hsl(120, 100%, 55%) } -.sf-c-txt-honeydew\:60, .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-honeydew\:65, .sf-c-txt-honeydew\:65\:st { color: hsl(120, 100%, 65%) } -.sf-c-txt-honeydew\:70, .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-honeydew\:75, .sf-c-txt-honeydew\:75\:st { color: hsl(120, 100%, 75%) } -.sf-c-txt-honeydew\:80, .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-honeydew\:85, .sf-c-txt-honeydew\:85\:st { color: hsl(120, 100%, 85%) } -.sf-c-txt-honeydew\:90, .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-honeydew\:95, .sf-c-txt-honeydew\:95\:st { color: hsl(120, 100%, 95%) } -.sf-c-txt-honeydew\:100, .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-honeydew, html.dark .sf-c-honeydew { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 3%) } -html[data-theme='dark'] .sf-c-honeydew\:0, html.dark .sf-c-honeydew\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-honeydew\:5, html.dark .sf-c-honeydew\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-honeydew\:10, html.dark .sf-c-honeydew\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-honeydew\:15, html.dark .sf-c-honeydew\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-honeydew\:20, html.dark .sf-c-honeydew\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-honeydew\:25, html.dark .sf-c-honeydew\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-honeydew\:30, html.dark .sf-c-honeydew\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-honeydew\:35, html.dark .sf-c-honeydew\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-honeydew\:40, html.dark .sf-c-honeydew\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-honeydew\:45, html.dark .sf-c-honeydew\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-honeydew\:50, html.dark .sf-c-honeydew\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-honeydew\:55, html.dark .sf-c-honeydew\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-honeydew\:60, html.dark .sf-c-honeydew\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-honeydew\:65, html.dark .sf-c-honeydew\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-honeydew\:70, html.dark .sf-c-honeydew\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-honeydew\:75, html.dark .sf-c-honeydew\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-honeydew\:80, html.dark .sf-c-honeydew\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-honeydew\:85, html.dark .sf-c-honeydew\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-honeydew\:90, html.dark .sf-c-honeydew\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-honeydew\:95, html.dark .sf-c-honeydew\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-honeydew\:100, html.dark .sf-c-honeydew\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-honeydew\:st, html.dark .sf-c-honeydew\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-honeydew\:0\:st, html.dark .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-honeydew\:5\:st, html.dark .sf-c-honeydew\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-honeydew\:10\:st, html.dark .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-honeydew\:15\:st, html.dark .sf-c-honeydew\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-honeydew\:20\:st, html.dark .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-honeydew\:25\:st, html.dark .sf-c-honeydew\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-honeydew\:30\:st, html.dark .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-honeydew\:35\:st, html.dark .sf-c-honeydew\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-honeydew\:40\:st, html.dark .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-honeydew\:45\:st, html.dark .sf-c-honeydew\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-honeydew\:50\:st, html.dark .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-honeydew\:55\:st, html.dark .sf-c-honeydew\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-honeydew\:60\:st, html.dark .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-honeydew\:65\:st, html.dark .sf-c-honeydew\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-honeydew\:70\:st, html.dark .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-honeydew\:75\:st, html.dark .sf-c-honeydew\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-honeydew\:80\:st, html.dark .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-honeydew\:85\:st, html.dark .sf-c-honeydew\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-honeydew\:90\:st, html.dark .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-honeydew\:95\:st, html.dark .sf-c-honeydew\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-honeydew\:100\:st, html.dark .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:5, html.dark .sf-c-txt-honeydew\:5 { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:15, html.dark .sf-c-txt-honeydew\:15 { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:25, html.dark .sf-c-txt-honeydew\:25 { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:35, html.dark .sf-c-txt-honeydew\:35 { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:45, html.dark .sf-c-txt-honeydew\:45 { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:55, html.dark .sf-c-txt-honeydew\:55 { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:65, html.dark .sf-c-txt-honeydew\:65 { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:75, html.dark .sf-c-txt-honeydew\:75 { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:85, html.dark .sf-c-txt-honeydew\:85 { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:95, html.dark .sf-c-txt-honeydew\:95 { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-honeydew\:st, html.dark .sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:0\:st, html.dark .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:5\:st, html.dark .sf-c-txt-honeydew\:5\:st { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:10\:st, html.dark .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:15\:st, html.dark .sf-c-txt-honeydew\:15\:st { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:20\:st, html.dark .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:25\:st, html.dark .sf-c-txt-honeydew\:25\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:30\:st, html.dark .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:35\:st, html.dark .sf-c-txt-honeydew\:35\:st { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:40\:st, html.dark .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:45\:st, html.dark .sf-c-txt-honeydew\:45\:st { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:50\:st, html.dark .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:55\:st, html.dark .sf-c-txt-honeydew\:55\:st { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:60\:st, html.dark .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:65\:st, html.dark .sf-c-txt-honeydew\:65\:st { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:70\:st, html.dark .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:75\:st, html.dark .sf-c-txt-honeydew\:75\:st { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:80\:st, html.dark .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:85\:st, html.dark .sf-c-txt-honeydew\:85\:st { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:90\:st, html.dark .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:95\:st, html.dark .sf-c-txt-honeydew\:95\:st { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-honeydew\:100\:st, html.dark .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-honeydew, html.auto .sf-c-honeydew { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 3%) } - html[data-theme='auto'] .sf-c-honeydew\:0, html.auto .sf-c-honeydew\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-honeydew\:5, html.auto .sf-c-honeydew\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-honeydew\:10, html.auto .sf-c-honeydew\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-honeydew\:15, html.auto .sf-c-honeydew\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-honeydew\:20, html.auto .sf-c-honeydew\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-honeydew\:25, html.auto .sf-c-honeydew\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-honeydew\:30, html.auto .sf-c-honeydew\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-honeydew\:35, html.auto .sf-c-honeydew\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-honeydew\:40, html.auto .sf-c-honeydew\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-honeydew\:45, html.auto .sf-c-honeydew\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-honeydew\:50, html.auto .sf-c-honeydew\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-honeydew\:55, html.auto .sf-c-honeydew\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-honeydew\:60, html.auto .sf-c-honeydew\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-honeydew\:65, html.auto .sf-c-honeydew\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-honeydew\:70, html.auto .sf-c-honeydew\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-honeydew\:75, html.auto .sf-c-honeydew\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-honeydew\:80, html.auto .sf-c-honeydew\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-honeydew\:85, html.auto .sf-c-honeydew\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-honeydew\:90, html.auto .sf-c-honeydew\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-honeydew\:95, html.auto .sf-c-honeydew\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-honeydew\:100, html.auto .sf-c-honeydew\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-honeydew\:st, html.auto .sf-c-honeydew\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-honeydew\:0\:st, html.auto .sf-c-honeydew\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-honeydew\:5\:st, html.auto .sf-c-honeydew\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-honeydew\:10\:st, html.auto .sf-c-honeydew\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-honeydew\:15\:st, html.auto .sf-c-honeydew\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-honeydew\:20\:st, html.auto .sf-c-honeydew\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-honeydew\:25\:st, html.auto .sf-c-honeydew\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-honeydew\:30\:st, html.auto .sf-c-honeydew\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-honeydew\:35\:st, html.auto .sf-c-honeydew\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-honeydew\:40\:st, html.auto .sf-c-honeydew\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-honeydew\:45\:st, html.auto .sf-c-honeydew\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-honeydew\:50\:st, html.auto .sf-c-honeydew\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-honeydew\:55\:st, html.auto .sf-c-honeydew\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-honeydew\:60\:st, html.auto .sf-c-honeydew\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-honeydew\:65\:st, html.auto .sf-c-honeydew\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-honeydew\:70\:st, html.auto .sf-c-honeydew\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-honeydew\:75\:st, html.auto .sf-c-honeydew\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-honeydew\:80\:st, html.auto .sf-c-honeydew\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-honeydew\:85\:st, html.auto .sf-c-honeydew\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-honeydew\:90\:st, html.auto .sf-c-honeydew\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-honeydew\:95\:st, html.auto .sf-c-honeydew\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-honeydew\:100\:st, html.auto .sf-c-honeydew\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:5, html.auto .sf-c-txt-honeydew\:5 { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:15, html.auto .sf-c-txt-honeydew\:15 { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:25, html.auto .sf-c-txt-honeydew\:25 { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:35, html.auto .sf-c-txt-honeydew\:35 { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:45, html.auto .sf-c-txt-honeydew\:45 { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:55, html.auto .sf-c-txt-honeydew\:55 { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:65, html.auto .sf-c-txt-honeydew\:65 { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:75, html.auto .sf-c-txt-honeydew\:75 { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:85, html.auto .sf-c-txt-honeydew\:85 { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:95, html.auto .sf-c-txt-honeydew\:95 { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-honeydew\:st, html.auto .sf-c-txt-honeydew\:st { color: hsl(120, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:0\:st, html.auto .sf-c-txt-honeydew\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:5\:st, html.auto .sf-c-txt-honeydew\:5\:st { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:10\:st, html.auto .sf-c-txt-honeydew\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:15\:st, html.auto .sf-c-txt-honeydew\:15\:st { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:20\:st, html.auto .sf-c-txt-honeydew\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:25\:st, html.auto .sf-c-txt-honeydew\:25\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:30\:st, html.auto .sf-c-txt-honeydew\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:35\:st, html.auto .sf-c-txt-honeydew\:35\:st { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:40\:st, html.auto .sf-c-txt-honeydew\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:45\:st, html.auto .sf-c-txt-honeydew\:45\:st { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:50\:st, html.auto .sf-c-txt-honeydew\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:55\:st, html.auto .sf-c-txt-honeydew\:55\:st { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:60\:st, html.auto .sf-c-txt-honeydew\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:65\:st, html.auto .sf-c-txt-honeydew\:65\:st { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:70\:st, html.auto .sf-c-txt-honeydew\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:75\:st, html.auto .sf-c-txt-honeydew\:75\:st { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:80\:st, html.auto .sf-c-txt-honeydew\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:85\:st, html.auto .sf-c-txt-honeydew\:85\:st { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:90\:st, html.auto .sf-c-txt-honeydew\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:95\:st, html.auto .sf-c-txt-honeydew\:95\:st { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-honeydew\:100\:st, html.auto .sf-c-txt-honeydew\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/hotpink.css b/src/colors/20/hotpink.css deleted file mode 100644 index 9ecb491..0000000 --- a/src/colors/20/hotpink.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-hotpink { - --sf-c-hotpink: 330 100% 71%; - --sf-c-hotpink-0: 330 100% 0%; - --sf-c-hotpink-5: 330 100% 5%; - --sf-c-hotpink-10: 330 100% 10%; - --sf-c-hotpink-15: 330 100% 15%; - --sf-c-hotpink-20: 330 100% 20%; - --sf-c-hotpink-25: 330 100% 25%; - --sf-c-hotpink-30: 330 100% 30%; - --sf-c-hotpink-35: 330 100% 35%; - --sf-c-hotpink-40: 330 100% 40%; - --sf-c-hotpink-45: 330 100% 45%; - --sf-c-hotpink-50: 330 100% 50%; - --sf-c-hotpink-55: 330 100% 55%; - --sf-c-hotpink-60: 330 100% 60%; - --sf-c-hotpink-65: 330 100% 65%; - --sf-c-hotpink-70: 330 100% 70%; - --sf-c-hotpink-75: 330 100% 75%; - --sf-c-hotpink-80: 330 100% 80%; - --sf-c-hotpink-85: 330 100% 85%; - --sf-c-hotpink-90: 330 100% 90%; - --sf-c-hotpink-95: 330 100% 95%; - --sf-c-hotpink-100: 330 100% 100%; -} - -.sf-c-hotpink, .sf-c-hotpink\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 71%) } -.sf-c-hotpink\:0, .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } -.sf-c-hotpink\:5, .sf-c-hotpink\:5\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } -.sf-c-hotpink\:10, .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } -.sf-c-hotpink\:15, .sf-c-hotpink\:15\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 15%) } -.sf-c-hotpink\:20, .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 20%) } -.sf-c-hotpink\:25, .sf-c-hotpink\:25\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 25%) } -.sf-c-hotpink\:30, .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 30%) } -.sf-c-hotpink\:35, .sf-c-hotpink\:35\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 35%) } -.sf-c-hotpink\:40, .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 40%) } -.sf-c-hotpink\:45, .sf-c-hotpink\:45\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 45%) } -.sf-c-hotpink\:50, .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 50%) } -.sf-c-hotpink\:55, .sf-c-hotpink\:55\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 55%) } -.sf-c-hotpink\:60, .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 60%) } -.sf-c-hotpink\:65, .sf-c-hotpink\:65\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 65%) } -.sf-c-hotpink\:70, .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 70%) } -.sf-c-hotpink\:75, .sf-c-hotpink\:75\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 75%) } -.sf-c-hotpink\:80, .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 80%) } -.sf-c-hotpink\:85, .sf-c-hotpink\:85\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 85%) } -.sf-c-hotpink\:90, .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 90%) } -.sf-c-hotpink\:95, .sf-c-hotpink\:95\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } -.sf-c-hotpink\:100, .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } - -.sf-c-txt-hotpink { color: hsl(330, 100%, 10%) } -.sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } -.sf-c-txt-hotpink\:0, .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } -.sf-c-txt-hotpink\:5, .sf-c-txt-hotpink\:5\:st { color: hsl(330, 100%, 5%) } -.sf-c-txt-hotpink\:10, .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } -.sf-c-txt-hotpink\:15, .sf-c-txt-hotpink\:15\:st { color: hsl(330, 100%, 15%) } -.sf-c-txt-hotpink\:20, .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } -.sf-c-txt-hotpink\:25, .sf-c-txt-hotpink\:25\:st { color: hsl(330, 100%, 25%) } -.sf-c-txt-hotpink\:30, .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } -.sf-c-txt-hotpink\:35, .sf-c-txt-hotpink\:35\:st { color: hsl(330, 100%, 35%) } -.sf-c-txt-hotpink\:40, .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } -.sf-c-txt-hotpink\:45, .sf-c-txt-hotpink\:45\:st { color: hsl(330, 100%, 45%) } -.sf-c-txt-hotpink\:50, .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } -.sf-c-txt-hotpink\:55, .sf-c-txt-hotpink\:55\:st { color: hsl(330, 100%, 55%) } -.sf-c-txt-hotpink\:60, .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } -.sf-c-txt-hotpink\:65, .sf-c-txt-hotpink\:65\:st { color: hsl(330, 100%, 65%) } -.sf-c-txt-hotpink\:70, .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } -.sf-c-txt-hotpink\:75, .sf-c-txt-hotpink\:75\:st { color: hsl(330, 100%, 75%) } -.sf-c-txt-hotpink\:80, .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } -.sf-c-txt-hotpink\:85, .sf-c-txt-hotpink\:85\:st { color: hsl(330, 100%, 85%) } -.sf-c-txt-hotpink\:90, .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } -.sf-c-txt-hotpink\:95, .sf-c-txt-hotpink\:95\:st { color: hsl(330, 100%, 95%) } -.sf-c-txt-hotpink\:100, .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } - -html[data-theme='dark'] .sf-c-hotpink, html.dark .sf-c-hotpink { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 29%) } -html[data-theme='dark'] .sf-c-hotpink\:0, html.dark .sf-c-hotpink\:0 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } -html[data-theme='dark'] .sf-c-hotpink\:5, html.dark .sf-c-hotpink\:5 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } -html[data-theme='dark'] .sf-c-hotpink\:10, html.dark .sf-c-hotpink\:10 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-hotpink\:15, html.dark .sf-c-hotpink\:15 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 85%) } -html[data-theme='dark'] .sf-c-hotpink\:20, html.dark .sf-c-hotpink\:20 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-hotpink\:25, html.dark .sf-c-hotpink\:25 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 75%) } -html[data-theme='dark'] .sf-c-hotpink\:30, html.dark .sf-c-hotpink\:30 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-hotpink\:35, html.dark .sf-c-hotpink\:35 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 65%) } -html[data-theme='dark'] .sf-c-hotpink\:40, html.dark .sf-c-hotpink\:40 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-hotpink\:45, html.dark .sf-c-hotpink\:45 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 55%) } -html[data-theme='dark'] .sf-c-hotpink\:50, html.dark .sf-c-hotpink\:50 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-hotpink\:55, html.dark .sf-c-hotpink\:55 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 45%) } -html[data-theme='dark'] .sf-c-hotpink\:60, html.dark .sf-c-hotpink\:60 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-hotpink\:65, html.dark .sf-c-hotpink\:65 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 35%) } -html[data-theme='dark'] .sf-c-hotpink\:70, html.dark .sf-c-hotpink\:70 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-hotpink\:75, html.dark .sf-c-hotpink\:75 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 25%) } -html[data-theme='dark'] .sf-c-hotpink\:80, html.dark .sf-c-hotpink\:80 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-hotpink\:85, html.dark .sf-c-hotpink\:85 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 15%) } -html[data-theme='dark'] .sf-c-hotpink\:90, html.dark .sf-c-hotpink\:90 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-hotpink\:95, html.dark .sf-c-hotpink\:95 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } -html[data-theme='dark'] .sf-c-hotpink\:100, html.dark .sf-c-hotpink\:100 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } - -html[data-theme='dark'] .sf-c-hotpink\:st, html.dark .sf-c-hotpink\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-hotpink\:0\:st, html.dark .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } -html[data-theme='dark'] .sf-c-hotpink\:5\:st, html.dark .sf-c-hotpink\:5\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } -html[data-theme='dark'] .sf-c-hotpink\:10\:st, html.dark .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-hotpink\:15\:st, html.dark .sf-c-hotpink\:15\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 15%) } -html[data-theme='dark'] .sf-c-hotpink\:20\:st, html.dark .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-hotpink\:25\:st, html.dark .sf-c-hotpink\:25\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 25%) } -html[data-theme='dark'] .sf-c-hotpink\:30\:st, html.dark .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-hotpink\:35\:st, html.dark .sf-c-hotpink\:35\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 35%) } -html[data-theme='dark'] .sf-c-hotpink\:40\:st, html.dark .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-hotpink\:45\:st, html.dark .sf-c-hotpink\:45\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 45%) } -html[data-theme='dark'] .sf-c-hotpink\:50\:st, html.dark .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-hotpink\:55\:st, html.dark .sf-c-hotpink\:55\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 55%) } -html[data-theme='dark'] .sf-c-hotpink\:60\:st, html.dark .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-hotpink\:65\:st, html.dark .sf-c-hotpink\:65\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 65%) } -html[data-theme='dark'] .sf-c-hotpink\:70\:st, html.dark .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-hotpink\:75\:st, html.dark .sf-c-hotpink\:75\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 75%) } -html[data-theme='dark'] .sf-c-hotpink\:80\:st, html.dark .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-hotpink\:85\:st, html.dark .sf-c-hotpink\:85\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 85%) } -html[data-theme='dark'] .sf-c-hotpink\:90\:st, html.dark .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-hotpink\:95\:st, html.dark .sf-c-hotpink\:95\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } -html[data-theme='dark'] .sf-c-hotpink\:100\:st, html.dark .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:5, html.dark .sf-c-txt-hotpink\:5 { color: hsl(330, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:15, html.dark .sf-c-txt-hotpink\:15 { color: hsl(330, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:25, html.dark .sf-c-txt-hotpink\:25 { color: hsl(330, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:35, html.dark .sf-c-txt-hotpink\:35 { color: hsl(330, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:45, html.dark .sf-c-txt-hotpink\:45 { color: hsl(330, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:55, html.dark .sf-c-txt-hotpink\:55 { color: hsl(330, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:65, html.dark .sf-c-txt-hotpink\:65 { color: hsl(330, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:75, html.dark .sf-c-txt-hotpink\:75 { color: hsl(330, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:85, html.dark .sf-c-txt-hotpink\:85 { color: hsl(330, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:95, html.dark .sf-c-txt-hotpink\:95 { color: hsl(330, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-hotpink\:st, html.dark .sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:0\:st, html.dark .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:5\:st, html.dark .sf-c-txt-hotpink\:5\:st { color: hsl(330, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:10\:st, html.dark .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:15\:st, html.dark .sf-c-txt-hotpink\:15\:st { color: hsl(330, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:20\:st, html.dark .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:25\:st, html.dark .sf-c-txt-hotpink\:25\:st { color: hsl(330, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:30\:st, html.dark .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:35\:st, html.dark .sf-c-txt-hotpink\:35\:st { color: hsl(330, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:40\:st, html.dark .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:45\:st, html.dark .sf-c-txt-hotpink\:45\:st { color: hsl(330, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:50\:st, html.dark .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:55\:st, html.dark .sf-c-txt-hotpink\:55\:st { color: hsl(330, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:60\:st, html.dark .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:65\:st, html.dark .sf-c-txt-hotpink\:65\:st { color: hsl(330, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:70\:st, html.dark .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:75\:st, html.dark .sf-c-txt-hotpink\:75\:st { color: hsl(330, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:80\:st, html.dark .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:85\:st, html.dark .sf-c-txt-hotpink\:85\:st { color: hsl(330, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:90\:st, html.dark .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:95\:st, html.dark .sf-c-txt-hotpink\:95\:st { color: hsl(330, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-hotpink\:100\:st, html.dark .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-hotpink, html.auto .sf-c-hotpink { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 29%) } - html[data-theme='auto'] .sf-c-hotpink\:0, html.auto .sf-c-hotpink\:0 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } - html[data-theme='auto'] .sf-c-hotpink\:5, html.auto .sf-c-hotpink\:5 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } - html[data-theme='auto'] .sf-c-hotpink\:10, html.auto .sf-c-hotpink\:10 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-hotpink\:15, html.auto .sf-c-hotpink\:15 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 85%) } - html[data-theme='auto'] .sf-c-hotpink\:20, html.auto .sf-c-hotpink\:20 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-hotpink\:25, html.auto .sf-c-hotpink\:25 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 75%) } - html[data-theme='auto'] .sf-c-hotpink\:30, html.auto .sf-c-hotpink\:30 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-hotpink\:35, html.auto .sf-c-hotpink\:35 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 65%) } - html[data-theme='auto'] .sf-c-hotpink\:40, html.auto .sf-c-hotpink\:40 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-hotpink\:45, html.auto .sf-c-hotpink\:45 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 55%) } - html[data-theme='auto'] .sf-c-hotpink\:50, html.auto .sf-c-hotpink\:50 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-hotpink\:55, html.auto .sf-c-hotpink\:55 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 45%) } - html[data-theme='auto'] .sf-c-hotpink\:60, html.auto .sf-c-hotpink\:60 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-hotpink\:65, html.auto .sf-c-hotpink\:65 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 35%) } - html[data-theme='auto'] .sf-c-hotpink\:70, html.auto .sf-c-hotpink\:70 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-hotpink\:75, html.auto .sf-c-hotpink\:75 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 25%) } - html[data-theme='auto'] .sf-c-hotpink\:80, html.auto .sf-c-hotpink\:80 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-hotpink\:85, html.auto .sf-c-hotpink\:85 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 15%) } - html[data-theme='auto'] .sf-c-hotpink\:90, html.auto .sf-c-hotpink\:90 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-hotpink\:95, html.auto .sf-c-hotpink\:95 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } - html[data-theme='auto'] .sf-c-hotpink\:100, html.auto .sf-c-hotpink\:100 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } - - html[data-theme='auto'] .sf-c-hotpink\:st, html.auto .sf-c-hotpink\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-hotpink\:0\:st, html.auto .sf-c-hotpink\:0\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } - html[data-theme='auto'] .sf-c-hotpink\:5\:st, html.auto .sf-c-hotpink\:5\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } - html[data-theme='auto'] .sf-c-hotpink\:10\:st, html.auto .sf-c-hotpink\:10\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-hotpink\:15\:st, html.auto .sf-c-hotpink\:15\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 15%) } - html[data-theme='auto'] .sf-c-hotpink\:20\:st, html.auto .sf-c-hotpink\:20\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-hotpink\:25\:st, html.auto .sf-c-hotpink\:25\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 25%) } - html[data-theme='auto'] .sf-c-hotpink\:30\:st, html.auto .sf-c-hotpink\:30\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-hotpink\:35\:st, html.auto .sf-c-hotpink\:35\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 35%) } - html[data-theme='auto'] .sf-c-hotpink\:40\:st, html.auto .sf-c-hotpink\:40\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-hotpink\:45\:st, html.auto .sf-c-hotpink\:45\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 45%) } - html[data-theme='auto'] .sf-c-hotpink\:50\:st, html.auto .sf-c-hotpink\:50\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-hotpink\:55\:st, html.auto .sf-c-hotpink\:55\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 55%) } - html[data-theme='auto'] .sf-c-hotpink\:60\:st, html.auto .sf-c-hotpink\:60\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-hotpink\:65\:st, html.auto .sf-c-hotpink\:65\:st { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 65%) } - html[data-theme='auto'] .sf-c-hotpink\:70\:st, html.auto .sf-c-hotpink\:70\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-hotpink\:75\:st, html.auto .sf-c-hotpink\:75\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 75%) } - html[data-theme='auto'] .sf-c-hotpink\:80\:st, html.auto .sf-c-hotpink\:80\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-hotpink\:85\:st, html.auto .sf-c-hotpink\:85\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 85%) } - html[data-theme='auto'] .sf-c-hotpink\:90\:st, html.auto .sf-c-hotpink\:90\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-hotpink\:95\:st, html.auto .sf-c-hotpink\:95\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } - html[data-theme='auto'] .sf-c-hotpink\:100\:st, html.auto .sf-c-hotpink\:100\:st { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:5, html.auto .sf-c-txt-hotpink\:5 { color: hsl(330, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:15, html.auto .sf-c-txt-hotpink\:15 { color: hsl(330, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:25, html.auto .sf-c-txt-hotpink\:25 { color: hsl(330, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:35, html.auto .sf-c-txt-hotpink\:35 { color: hsl(330, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:45, html.auto .sf-c-txt-hotpink\:45 { color: hsl(330, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:55, html.auto .sf-c-txt-hotpink\:55 { color: hsl(330, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:65, html.auto .sf-c-txt-hotpink\:65 { color: hsl(330, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:75, html.auto .sf-c-txt-hotpink\:75 { color: hsl(330, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:85, html.auto .sf-c-txt-hotpink\:85 { color: hsl(330, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:95, html.auto .sf-c-txt-hotpink\:95 { color: hsl(330, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-hotpink\:st, html.auto .sf-c-txt-hotpink\:st { color: hsl(330, 100%, 71%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:0\:st, html.auto .sf-c-txt-hotpink\:0\:st { color: hsl(330, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:5\:st, html.auto .sf-c-txt-hotpink\:5\:st { color: hsl(330, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:10\:st, html.auto .sf-c-txt-hotpink\:10\:st { color: hsl(330, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:15\:st, html.auto .sf-c-txt-hotpink\:15\:st { color: hsl(330, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:20\:st, html.auto .sf-c-txt-hotpink\:20\:st { color: hsl(330, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:25\:st, html.auto .sf-c-txt-hotpink\:25\:st { color: hsl(330, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:30\:st, html.auto .sf-c-txt-hotpink\:30\:st { color: hsl(330, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:35\:st, html.auto .sf-c-txt-hotpink\:35\:st { color: hsl(330, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:40\:st, html.auto .sf-c-txt-hotpink\:40\:st { color: hsl(330, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:45\:st, html.auto .sf-c-txt-hotpink\:45\:st { color: hsl(330, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:50\:st, html.auto .sf-c-txt-hotpink\:50\:st { color: hsl(330, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:55\:st, html.auto .sf-c-txt-hotpink\:55\:st { color: hsl(330, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:60\:st, html.auto .sf-c-txt-hotpink\:60\:st { color: hsl(330, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:65\:st, html.auto .sf-c-txt-hotpink\:65\:st { color: hsl(330, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:70\:st, html.auto .sf-c-txt-hotpink\:70\:st { color: hsl(330, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:75\:st, html.auto .sf-c-txt-hotpink\:75\:st { color: hsl(330, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:80\:st, html.auto .sf-c-txt-hotpink\:80\:st { color: hsl(330, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:85\:st, html.auto .sf-c-txt-hotpink\:85\:st { color: hsl(330, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:90\:st, html.auto .sf-c-txt-hotpink\:90\:st { color: hsl(330, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:95\:st, html.auto .sf-c-txt-hotpink\:95\:st { color: hsl(330, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-hotpink\:100\:st, html.auto .sf-c-txt-hotpink\:100\:st { color: hsl(330, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/indianred.css b/src/colors/20/indianred.css deleted file mode 100644 index 7216dc8..0000000 --- a/src/colors/20/indianred.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-indianred { - --sf-c-indianred: 0 53% 58%; - --sf-c-indianred-0: 0 53% 0%; - --sf-c-indianred-5: 0 53% 5%; - --sf-c-indianred-10: 0 53% 10%; - --sf-c-indianred-15: 0 53% 15%; - --sf-c-indianred-20: 0 53% 20%; - --sf-c-indianred-25: 0 53% 25%; - --sf-c-indianred-30: 0 53% 30%; - --sf-c-indianred-35: 0 53% 35%; - --sf-c-indianred-40: 0 53% 40%; - --sf-c-indianred-45: 0 53% 45%; - --sf-c-indianred-50: 0 53% 50%; - --sf-c-indianred-55: 0 53% 55%; - --sf-c-indianred-60: 0 53% 60%; - --sf-c-indianred-65: 0 53% 65%; - --sf-c-indianred-70: 0 53% 70%; - --sf-c-indianred-75: 0 53% 75%; - --sf-c-indianred-80: 0 53% 80%; - --sf-c-indianred-85: 0 53% 85%; - --sf-c-indianred-90: 0 53% 90%; - --sf-c-indianred-95: 0 53% 95%; - --sf-c-indianred-100: 0 53% 100%; -} - -.sf-c-indianred, .sf-c-indianred\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 58%) } -.sf-c-indianred\:0, .sf-c-indianred\:0\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } -.sf-c-indianred\:5, .sf-c-indianred\:5\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } -.sf-c-indianred\:10, .sf-c-indianred\:10\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } -.sf-c-indianred\:15, .sf-c-indianred\:15\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 15%) } -.sf-c-indianred\:20, .sf-c-indianred\:20\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 20%) } -.sf-c-indianred\:25, .sf-c-indianred\:25\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 25%) } -.sf-c-indianred\:30, .sf-c-indianred\:30\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 30%) } -.sf-c-indianred\:35, .sf-c-indianred\:35\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 35%) } -.sf-c-indianred\:40, .sf-c-indianred\:40\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 40%) } -.sf-c-indianred\:45, .sf-c-indianred\:45\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 45%) } -.sf-c-indianred\:50, .sf-c-indianred\:50\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 50%) } -.sf-c-indianred\:55, .sf-c-indianred\:55\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 55%) } -.sf-c-indianred\:60, .sf-c-indianred\:60\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 60%) } -.sf-c-indianred\:65, .sf-c-indianred\:65\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 65%) } -.sf-c-indianred\:70, .sf-c-indianred\:70\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 70%) } -.sf-c-indianred\:75, .sf-c-indianred\:75\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 75%) } -.sf-c-indianred\:80, .sf-c-indianred\:80\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 80%) } -.sf-c-indianred\:85, .sf-c-indianred\:85\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 85%) } -.sf-c-indianred\:90, .sf-c-indianred\:90\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 90%) } -.sf-c-indianred\:95, .sf-c-indianred\:95\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } -.sf-c-indianred\:100, .sf-c-indianred\:100\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } - -.sf-c-txt-indianred { color: hsl(0, 53%, 10%) } -.sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } -.sf-c-txt-indianred\:0, .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } -.sf-c-txt-indianred\:5, .sf-c-txt-indianred\:5\:st { color: hsl(0, 53%, 5%) } -.sf-c-txt-indianred\:10, .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } -.sf-c-txt-indianred\:15, .sf-c-txt-indianred\:15\:st { color: hsl(0, 53%, 15%) } -.sf-c-txt-indianred\:20, .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } -.sf-c-txt-indianred\:25, .sf-c-txt-indianred\:25\:st { color: hsl(0, 53%, 25%) } -.sf-c-txt-indianred\:30, .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } -.sf-c-txt-indianred\:35, .sf-c-txt-indianred\:35\:st { color: hsl(0, 53%, 35%) } -.sf-c-txt-indianred\:40, .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } -.sf-c-txt-indianred\:45, .sf-c-txt-indianred\:45\:st { color: hsl(0, 53%, 45%) } -.sf-c-txt-indianred\:50, .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } -.sf-c-txt-indianred\:55, .sf-c-txt-indianred\:55\:st { color: hsl(0, 53%, 55%) } -.sf-c-txt-indianred\:60, .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } -.sf-c-txt-indianred\:65, .sf-c-txt-indianred\:65\:st { color: hsl(0, 53%, 65%) } -.sf-c-txt-indianred\:70, .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } -.sf-c-txt-indianred\:75, .sf-c-txt-indianred\:75\:st { color: hsl(0, 53%, 75%) } -.sf-c-txt-indianred\:80, .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } -.sf-c-txt-indianred\:85, .sf-c-txt-indianred\:85\:st { color: hsl(0, 53%, 85%) } -.sf-c-txt-indianred\:90, .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } -.sf-c-txt-indianred\:95, .sf-c-txt-indianred\:95\:st { color: hsl(0, 53%, 95%) } -.sf-c-txt-indianred\:100, .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } - -html[data-theme='dark'] .sf-c-indianred, html.dark .sf-c-indianred { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 42%) } -html[data-theme='dark'] .sf-c-indianred\:0, html.dark .sf-c-indianred\:0 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } -html[data-theme='dark'] .sf-c-indianred\:5, html.dark .sf-c-indianred\:5 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } -html[data-theme='dark'] .sf-c-indianred\:10, html.dark .sf-c-indianred\:10 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-indianred\:15, html.dark .sf-c-indianred\:15 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 85%) } -html[data-theme='dark'] .sf-c-indianred\:20, html.dark .sf-c-indianred\:20 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-indianred\:25, html.dark .sf-c-indianred\:25 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 75%) } -html[data-theme='dark'] .sf-c-indianred\:30, html.dark .sf-c-indianred\:30 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-indianred\:35, html.dark .sf-c-indianred\:35 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 65%) } -html[data-theme='dark'] .sf-c-indianred\:40, html.dark .sf-c-indianred\:40 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-indianred\:45, html.dark .sf-c-indianred\:45 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 55%) } -html[data-theme='dark'] .sf-c-indianred\:50, html.dark .sf-c-indianred\:50 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-indianred\:55, html.dark .sf-c-indianred\:55 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 45%) } -html[data-theme='dark'] .sf-c-indianred\:60, html.dark .sf-c-indianred\:60 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-indianred\:65, html.dark .sf-c-indianred\:65 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 35%) } -html[data-theme='dark'] .sf-c-indianred\:70, html.dark .sf-c-indianred\:70 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-indianred\:75, html.dark .sf-c-indianred\:75 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 25%) } -html[data-theme='dark'] .sf-c-indianred\:80, html.dark .sf-c-indianred\:80 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-indianred\:85, html.dark .sf-c-indianred\:85 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 15%) } -html[data-theme='dark'] .sf-c-indianred\:90, html.dark .sf-c-indianred\:90 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-indianred\:95, html.dark .sf-c-indianred\:95 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } -html[data-theme='dark'] .sf-c-indianred\:100, html.dark .sf-c-indianred\:100 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } - -html[data-theme='dark'] .sf-c-indianred\:st, html.dark .sf-c-indianred\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-indianred\:0\:st, html.dark .sf-c-indianred\:0\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } -html[data-theme='dark'] .sf-c-indianred\:5\:st, html.dark .sf-c-indianred\:5\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } -html[data-theme='dark'] .sf-c-indianred\:10\:st, html.dark .sf-c-indianred\:10\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-indianred\:15\:st, html.dark .sf-c-indianred\:15\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 15%) } -html[data-theme='dark'] .sf-c-indianred\:20\:st, html.dark .sf-c-indianred\:20\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-indianred\:25\:st, html.dark .sf-c-indianred\:25\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 25%) } -html[data-theme='dark'] .sf-c-indianred\:30\:st, html.dark .sf-c-indianred\:30\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-indianred\:35\:st, html.dark .sf-c-indianred\:35\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 35%) } -html[data-theme='dark'] .sf-c-indianred\:40\:st, html.dark .sf-c-indianred\:40\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-indianred\:45\:st, html.dark .sf-c-indianred\:45\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 45%) } -html[data-theme='dark'] .sf-c-indianred\:50\:st, html.dark .sf-c-indianred\:50\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-indianred\:55\:st, html.dark .sf-c-indianred\:55\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 55%) } -html[data-theme='dark'] .sf-c-indianred\:60\:st, html.dark .sf-c-indianred\:60\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-indianred\:65\:st, html.dark .sf-c-indianred\:65\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 65%) } -html[data-theme='dark'] .sf-c-indianred\:70\:st, html.dark .sf-c-indianred\:70\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-indianred\:75\:st, html.dark .sf-c-indianred\:75\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 75%) } -html[data-theme='dark'] .sf-c-indianred\:80\:st, html.dark .sf-c-indianred\:80\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-indianred\:85\:st, html.dark .sf-c-indianred\:85\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 85%) } -html[data-theme='dark'] .sf-c-indianred\:90\:st, html.dark .sf-c-indianred\:90\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-indianred\:95\:st, html.dark .sf-c-indianred\:95\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } -html[data-theme='dark'] .sf-c-indianred\:100\:st, html.dark .sf-c-indianred\:100\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-indianred\:5, html.dark .sf-c-txt-indianred\:5 { color: hsl(0, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-indianred\:15, html.dark .sf-c-txt-indianred\:15 { color: hsl(0, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-indianred\:25, html.dark .sf-c-txt-indianred\:25 { color: hsl(0, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-indianred\:35, html.dark .sf-c-txt-indianred\:35 { color: hsl(0, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-indianred\:45, html.dark .sf-c-txt-indianred\:45 { color: hsl(0, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-indianred\:55, html.dark .sf-c-txt-indianred\:55 { color: hsl(0, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-indianred\:65, html.dark .sf-c-txt-indianred\:65 { color: hsl(0, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-indianred\:75, html.dark .sf-c-txt-indianred\:75 { color: hsl(0, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-indianred\:85, html.dark .sf-c-txt-indianred\:85 { color: hsl(0, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-indianred\:95, html.dark .sf-c-txt-indianred\:95 { color: hsl(0, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-indianred\:st, html.dark .sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-indianred\:0\:st, html.dark .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-indianred\:5\:st, html.dark .sf-c-txt-indianred\:5\:st { color: hsl(0, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-indianred\:10\:st, html.dark .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-indianred\:15\:st, html.dark .sf-c-txt-indianred\:15\:st { color: hsl(0, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-indianred\:20\:st, html.dark .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-indianred\:25\:st, html.dark .sf-c-txt-indianred\:25\:st { color: hsl(0, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-indianred\:30\:st, html.dark .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-indianred\:35\:st, html.dark .sf-c-txt-indianred\:35\:st { color: hsl(0, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-indianred\:40\:st, html.dark .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-indianred\:45\:st, html.dark .sf-c-txt-indianred\:45\:st { color: hsl(0, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-indianred\:50\:st, html.dark .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-indianred\:55\:st, html.dark .sf-c-txt-indianred\:55\:st { color: hsl(0, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-indianred\:60\:st, html.dark .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-indianred\:65\:st, html.dark .sf-c-txt-indianred\:65\:st { color: hsl(0, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-indianred\:70\:st, html.dark .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-indianred\:75\:st, html.dark .sf-c-txt-indianred\:75\:st { color: hsl(0, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-indianred\:80\:st, html.dark .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-indianred\:85\:st, html.dark .sf-c-txt-indianred\:85\:st { color: hsl(0, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-indianred\:90\:st, html.dark .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-indianred\:95\:st, html.dark .sf-c-txt-indianred\:95\:st { color: hsl(0, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-indianred\:100\:st, html.dark .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-indianred, html.auto .sf-c-indianred { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 42%) } - html[data-theme='auto'] .sf-c-indianred\:0, html.auto .sf-c-indianred\:0 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } - html[data-theme='auto'] .sf-c-indianred\:5, html.auto .sf-c-indianred\:5 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } - html[data-theme='auto'] .sf-c-indianred\:10, html.auto .sf-c-indianred\:10 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-indianred\:15, html.auto .sf-c-indianred\:15 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 85%) } - html[data-theme='auto'] .sf-c-indianred\:20, html.auto .sf-c-indianred\:20 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-indianred\:25, html.auto .sf-c-indianred\:25 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 75%) } - html[data-theme='auto'] .sf-c-indianred\:30, html.auto .sf-c-indianred\:30 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-indianred\:35, html.auto .sf-c-indianred\:35 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 65%) } - html[data-theme='auto'] .sf-c-indianred\:40, html.auto .sf-c-indianred\:40 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-indianred\:45, html.auto .sf-c-indianred\:45 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 55%) } - html[data-theme='auto'] .sf-c-indianred\:50, html.auto .sf-c-indianred\:50 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-indianred\:55, html.auto .sf-c-indianred\:55 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 45%) } - html[data-theme='auto'] .sf-c-indianred\:60, html.auto .sf-c-indianred\:60 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-indianred\:65, html.auto .sf-c-indianred\:65 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 35%) } - html[data-theme='auto'] .sf-c-indianred\:70, html.auto .sf-c-indianred\:70 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-indianred\:75, html.auto .sf-c-indianred\:75 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 25%) } - html[data-theme='auto'] .sf-c-indianred\:80, html.auto .sf-c-indianred\:80 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-indianred\:85, html.auto .sf-c-indianred\:85 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 15%) } - html[data-theme='auto'] .sf-c-indianred\:90, html.auto .sf-c-indianred\:90 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-indianred\:95, html.auto .sf-c-indianred\:95 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } - html[data-theme='auto'] .sf-c-indianred\:100, html.auto .sf-c-indianred\:100 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } - - html[data-theme='auto'] .sf-c-indianred\:st, html.auto .sf-c-indianred\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-indianred\:0\:st, html.auto .sf-c-indianred\:0\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } - html[data-theme='auto'] .sf-c-indianred\:5\:st, html.auto .sf-c-indianred\:5\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } - html[data-theme='auto'] .sf-c-indianred\:10\:st, html.auto .sf-c-indianred\:10\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-indianred\:15\:st, html.auto .sf-c-indianred\:15\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 15%) } - html[data-theme='auto'] .sf-c-indianred\:20\:st, html.auto .sf-c-indianred\:20\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-indianred\:25\:st, html.auto .sf-c-indianred\:25\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 25%) } - html[data-theme='auto'] .sf-c-indianred\:30\:st, html.auto .sf-c-indianred\:30\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-indianred\:35\:st, html.auto .sf-c-indianred\:35\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 35%) } - html[data-theme='auto'] .sf-c-indianred\:40\:st, html.auto .sf-c-indianred\:40\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-indianred\:45\:st, html.auto .sf-c-indianred\:45\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 45%) } - html[data-theme='auto'] .sf-c-indianred\:50\:st, html.auto .sf-c-indianred\:50\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-indianred\:55\:st, html.auto .sf-c-indianred\:55\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 55%) } - html[data-theme='auto'] .sf-c-indianred\:60\:st, html.auto .sf-c-indianred\:60\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-indianred\:65\:st, html.auto .sf-c-indianred\:65\:st { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 65%) } - html[data-theme='auto'] .sf-c-indianred\:70\:st, html.auto .sf-c-indianred\:70\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-indianred\:75\:st, html.auto .sf-c-indianred\:75\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 75%) } - html[data-theme='auto'] .sf-c-indianred\:80\:st, html.auto .sf-c-indianred\:80\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-indianred\:85\:st, html.auto .sf-c-indianred\:85\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 85%) } - html[data-theme='auto'] .sf-c-indianred\:90\:st, html.auto .sf-c-indianred\:90\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-indianred\:95\:st, html.auto .sf-c-indianred\:95\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } - html[data-theme='auto'] .sf-c-indianred\:100\:st, html.auto .sf-c-indianred\:100\:st { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-indianred\:5, html.auto .sf-c-txt-indianred\:5 { color: hsl(0, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-indianred\:15, html.auto .sf-c-txt-indianred\:15 { color: hsl(0, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-indianred\:25, html.auto .sf-c-txt-indianred\:25 { color: hsl(0, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-indianred\:35, html.auto .sf-c-txt-indianred\:35 { color: hsl(0, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-indianred\:45, html.auto .sf-c-txt-indianred\:45 { color: hsl(0, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-indianred\:55, html.auto .sf-c-txt-indianred\:55 { color: hsl(0, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-indianred\:65, html.auto .sf-c-txt-indianred\:65 { color: hsl(0, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-indianred\:75, html.auto .sf-c-txt-indianred\:75 { color: hsl(0, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-indianred\:85, html.auto .sf-c-txt-indianred\:85 { color: hsl(0, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-indianred\:95, html.auto .sf-c-txt-indianred\:95 { color: hsl(0, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-indianred\:st, html.auto .sf-c-txt-indianred\:st { color: hsl(0, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-indianred\:0\:st, html.auto .sf-c-txt-indianred\:0\:st { color: hsl(0, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-indianred\:5\:st, html.auto .sf-c-txt-indianred\:5\:st { color: hsl(0, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-indianred\:10\:st, html.auto .sf-c-txt-indianred\:10\:st { color: hsl(0, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-indianred\:15\:st, html.auto .sf-c-txt-indianred\:15\:st { color: hsl(0, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-indianred\:20\:st, html.auto .sf-c-txt-indianred\:20\:st { color: hsl(0, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-indianred\:25\:st, html.auto .sf-c-txt-indianred\:25\:st { color: hsl(0, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-indianred\:30\:st, html.auto .sf-c-txt-indianred\:30\:st { color: hsl(0, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-indianred\:35\:st, html.auto .sf-c-txt-indianred\:35\:st { color: hsl(0, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-indianred\:40\:st, html.auto .sf-c-txt-indianred\:40\:st { color: hsl(0, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-indianred\:45\:st, html.auto .sf-c-txt-indianred\:45\:st { color: hsl(0, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-indianred\:50\:st, html.auto .sf-c-txt-indianred\:50\:st { color: hsl(0, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-indianred\:55\:st, html.auto .sf-c-txt-indianred\:55\:st { color: hsl(0, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-indianred\:60\:st, html.auto .sf-c-txt-indianred\:60\:st { color: hsl(0, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-indianred\:65\:st, html.auto .sf-c-txt-indianred\:65\:st { color: hsl(0, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-indianred\:70\:st, html.auto .sf-c-txt-indianred\:70\:st { color: hsl(0, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-indianred\:75\:st, html.auto .sf-c-txt-indianred\:75\:st { color: hsl(0, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-indianred\:80\:st, html.auto .sf-c-txt-indianred\:80\:st { color: hsl(0, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-indianred\:85\:st, html.auto .sf-c-txt-indianred\:85\:st { color: hsl(0, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-indianred\:90\:st, html.auto .sf-c-txt-indianred\:90\:st { color: hsl(0, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-indianred\:95\:st, html.auto .sf-c-txt-indianred\:95\:st { color: hsl(0, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-indianred\:100\:st, html.auto .sf-c-txt-indianred\:100\:st { color: hsl(0, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/indigo.css b/src/colors/20/indigo.css deleted file mode 100644 index 84cd62d..0000000 --- a/src/colors/20/indigo.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-indigo { - --sf-c-indigo: 275 100% 25%; - --sf-c-indigo-0: 275 100% 0%; - --sf-c-indigo-5: 275 100% 5%; - --sf-c-indigo-10: 275 100% 10%; - --sf-c-indigo-15: 275 100% 15%; - --sf-c-indigo-20: 275 100% 20%; - --sf-c-indigo-25: 275 100% 25%; - --sf-c-indigo-30: 275 100% 30%; - --sf-c-indigo-35: 275 100% 35%; - --sf-c-indigo-40: 275 100% 40%; - --sf-c-indigo-45: 275 100% 45%; - --sf-c-indigo-50: 275 100% 50%; - --sf-c-indigo-55: 275 100% 55%; - --sf-c-indigo-60: 275 100% 60%; - --sf-c-indigo-65: 275 100% 65%; - --sf-c-indigo-70: 275 100% 70%; - --sf-c-indigo-75: 275 100% 75%; - --sf-c-indigo-80: 275 100% 80%; - --sf-c-indigo-85: 275 100% 85%; - --sf-c-indigo-90: 275 100% 90%; - --sf-c-indigo-95: 275 100% 95%; - --sf-c-indigo-100: 275 100% 100%; -} - -.sf-c-indigo, .sf-c-indigo\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } -.sf-c-indigo\:0, .sf-c-indigo\:0\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } -.sf-c-indigo\:5, .sf-c-indigo\:5\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } -.sf-c-indigo\:10, .sf-c-indigo\:10\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } -.sf-c-indigo\:15, .sf-c-indigo\:15\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 15%) } -.sf-c-indigo\:20, .sf-c-indigo\:20\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 20%) } -.sf-c-indigo\:25, .sf-c-indigo\:25\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } -.sf-c-indigo\:30, .sf-c-indigo\:30\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 30%) } -.sf-c-indigo\:35, .sf-c-indigo\:35\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 35%) } -.sf-c-indigo\:40, .sf-c-indigo\:40\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 40%) } -.sf-c-indigo\:45, .sf-c-indigo\:45\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 45%) } -.sf-c-indigo\:50, .sf-c-indigo\:50\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 50%) } -.sf-c-indigo\:55, .sf-c-indigo\:55\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 55%) } -.sf-c-indigo\:60, .sf-c-indigo\:60\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 60%) } -.sf-c-indigo\:65, .sf-c-indigo\:65\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 65%) } -.sf-c-indigo\:70, .sf-c-indigo\:70\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 70%) } -.sf-c-indigo\:75, .sf-c-indigo\:75\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } -.sf-c-indigo\:80, .sf-c-indigo\:80\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 80%) } -.sf-c-indigo\:85, .sf-c-indigo\:85\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 85%) } -.sf-c-indigo\:90, .sf-c-indigo\:90\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 90%) } -.sf-c-indigo\:95, .sf-c-indigo\:95\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } -.sf-c-indigo\:100, .sf-c-indigo\:100\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } - -.sf-c-txt-indigo { color: hsl(275, 100%, 25%) } -.sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } -.sf-c-txt-indigo\:0, .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } -.sf-c-txt-indigo\:5, .sf-c-txt-indigo\:5\:st { color: hsl(275, 100%, 5%) } -.sf-c-txt-indigo\:10, .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } -.sf-c-txt-indigo\:15, .sf-c-txt-indigo\:15\:st { color: hsl(275, 100%, 15%) } -.sf-c-txt-indigo\:20, .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } -.sf-c-txt-indigo\:25, .sf-c-txt-indigo\:25\:st { color: hsl(275, 100%, 25%) } -.sf-c-txt-indigo\:30, .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } -.sf-c-txt-indigo\:35, .sf-c-txt-indigo\:35\:st { color: hsl(275, 100%, 35%) } -.sf-c-txt-indigo\:40, .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } -.sf-c-txt-indigo\:45, .sf-c-txt-indigo\:45\:st { color: hsl(275, 100%, 45%) } -.sf-c-txt-indigo\:50, .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } -.sf-c-txt-indigo\:55, .sf-c-txt-indigo\:55\:st { color: hsl(275, 100%, 55%) } -.sf-c-txt-indigo\:60, .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } -.sf-c-txt-indigo\:65, .sf-c-txt-indigo\:65\:st { color: hsl(275, 100%, 65%) } -.sf-c-txt-indigo\:70, .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } -.sf-c-txt-indigo\:75, .sf-c-txt-indigo\:75\:st { color: hsl(275, 100%, 75%) } -.sf-c-txt-indigo\:80, .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } -.sf-c-txt-indigo\:85, .sf-c-txt-indigo\:85\:st { color: hsl(275, 100%, 85%) } -.sf-c-txt-indigo\:90, .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } -.sf-c-txt-indigo\:95, .sf-c-txt-indigo\:95\:st { color: hsl(275, 100%, 95%) } -.sf-c-txt-indigo\:100, .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } - -html[data-theme='dark'] .sf-c-indigo, html.dark .sf-c-indigo { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-indigo\:0, html.dark .sf-c-indigo\:0 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } -html[data-theme='dark'] .sf-c-indigo\:5, html.dark .sf-c-indigo\:5 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } -html[data-theme='dark'] .sf-c-indigo\:10, html.dark .sf-c-indigo\:10 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-indigo\:15, html.dark .sf-c-indigo\:15 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 85%) } -html[data-theme='dark'] .sf-c-indigo\:20, html.dark .sf-c-indigo\:20 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-indigo\:25, html.dark .sf-c-indigo\:25 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-indigo\:30, html.dark .sf-c-indigo\:30 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-indigo\:35, html.dark .sf-c-indigo\:35 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 65%) } -html[data-theme='dark'] .sf-c-indigo\:40, html.dark .sf-c-indigo\:40 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-indigo\:45, html.dark .sf-c-indigo\:45 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 55%) } -html[data-theme='dark'] .sf-c-indigo\:50, html.dark .sf-c-indigo\:50 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-indigo\:55, html.dark .sf-c-indigo\:55 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 45%) } -html[data-theme='dark'] .sf-c-indigo\:60, html.dark .sf-c-indigo\:60 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-indigo\:65, html.dark .sf-c-indigo\:65 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 35%) } -html[data-theme='dark'] .sf-c-indigo\:70, html.dark .sf-c-indigo\:70 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-indigo\:75, html.dark .sf-c-indigo\:75 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-indigo\:80, html.dark .sf-c-indigo\:80 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-indigo\:85, html.dark .sf-c-indigo\:85 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 15%) } -html[data-theme='dark'] .sf-c-indigo\:90, html.dark .sf-c-indigo\:90 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-indigo\:95, html.dark .sf-c-indigo\:95 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } -html[data-theme='dark'] .sf-c-indigo\:100, html.dark .sf-c-indigo\:100 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } - -html[data-theme='dark'] .sf-c-indigo\:st, html.dark .sf-c-indigo\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-indigo\:0\:st, html.dark .sf-c-indigo\:0\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } -html[data-theme='dark'] .sf-c-indigo\:5\:st, html.dark .sf-c-indigo\:5\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } -html[data-theme='dark'] .sf-c-indigo\:10\:st, html.dark .sf-c-indigo\:10\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-indigo\:15\:st, html.dark .sf-c-indigo\:15\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 15%) } -html[data-theme='dark'] .sf-c-indigo\:20\:st, html.dark .sf-c-indigo\:20\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-indigo\:25\:st, html.dark .sf-c-indigo\:25\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-indigo\:30\:st, html.dark .sf-c-indigo\:30\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-indigo\:35\:st, html.dark .sf-c-indigo\:35\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 35%) } -html[data-theme='dark'] .sf-c-indigo\:40\:st, html.dark .sf-c-indigo\:40\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-indigo\:45\:st, html.dark .sf-c-indigo\:45\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 45%) } -html[data-theme='dark'] .sf-c-indigo\:50\:st, html.dark .sf-c-indigo\:50\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-indigo\:55\:st, html.dark .sf-c-indigo\:55\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 55%) } -html[data-theme='dark'] .sf-c-indigo\:60\:st, html.dark .sf-c-indigo\:60\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-indigo\:65\:st, html.dark .sf-c-indigo\:65\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 65%) } -html[data-theme='dark'] .sf-c-indigo\:70\:st, html.dark .sf-c-indigo\:70\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-indigo\:75\:st, html.dark .sf-c-indigo\:75\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-indigo\:80\:st, html.dark .sf-c-indigo\:80\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-indigo\:85\:st, html.dark .sf-c-indigo\:85\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 85%) } -html[data-theme='dark'] .sf-c-indigo\:90\:st, html.dark .sf-c-indigo\:90\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-indigo\:95\:st, html.dark .sf-c-indigo\:95\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } -html[data-theme='dark'] .sf-c-indigo\:100\:st, html.dark .sf-c-indigo\:100\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-indigo\:5, html.dark .sf-c-txt-indigo\:5 { color: hsl(275, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-indigo\:15, html.dark .sf-c-txt-indigo\:15 { color: hsl(275, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-indigo\:25, html.dark .sf-c-txt-indigo\:25 { color: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-indigo\:35, html.dark .sf-c-txt-indigo\:35 { color: hsl(275, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-indigo\:45, html.dark .sf-c-txt-indigo\:45 { color: hsl(275, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-indigo\:55, html.dark .sf-c-txt-indigo\:55 { color: hsl(275, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-indigo\:65, html.dark .sf-c-txt-indigo\:65 { color: hsl(275, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-indigo\:75, html.dark .sf-c-txt-indigo\:75 { color: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-indigo\:85, html.dark .sf-c-txt-indigo\:85 { color: hsl(275, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-indigo\:95, html.dark .sf-c-txt-indigo\:95 { color: hsl(275, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-indigo\:st, html.dark .sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-indigo\:0\:st, html.dark .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-indigo\:5\:st, html.dark .sf-c-txt-indigo\:5\:st { color: hsl(275, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-indigo\:10\:st, html.dark .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-indigo\:15\:st, html.dark .sf-c-txt-indigo\:15\:st { color: hsl(275, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-indigo\:20\:st, html.dark .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-indigo\:25\:st, html.dark .sf-c-txt-indigo\:25\:st { color: hsl(275, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-indigo\:30\:st, html.dark .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-indigo\:35\:st, html.dark .sf-c-txt-indigo\:35\:st { color: hsl(275, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-indigo\:40\:st, html.dark .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-indigo\:45\:st, html.dark .sf-c-txt-indigo\:45\:st { color: hsl(275, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-indigo\:50\:st, html.dark .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-indigo\:55\:st, html.dark .sf-c-txt-indigo\:55\:st { color: hsl(275, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-indigo\:60\:st, html.dark .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-indigo\:65\:st, html.dark .sf-c-txt-indigo\:65\:st { color: hsl(275, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-indigo\:70\:st, html.dark .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-indigo\:75\:st, html.dark .sf-c-txt-indigo\:75\:st { color: hsl(275, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-indigo\:80\:st, html.dark .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-indigo\:85\:st, html.dark .sf-c-txt-indigo\:85\:st { color: hsl(275, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-indigo\:90\:st, html.dark .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-indigo\:95\:st, html.dark .sf-c-txt-indigo\:95\:st { color: hsl(275, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-indigo\:100\:st, html.dark .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-indigo, html.auto .sf-c-indigo { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-indigo\:0, html.auto .sf-c-indigo\:0 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } - html[data-theme='auto'] .sf-c-indigo\:5, html.auto .sf-c-indigo\:5 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } - html[data-theme='auto'] .sf-c-indigo\:10, html.auto .sf-c-indigo\:10 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-indigo\:15, html.auto .sf-c-indigo\:15 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 85%) } - html[data-theme='auto'] .sf-c-indigo\:20, html.auto .sf-c-indigo\:20 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-indigo\:25, html.auto .sf-c-indigo\:25 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-indigo\:30, html.auto .sf-c-indigo\:30 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-indigo\:35, html.auto .sf-c-indigo\:35 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 65%) } - html[data-theme='auto'] .sf-c-indigo\:40, html.auto .sf-c-indigo\:40 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-indigo\:45, html.auto .sf-c-indigo\:45 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 55%) } - html[data-theme='auto'] .sf-c-indigo\:50, html.auto .sf-c-indigo\:50 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-indigo\:55, html.auto .sf-c-indigo\:55 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 45%) } - html[data-theme='auto'] .sf-c-indigo\:60, html.auto .sf-c-indigo\:60 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-indigo\:65, html.auto .sf-c-indigo\:65 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 35%) } - html[data-theme='auto'] .sf-c-indigo\:70, html.auto .sf-c-indigo\:70 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-indigo\:75, html.auto .sf-c-indigo\:75 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-indigo\:80, html.auto .sf-c-indigo\:80 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-indigo\:85, html.auto .sf-c-indigo\:85 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 15%) } - html[data-theme='auto'] .sf-c-indigo\:90, html.auto .sf-c-indigo\:90 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-indigo\:95, html.auto .sf-c-indigo\:95 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } - html[data-theme='auto'] .sf-c-indigo\:100, html.auto .sf-c-indigo\:100 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } - - html[data-theme='auto'] .sf-c-indigo\:st, html.auto .sf-c-indigo\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-indigo\:0\:st, html.auto .sf-c-indigo\:0\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } - html[data-theme='auto'] .sf-c-indigo\:5\:st, html.auto .sf-c-indigo\:5\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } - html[data-theme='auto'] .sf-c-indigo\:10\:st, html.auto .sf-c-indigo\:10\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-indigo\:15\:st, html.auto .sf-c-indigo\:15\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 15%) } - html[data-theme='auto'] .sf-c-indigo\:20\:st, html.auto .sf-c-indigo\:20\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-indigo\:25\:st, html.auto .sf-c-indigo\:25\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-indigo\:30\:st, html.auto .sf-c-indigo\:30\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-indigo\:35\:st, html.auto .sf-c-indigo\:35\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 35%) } - html[data-theme='auto'] .sf-c-indigo\:40\:st, html.auto .sf-c-indigo\:40\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-indigo\:45\:st, html.auto .sf-c-indigo\:45\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 45%) } - html[data-theme='auto'] .sf-c-indigo\:50\:st, html.auto .sf-c-indigo\:50\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-indigo\:55\:st, html.auto .sf-c-indigo\:55\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 55%) } - html[data-theme='auto'] .sf-c-indigo\:60\:st, html.auto .sf-c-indigo\:60\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-indigo\:65\:st, html.auto .sf-c-indigo\:65\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 65%) } - html[data-theme='auto'] .sf-c-indigo\:70\:st, html.auto .sf-c-indigo\:70\:st { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-indigo\:75\:st, html.auto .sf-c-indigo\:75\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-indigo\:80\:st, html.auto .sf-c-indigo\:80\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-indigo\:85\:st, html.auto .sf-c-indigo\:85\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 85%) } - html[data-theme='auto'] .sf-c-indigo\:90\:st, html.auto .sf-c-indigo\:90\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-indigo\:95\:st, html.auto .sf-c-indigo\:95\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } - html[data-theme='auto'] .sf-c-indigo\:100\:st, html.auto .sf-c-indigo\:100\:st { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-indigo\:5, html.auto .sf-c-txt-indigo\:5 { color: hsl(275, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-indigo\:15, html.auto .sf-c-txt-indigo\:15 { color: hsl(275, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-indigo\:25, html.auto .sf-c-txt-indigo\:25 { color: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-indigo\:35, html.auto .sf-c-txt-indigo\:35 { color: hsl(275, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-indigo\:45, html.auto .sf-c-txt-indigo\:45 { color: hsl(275, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-indigo\:55, html.auto .sf-c-txt-indigo\:55 { color: hsl(275, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-indigo\:65, html.auto .sf-c-txt-indigo\:65 { color: hsl(275, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-indigo\:75, html.auto .sf-c-txt-indigo\:75 { color: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-indigo\:85, html.auto .sf-c-txt-indigo\:85 { color: hsl(275, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-indigo\:95, html.auto .sf-c-txt-indigo\:95 { color: hsl(275, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-indigo\:st, html.auto .sf-c-txt-indigo\:st { color: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-indigo\:0\:st, html.auto .sf-c-txt-indigo\:0\:st { color: hsl(275, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-indigo\:5\:st, html.auto .sf-c-txt-indigo\:5\:st { color: hsl(275, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-indigo\:10\:st, html.auto .sf-c-txt-indigo\:10\:st { color: hsl(275, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-indigo\:15\:st, html.auto .sf-c-txt-indigo\:15\:st { color: hsl(275, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-indigo\:20\:st, html.auto .sf-c-txt-indigo\:20\:st { color: hsl(275, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-indigo\:25\:st, html.auto .sf-c-txt-indigo\:25\:st { color: hsl(275, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-indigo\:30\:st, html.auto .sf-c-txt-indigo\:30\:st { color: hsl(275, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-indigo\:35\:st, html.auto .sf-c-txt-indigo\:35\:st { color: hsl(275, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-indigo\:40\:st, html.auto .sf-c-txt-indigo\:40\:st { color: hsl(275, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-indigo\:45\:st, html.auto .sf-c-txt-indigo\:45\:st { color: hsl(275, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-indigo\:50\:st, html.auto .sf-c-txt-indigo\:50\:st { color: hsl(275, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-indigo\:55\:st, html.auto .sf-c-txt-indigo\:55\:st { color: hsl(275, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-indigo\:60\:st, html.auto .sf-c-txt-indigo\:60\:st { color: hsl(275, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-indigo\:65\:st, html.auto .sf-c-txt-indigo\:65\:st { color: hsl(275, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-indigo\:70\:st, html.auto .sf-c-txt-indigo\:70\:st { color: hsl(275, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-indigo\:75\:st, html.auto .sf-c-txt-indigo\:75\:st { color: hsl(275, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-indigo\:80\:st, html.auto .sf-c-txt-indigo\:80\:st { color: hsl(275, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-indigo\:85\:st, html.auto .sf-c-txt-indigo\:85\:st { color: hsl(275, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-indigo\:90\:st, html.auto .sf-c-txt-indigo\:90\:st { color: hsl(275, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-indigo\:95\:st, html.auto .sf-c-txt-indigo\:95\:st { color: hsl(275, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-indigo\:100\:st, html.auto .sf-c-txt-indigo\:100\:st { color: hsl(275, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/ivory.css b/src/colors/20/ivory.css deleted file mode 100644 index e20a8eb..0000000 --- a/src/colors/20/ivory.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-ivory { - --sf-c-ivory: 60 100% 97%; - --sf-c-ivory-0: 60 100% 0%; - --sf-c-ivory-5: 60 100% 5%; - --sf-c-ivory-10: 60 100% 10%; - --sf-c-ivory-15: 60 100% 15%; - --sf-c-ivory-20: 60 100% 20%; - --sf-c-ivory-25: 60 100% 25%; - --sf-c-ivory-30: 60 100% 30%; - --sf-c-ivory-35: 60 100% 35%; - --sf-c-ivory-40: 60 100% 40%; - --sf-c-ivory-45: 60 100% 45%; - --sf-c-ivory-50: 60 100% 50%; - --sf-c-ivory-55: 60 100% 55%; - --sf-c-ivory-60: 60 100% 60%; - --sf-c-ivory-65: 60 100% 65%; - --sf-c-ivory-70: 60 100% 70%; - --sf-c-ivory-75: 60 100% 75%; - --sf-c-ivory-80: 60 100% 80%; - --sf-c-ivory-85: 60 100% 85%; - --sf-c-ivory-90: 60 100% 90%; - --sf-c-ivory-95: 60 100% 95%; - --sf-c-ivory-100: 60 100% 100%; -} - -.sf-c-ivory, .sf-c-ivory\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 97%) } -.sf-c-ivory\:0, .sf-c-ivory\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -.sf-c-ivory\:5, .sf-c-ivory\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -.sf-c-ivory\:10, .sf-c-ivory\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -.sf-c-ivory\:15, .sf-c-ivory\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -.sf-c-ivory\:20, .sf-c-ivory\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -.sf-c-ivory\:25, .sf-c-ivory\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -.sf-c-ivory\:30, .sf-c-ivory\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -.sf-c-ivory\:35, .sf-c-ivory\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -.sf-c-ivory\:40, .sf-c-ivory\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -.sf-c-ivory\:45, .sf-c-ivory\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -.sf-c-ivory\:50, .sf-c-ivory\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -.sf-c-ivory\:55, .sf-c-ivory\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -.sf-c-ivory\:60, .sf-c-ivory\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -.sf-c-ivory\:65, .sf-c-ivory\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -.sf-c-ivory\:70, .sf-c-ivory\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -.sf-c-ivory\:75, .sf-c-ivory\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -.sf-c-ivory\:80, .sf-c-ivory\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -.sf-c-ivory\:85, .sf-c-ivory\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -.sf-c-ivory\:90, .sf-c-ivory\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -.sf-c-ivory\:95, .sf-c-ivory\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -.sf-c-ivory\:100, .sf-c-ivory\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-ivory { color: hsl(60, 100%, 10%) } -.sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } -.sf-c-txt-ivory\:0, .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-ivory\:5, .sf-c-txt-ivory\:5\:st { color: hsl(60, 100%, 5%) } -.sf-c-txt-ivory\:10, .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-ivory\:15, .sf-c-txt-ivory\:15\:st { color: hsl(60, 100%, 15%) } -.sf-c-txt-ivory\:20, .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-ivory\:25, .sf-c-txt-ivory\:25\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-ivory\:30, .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-ivory\:35, .sf-c-txt-ivory\:35\:st { color: hsl(60, 100%, 35%) } -.sf-c-txt-ivory\:40, .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-ivory\:45, .sf-c-txt-ivory\:45\:st { color: hsl(60, 100%, 45%) } -.sf-c-txt-ivory\:50, .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-ivory\:55, .sf-c-txt-ivory\:55\:st { color: hsl(60, 100%, 55%) } -.sf-c-txt-ivory\:60, .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-ivory\:65, .sf-c-txt-ivory\:65\:st { color: hsl(60, 100%, 65%) } -.sf-c-txt-ivory\:70, .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-ivory\:75, .sf-c-txt-ivory\:75\:st { color: hsl(60, 100%, 75%) } -.sf-c-txt-ivory\:80, .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-ivory\:85, .sf-c-txt-ivory\:85\:st { color: hsl(60, 100%, 85%) } -.sf-c-txt-ivory\:90, .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-ivory\:95, .sf-c-txt-ivory\:95\:st { color: hsl(60, 100%, 95%) } -.sf-c-txt-ivory\:100, .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-ivory, html.dark .sf-c-ivory { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 3%) } -html[data-theme='dark'] .sf-c-ivory\:0, html.dark .sf-c-ivory\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-ivory\:5, html.dark .sf-c-ivory\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-ivory\:10, html.dark .sf-c-ivory\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-ivory\:15, html.dark .sf-c-ivory\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-ivory\:20, html.dark .sf-c-ivory\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-ivory\:25, html.dark .sf-c-ivory\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-ivory\:30, html.dark .sf-c-ivory\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-ivory\:35, html.dark .sf-c-ivory\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-ivory\:40, html.dark .sf-c-ivory\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-ivory\:45, html.dark .sf-c-ivory\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-ivory\:50, html.dark .sf-c-ivory\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-ivory\:55, html.dark .sf-c-ivory\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-ivory\:60, html.dark .sf-c-ivory\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-ivory\:65, html.dark .sf-c-ivory\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-ivory\:70, html.dark .sf-c-ivory\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-ivory\:75, html.dark .sf-c-ivory\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-ivory\:80, html.dark .sf-c-ivory\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-ivory\:85, html.dark .sf-c-ivory\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-ivory\:90, html.dark .sf-c-ivory\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-ivory\:95, html.dark .sf-c-ivory\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-ivory\:100, html.dark .sf-c-ivory\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-ivory\:st, html.dark .sf-c-ivory\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-ivory\:0\:st, html.dark .sf-c-ivory\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-ivory\:5\:st, html.dark .sf-c-ivory\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-ivory\:10\:st, html.dark .sf-c-ivory\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-ivory\:15\:st, html.dark .sf-c-ivory\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-ivory\:20\:st, html.dark .sf-c-ivory\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-ivory\:25\:st, html.dark .sf-c-ivory\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-ivory\:30\:st, html.dark .sf-c-ivory\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-ivory\:35\:st, html.dark .sf-c-ivory\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-ivory\:40\:st, html.dark .sf-c-ivory\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-ivory\:45\:st, html.dark .sf-c-ivory\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-ivory\:50\:st, html.dark .sf-c-ivory\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-ivory\:55\:st, html.dark .sf-c-ivory\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-ivory\:60\:st, html.dark .sf-c-ivory\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-ivory\:65\:st, html.dark .sf-c-ivory\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-ivory\:70\:st, html.dark .sf-c-ivory\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-ivory\:75\:st, html.dark .sf-c-ivory\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-ivory\:80\:st, html.dark .sf-c-ivory\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-ivory\:85\:st, html.dark .sf-c-ivory\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-ivory\:90\:st, html.dark .sf-c-ivory\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-ivory\:95\:st, html.dark .sf-c-ivory\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-ivory\:100\:st, html.dark .sf-c-ivory\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-ivory\:5, html.dark .sf-c-txt-ivory\:5 { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ivory\:15, html.dark .sf-c-txt-ivory\:15 { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ivory\:25, html.dark .sf-c-txt-ivory\:25 { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ivory\:35, html.dark .sf-c-txt-ivory\:35 { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ivory\:45, html.dark .sf-c-txt-ivory\:45 { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ivory\:55, html.dark .sf-c-txt-ivory\:55 { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ivory\:65, html.dark .sf-c-txt-ivory\:65 { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ivory\:75, html.dark .sf-c-txt-ivory\:75 { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ivory\:85, html.dark .sf-c-txt-ivory\:85 { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ivory\:95, html.dark .sf-c-txt-ivory\:95 { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-ivory\:st, html.dark .sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-ivory\:0\:st, html.dark .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-ivory\:5\:st, html.dark .sf-c-txt-ivory\:5\:st { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-ivory\:10\:st, html.dark .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-ivory\:15\:st, html.dark .sf-c-txt-ivory\:15\:st { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-ivory\:20\:st, html.dark .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-ivory\:25\:st, html.dark .sf-c-txt-ivory\:25\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-ivory\:30\:st, html.dark .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-ivory\:35\:st, html.dark .sf-c-txt-ivory\:35\:st { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-ivory\:40\:st, html.dark .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-ivory\:45\:st, html.dark .sf-c-txt-ivory\:45\:st { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-ivory\:50\:st, html.dark .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-ivory\:55\:st, html.dark .sf-c-txt-ivory\:55\:st { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-ivory\:60\:st, html.dark .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-ivory\:65\:st, html.dark .sf-c-txt-ivory\:65\:st { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-ivory\:70\:st, html.dark .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-ivory\:75\:st, html.dark .sf-c-txt-ivory\:75\:st { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-ivory\:80\:st, html.dark .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-ivory\:85\:st, html.dark .sf-c-txt-ivory\:85\:st { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-ivory\:90\:st, html.dark .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-ivory\:95\:st, html.dark .sf-c-txt-ivory\:95\:st { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-ivory\:100\:st, html.dark .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-ivory, html.auto .sf-c-ivory { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 3%) } - html[data-theme='auto'] .sf-c-ivory\:0, html.auto .sf-c-ivory\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-ivory\:5, html.auto .sf-c-ivory\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-ivory\:10, html.auto .sf-c-ivory\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-ivory\:15, html.auto .sf-c-ivory\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-ivory\:20, html.auto .sf-c-ivory\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-ivory\:25, html.auto .sf-c-ivory\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-ivory\:30, html.auto .sf-c-ivory\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-ivory\:35, html.auto .sf-c-ivory\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-ivory\:40, html.auto .sf-c-ivory\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-ivory\:45, html.auto .sf-c-ivory\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-ivory\:50, html.auto .sf-c-ivory\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-ivory\:55, html.auto .sf-c-ivory\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-ivory\:60, html.auto .sf-c-ivory\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-ivory\:65, html.auto .sf-c-ivory\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-ivory\:70, html.auto .sf-c-ivory\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-ivory\:75, html.auto .sf-c-ivory\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-ivory\:80, html.auto .sf-c-ivory\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-ivory\:85, html.auto .sf-c-ivory\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-ivory\:90, html.auto .sf-c-ivory\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-ivory\:95, html.auto .sf-c-ivory\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-ivory\:100, html.auto .sf-c-ivory\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-ivory\:st, html.auto .sf-c-ivory\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-ivory\:0\:st, html.auto .sf-c-ivory\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-ivory\:5\:st, html.auto .sf-c-ivory\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-ivory\:10\:st, html.auto .sf-c-ivory\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-ivory\:15\:st, html.auto .sf-c-ivory\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-ivory\:20\:st, html.auto .sf-c-ivory\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-ivory\:25\:st, html.auto .sf-c-ivory\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-ivory\:30\:st, html.auto .sf-c-ivory\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-ivory\:35\:st, html.auto .sf-c-ivory\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-ivory\:40\:st, html.auto .sf-c-ivory\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-ivory\:45\:st, html.auto .sf-c-ivory\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-ivory\:50\:st, html.auto .sf-c-ivory\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-ivory\:55\:st, html.auto .sf-c-ivory\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-ivory\:60\:st, html.auto .sf-c-ivory\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-ivory\:65\:st, html.auto .sf-c-ivory\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-ivory\:70\:st, html.auto .sf-c-ivory\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-ivory\:75\:st, html.auto .sf-c-ivory\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-ivory\:80\:st, html.auto .sf-c-ivory\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-ivory\:85\:st, html.auto .sf-c-ivory\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-ivory\:90\:st, html.auto .sf-c-ivory\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-ivory\:95\:st, html.auto .sf-c-ivory\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-ivory\:100\:st, html.auto .sf-c-ivory\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-ivory\:5, html.auto .sf-c-txt-ivory\:5 { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ivory\:15, html.auto .sf-c-txt-ivory\:15 { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ivory\:25, html.auto .sf-c-txt-ivory\:25 { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ivory\:35, html.auto .sf-c-txt-ivory\:35 { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ivory\:45, html.auto .sf-c-txt-ivory\:45 { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ivory\:55, html.auto .sf-c-txt-ivory\:55 { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ivory\:65, html.auto .sf-c-txt-ivory\:65 { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ivory\:75, html.auto .sf-c-txt-ivory\:75 { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ivory\:85, html.auto .sf-c-txt-ivory\:85 { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ivory\:95, html.auto .sf-c-txt-ivory\:95 { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-ivory\:st, html.auto .sf-c-txt-ivory\:st { color: hsl(60, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-ivory\:0\:st, html.auto .sf-c-txt-ivory\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-ivory\:5\:st, html.auto .sf-c-txt-ivory\:5\:st { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-ivory\:10\:st, html.auto .sf-c-txt-ivory\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-ivory\:15\:st, html.auto .sf-c-txt-ivory\:15\:st { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-ivory\:20\:st, html.auto .sf-c-txt-ivory\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-ivory\:25\:st, html.auto .sf-c-txt-ivory\:25\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-ivory\:30\:st, html.auto .sf-c-txt-ivory\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-ivory\:35\:st, html.auto .sf-c-txt-ivory\:35\:st { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-ivory\:40\:st, html.auto .sf-c-txt-ivory\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-ivory\:45\:st, html.auto .sf-c-txt-ivory\:45\:st { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-ivory\:50\:st, html.auto .sf-c-txt-ivory\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-ivory\:55\:st, html.auto .sf-c-txt-ivory\:55\:st { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-ivory\:60\:st, html.auto .sf-c-txt-ivory\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-ivory\:65\:st, html.auto .sf-c-txt-ivory\:65\:st { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-ivory\:70\:st, html.auto .sf-c-txt-ivory\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-ivory\:75\:st, html.auto .sf-c-txt-ivory\:75\:st { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-ivory\:80\:st, html.auto .sf-c-txt-ivory\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-ivory\:85\:st, html.auto .sf-c-txt-ivory\:85\:st { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-ivory\:90\:st, html.auto .sf-c-txt-ivory\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-ivory\:95\:st, html.auto .sf-c-txt-ivory\:95\:st { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-ivory\:100\:st, html.auto .sf-c-txt-ivory\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/khaki.css b/src/colors/20/khaki.css deleted file mode 100644 index 16adef5..0000000 --- a/src/colors/20/khaki.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-khaki { - --sf-c-khaki: 54 77% 75%; - --sf-c-khaki-0: 54 77% 0%; - --sf-c-khaki-5: 54 77% 5%; - --sf-c-khaki-10: 54 77% 10%; - --sf-c-khaki-15: 54 77% 15%; - --sf-c-khaki-20: 54 77% 20%; - --sf-c-khaki-25: 54 77% 25%; - --sf-c-khaki-30: 54 77% 30%; - --sf-c-khaki-35: 54 77% 35%; - --sf-c-khaki-40: 54 77% 40%; - --sf-c-khaki-45: 54 77% 45%; - --sf-c-khaki-50: 54 77% 50%; - --sf-c-khaki-55: 54 77% 55%; - --sf-c-khaki-60: 54 77% 60%; - --sf-c-khaki-65: 54 77% 65%; - --sf-c-khaki-70: 54 77% 70%; - --sf-c-khaki-75: 54 77% 75%; - --sf-c-khaki-80: 54 77% 80%; - --sf-c-khaki-85: 54 77% 85%; - --sf-c-khaki-90: 54 77% 90%; - --sf-c-khaki-95: 54 77% 95%; - --sf-c-khaki-100: 54 77% 100%; -} - -.sf-c-khaki, .sf-c-khaki\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } -.sf-c-khaki\:0, .sf-c-khaki\:0\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } -.sf-c-khaki\:5, .sf-c-khaki\:5\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } -.sf-c-khaki\:10, .sf-c-khaki\:10\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } -.sf-c-khaki\:15, .sf-c-khaki\:15\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 15%) } -.sf-c-khaki\:20, .sf-c-khaki\:20\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 20%) } -.sf-c-khaki\:25, .sf-c-khaki\:25\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } -.sf-c-khaki\:30, .sf-c-khaki\:30\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 30%) } -.sf-c-khaki\:35, .sf-c-khaki\:35\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 35%) } -.sf-c-khaki\:40, .sf-c-khaki\:40\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 40%) } -.sf-c-khaki\:45, .sf-c-khaki\:45\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 45%) } -.sf-c-khaki\:50, .sf-c-khaki\:50\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 50%) } -.sf-c-khaki\:55, .sf-c-khaki\:55\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 55%) } -.sf-c-khaki\:60, .sf-c-khaki\:60\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 60%) } -.sf-c-khaki\:65, .sf-c-khaki\:65\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 65%) } -.sf-c-khaki\:70, .sf-c-khaki\:70\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 70%) } -.sf-c-khaki\:75, .sf-c-khaki\:75\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } -.sf-c-khaki\:80, .sf-c-khaki\:80\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 80%) } -.sf-c-khaki\:85, .sf-c-khaki\:85\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 85%) } -.sf-c-khaki\:90, .sf-c-khaki\:90\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90%) } -.sf-c-khaki\:95, .sf-c-khaki\:95\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } -.sf-c-khaki\:100, .sf-c-khaki\:100\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } - -.sf-c-txt-khaki { color: hsl(54, 77%, 10%) } -.sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } -.sf-c-txt-khaki\:0, .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } -.sf-c-txt-khaki\:5, .sf-c-txt-khaki\:5\:st { color: hsl(54, 77%, 5%) } -.sf-c-txt-khaki\:10, .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } -.sf-c-txt-khaki\:15, .sf-c-txt-khaki\:15\:st { color: hsl(54, 77%, 15%) } -.sf-c-txt-khaki\:20, .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } -.sf-c-txt-khaki\:25, .sf-c-txt-khaki\:25\:st { color: hsl(54, 77%, 25%) } -.sf-c-txt-khaki\:30, .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } -.sf-c-txt-khaki\:35, .sf-c-txt-khaki\:35\:st { color: hsl(54, 77%, 35%) } -.sf-c-txt-khaki\:40, .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } -.sf-c-txt-khaki\:45, .sf-c-txt-khaki\:45\:st { color: hsl(54, 77%, 45%) } -.sf-c-txt-khaki\:50, .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } -.sf-c-txt-khaki\:55, .sf-c-txt-khaki\:55\:st { color: hsl(54, 77%, 55%) } -.sf-c-txt-khaki\:60, .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } -.sf-c-txt-khaki\:65, .sf-c-txt-khaki\:65\:st { color: hsl(54, 77%, 65%) } -.sf-c-txt-khaki\:70, .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } -.sf-c-txt-khaki\:75, .sf-c-txt-khaki\:75\:st { color: hsl(54, 77%, 75%) } -.sf-c-txt-khaki\:80, .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } -.sf-c-txt-khaki\:85, .sf-c-txt-khaki\:85\:st { color: hsl(54, 77%, 85%) } -.sf-c-txt-khaki\:90, .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } -.sf-c-txt-khaki\:95, .sf-c-txt-khaki\:95\:st { color: hsl(54, 77%, 95%) } -.sf-c-txt-khaki\:100, .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } - -html[data-theme='dark'] .sf-c-khaki, html.dark .sf-c-khaki { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-khaki\:0, html.dark .sf-c-khaki\:0 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } -html[data-theme='dark'] .sf-c-khaki\:5, html.dark .sf-c-khaki\:5 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } -html[data-theme='dark'] .sf-c-khaki\:10, html.dark .sf-c-khaki\:10 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-khaki\:15, html.dark .sf-c-khaki\:15 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 85%) } -html[data-theme='dark'] .sf-c-khaki\:20, html.dark .sf-c-khaki\:20 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-khaki\:25, html.dark .sf-c-khaki\:25 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-khaki\:30, html.dark .sf-c-khaki\:30 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-khaki\:35, html.dark .sf-c-khaki\:35 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 65%) } -html[data-theme='dark'] .sf-c-khaki\:40, html.dark .sf-c-khaki\:40 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-khaki\:45, html.dark .sf-c-khaki\:45 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 55%) } -html[data-theme='dark'] .sf-c-khaki\:50, html.dark .sf-c-khaki\:50 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-khaki\:55, html.dark .sf-c-khaki\:55 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 45%) } -html[data-theme='dark'] .sf-c-khaki\:60, html.dark .sf-c-khaki\:60 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-khaki\:65, html.dark .sf-c-khaki\:65 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 35%) } -html[data-theme='dark'] .sf-c-khaki\:70, html.dark .sf-c-khaki\:70 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-khaki\:75, html.dark .sf-c-khaki\:75 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-khaki\:80, html.dark .sf-c-khaki\:80 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-khaki\:85, html.dark .sf-c-khaki\:85 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 15%) } -html[data-theme='dark'] .sf-c-khaki\:90, html.dark .sf-c-khaki\:90 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-khaki\:95, html.dark .sf-c-khaki\:95 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } -html[data-theme='dark'] .sf-c-khaki\:100, html.dark .sf-c-khaki\:100 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } - -html[data-theme='dark'] .sf-c-khaki\:st, html.dark .sf-c-khaki\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-khaki\:0\:st, html.dark .sf-c-khaki\:0\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } -html[data-theme='dark'] .sf-c-khaki\:5\:st, html.dark .sf-c-khaki\:5\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } -html[data-theme='dark'] .sf-c-khaki\:10\:st, html.dark .sf-c-khaki\:10\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-khaki\:15\:st, html.dark .sf-c-khaki\:15\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 15%) } -html[data-theme='dark'] .sf-c-khaki\:20\:st, html.dark .sf-c-khaki\:20\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-khaki\:25\:st, html.dark .sf-c-khaki\:25\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-khaki\:30\:st, html.dark .sf-c-khaki\:30\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-khaki\:35\:st, html.dark .sf-c-khaki\:35\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 35%) } -html[data-theme='dark'] .sf-c-khaki\:40\:st, html.dark .sf-c-khaki\:40\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-khaki\:45\:st, html.dark .sf-c-khaki\:45\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 45%) } -html[data-theme='dark'] .sf-c-khaki\:50\:st, html.dark .sf-c-khaki\:50\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-khaki\:55\:st, html.dark .sf-c-khaki\:55\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 55%) } -html[data-theme='dark'] .sf-c-khaki\:60\:st, html.dark .sf-c-khaki\:60\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-khaki\:65\:st, html.dark .sf-c-khaki\:65\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 65%) } -html[data-theme='dark'] .sf-c-khaki\:70\:st, html.dark .sf-c-khaki\:70\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-khaki\:75\:st, html.dark .sf-c-khaki\:75\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-khaki\:80\:st, html.dark .sf-c-khaki\:80\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-khaki\:85\:st, html.dark .sf-c-khaki\:85\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 85%) } -html[data-theme='dark'] .sf-c-khaki\:90\:st, html.dark .sf-c-khaki\:90\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-khaki\:95\:st, html.dark .sf-c-khaki\:95\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } -html[data-theme='dark'] .sf-c-khaki\:100\:st, html.dark .sf-c-khaki\:100\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } - -html[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } -html[data-theme='dark'] .sf-c-txt-khaki\:5, html.dark .sf-c-txt-khaki\:5 { color: hsl(54, 77%, 95%) } -html[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-khaki\:15, html.dark .sf-c-txt-khaki\:15 { color: hsl(54, 77%, 85%) } -html[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-khaki\:25, html.dark .sf-c-txt-khaki\:25 { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-khaki\:35, html.dark .sf-c-txt-khaki\:35 { color: hsl(54, 77%, 65%) } -html[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-khaki\:45, html.dark .sf-c-txt-khaki\:45 { color: hsl(54, 77%, 55%) } -html[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-khaki\:55, html.dark .sf-c-txt-khaki\:55 { color: hsl(54, 77%, 45%) } -html[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-khaki\:65, html.dark .sf-c-txt-khaki\:65 { color: hsl(54, 77%, 35%) } -html[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-khaki\:75, html.dark .sf-c-txt-khaki\:75 { color: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-khaki\:85, html.dark .sf-c-txt-khaki\:85 { color: hsl(54, 77%, 15%) } -html[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-khaki\:95, html.dark .sf-c-txt-khaki\:95 { color: hsl(54, 77%, 5%) } -html[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } - -html[data-theme='dark'] .sf-c-txt-khaki\:st, html.dark .sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:0\:st, html.dark .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } -html[data-theme='dark'] .sf-c-txt-khaki\:5\:st, html.dark .sf-c-txt-khaki\:5\:st { color: hsl(54, 77%, 5%) } -html[data-theme='dark'] .sf-c-txt-khaki\:10\:st, html.dark .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-khaki\:15\:st, html.dark .sf-c-txt-khaki\:15\:st { color: hsl(54, 77%, 15%) } -html[data-theme='dark'] .sf-c-txt-khaki\:20\:st, html.dark .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-khaki\:25\:st, html.dark .sf-c-txt-khaki\:25\:st { color: hsl(54, 77%, 25%) } -html[data-theme='dark'] .sf-c-txt-khaki\:30\:st, html.dark .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-khaki\:35\:st, html.dark .sf-c-txt-khaki\:35\:st { color: hsl(54, 77%, 35%) } -html[data-theme='dark'] .sf-c-txt-khaki\:40\:st, html.dark .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-khaki\:45\:st, html.dark .sf-c-txt-khaki\:45\:st { color: hsl(54, 77%, 45%) } -html[data-theme='dark'] .sf-c-txt-khaki\:50\:st, html.dark .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-khaki\:55\:st, html.dark .sf-c-txt-khaki\:55\:st { color: hsl(54, 77%, 55%) } -html[data-theme='dark'] .sf-c-txt-khaki\:60\:st, html.dark .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-khaki\:65\:st, html.dark .sf-c-txt-khaki\:65\:st { color: hsl(54, 77%, 65%) } -html[data-theme='dark'] .sf-c-txt-khaki\:70\:st, html.dark .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-khaki\:75\:st, html.dark .sf-c-txt-khaki\:75\:st { color: hsl(54, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-khaki\:80\:st, html.dark .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-khaki\:85\:st, html.dark .sf-c-txt-khaki\:85\:st { color: hsl(54, 77%, 85%) } -html[data-theme='dark'] .sf-c-txt-khaki\:90\:st, html.dark .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-khaki\:95\:st, html.dark .sf-c-txt-khaki\:95\:st { color: hsl(54, 77%, 95%) } -html[data-theme='dark'] .sf-c-txt-khaki\:100\:st, html.dark .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-khaki, html.auto .sf-c-khaki { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-khaki\:0, html.auto .sf-c-khaki\:0 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } - html[data-theme='auto'] .sf-c-khaki\:5, html.auto .sf-c-khaki\:5 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } - html[data-theme='auto'] .sf-c-khaki\:10, html.auto .sf-c-khaki\:10 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-khaki\:15, html.auto .sf-c-khaki\:15 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 85%) } - html[data-theme='auto'] .sf-c-khaki\:20, html.auto .sf-c-khaki\:20 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-khaki\:25, html.auto .sf-c-khaki\:25 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-khaki\:30, html.auto .sf-c-khaki\:30 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-khaki\:35, html.auto .sf-c-khaki\:35 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 65%) } - html[data-theme='auto'] .sf-c-khaki\:40, html.auto .sf-c-khaki\:40 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-khaki\:45, html.auto .sf-c-khaki\:45 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 55%) } - html[data-theme='auto'] .sf-c-khaki\:50, html.auto .sf-c-khaki\:50 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-khaki\:55, html.auto .sf-c-khaki\:55 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 45%) } - html[data-theme='auto'] .sf-c-khaki\:60, html.auto .sf-c-khaki\:60 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-khaki\:65, html.auto .sf-c-khaki\:65 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 35%) } - html[data-theme='auto'] .sf-c-khaki\:70, html.auto .sf-c-khaki\:70 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-khaki\:75, html.auto .sf-c-khaki\:75 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-khaki\:80, html.auto .sf-c-khaki\:80 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-khaki\:85, html.auto .sf-c-khaki\:85 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 15%) } - html[data-theme='auto'] .sf-c-khaki\:90, html.auto .sf-c-khaki\:90 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-khaki\:95, html.auto .sf-c-khaki\:95 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } - html[data-theme='auto'] .sf-c-khaki\:100, html.auto .sf-c-khaki\:100 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } - - html[data-theme='auto'] .sf-c-khaki\:st, html.auto .sf-c-khaki\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-khaki\:0\:st, html.auto .sf-c-khaki\:0\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } - html[data-theme='auto'] .sf-c-khaki\:5\:st, html.auto .sf-c-khaki\:5\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } - html[data-theme='auto'] .sf-c-khaki\:10\:st, html.auto .sf-c-khaki\:10\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-khaki\:15\:st, html.auto .sf-c-khaki\:15\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 15%) } - html[data-theme='auto'] .sf-c-khaki\:20\:st, html.auto .sf-c-khaki\:20\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-khaki\:25\:st, html.auto .sf-c-khaki\:25\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-khaki\:30\:st, html.auto .sf-c-khaki\:30\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-khaki\:35\:st, html.auto .sf-c-khaki\:35\:st { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 35%) } - html[data-theme='auto'] .sf-c-khaki\:40\:st, html.auto .sf-c-khaki\:40\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-khaki\:45\:st, html.auto .sf-c-khaki\:45\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 45%) } - html[data-theme='auto'] .sf-c-khaki\:50\:st, html.auto .sf-c-khaki\:50\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-khaki\:55\:st, html.auto .sf-c-khaki\:55\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 55%) } - html[data-theme='auto'] .sf-c-khaki\:60\:st, html.auto .sf-c-khaki\:60\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-khaki\:65\:st, html.auto .sf-c-khaki\:65\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 65%) } - html[data-theme='auto'] .sf-c-khaki\:70\:st, html.auto .sf-c-khaki\:70\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-khaki\:75\:st, html.auto .sf-c-khaki\:75\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-khaki\:80\:st, html.auto .sf-c-khaki\:80\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-khaki\:85\:st, html.auto .sf-c-khaki\:85\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 85%) } - html[data-theme='auto'] .sf-c-khaki\:90\:st, html.auto .sf-c-khaki\:90\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-khaki\:95\:st, html.auto .sf-c-khaki\:95\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } - html[data-theme='auto'] .sf-c-khaki\:100\:st, html.auto .sf-c-khaki\:100\:st { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } - - html[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } - html[data-theme='auto'] .sf-c-txt-khaki\:5, html.auto .sf-c-txt-khaki\:5 { color: hsl(54, 77%, 95%) } - html[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-khaki\:15, html.auto .sf-c-txt-khaki\:15 { color: hsl(54, 77%, 85%) } - html[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-khaki\:25, html.auto .sf-c-txt-khaki\:25 { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-khaki\:35, html.auto .sf-c-txt-khaki\:35 { color: hsl(54, 77%, 65%) } - html[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-khaki\:45, html.auto .sf-c-txt-khaki\:45 { color: hsl(54, 77%, 55%) } - html[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-khaki\:55, html.auto .sf-c-txt-khaki\:55 { color: hsl(54, 77%, 45%) } - html[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-khaki\:65, html.auto .sf-c-txt-khaki\:65 { color: hsl(54, 77%, 35%) } - html[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-khaki\:75, html.auto .sf-c-txt-khaki\:75 { color: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-khaki\:85, html.auto .sf-c-txt-khaki\:85 { color: hsl(54, 77%, 15%) } - html[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-khaki\:95, html.auto .sf-c-txt-khaki\:95 { color: hsl(54, 77%, 5%) } - html[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } - - html[data-theme='auto'] .sf-c-txt-khaki\:st, html.auto .sf-c-txt-khaki\:st { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:0\:st, html.auto .sf-c-txt-khaki\:0\:st { color: hsl(54, 77%, 0%) } - html[data-theme='auto'] .sf-c-txt-khaki\:5\:st, html.auto .sf-c-txt-khaki\:5\:st { color: hsl(54, 77%, 5%) } - html[data-theme='auto'] .sf-c-txt-khaki\:10\:st, html.auto .sf-c-txt-khaki\:10\:st { color: hsl(54, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-khaki\:15\:st, html.auto .sf-c-txt-khaki\:15\:st { color: hsl(54, 77%, 15%) } - html[data-theme='auto'] .sf-c-txt-khaki\:20\:st, html.auto .sf-c-txt-khaki\:20\:st { color: hsl(54, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-khaki\:25\:st, html.auto .sf-c-txt-khaki\:25\:st { color: hsl(54, 77%, 25%) } - html[data-theme='auto'] .sf-c-txt-khaki\:30\:st, html.auto .sf-c-txt-khaki\:30\:st { color: hsl(54, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-khaki\:35\:st, html.auto .sf-c-txt-khaki\:35\:st { color: hsl(54, 77%, 35%) } - html[data-theme='auto'] .sf-c-txt-khaki\:40\:st, html.auto .sf-c-txt-khaki\:40\:st { color: hsl(54, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-khaki\:45\:st, html.auto .sf-c-txt-khaki\:45\:st { color: hsl(54, 77%, 45%) } - html[data-theme='auto'] .sf-c-txt-khaki\:50\:st, html.auto .sf-c-txt-khaki\:50\:st { color: hsl(54, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-khaki\:55\:st, html.auto .sf-c-txt-khaki\:55\:st { color: hsl(54, 77%, 55%) } - html[data-theme='auto'] .sf-c-txt-khaki\:60\:st, html.auto .sf-c-txt-khaki\:60\:st { color: hsl(54, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-khaki\:65\:st, html.auto .sf-c-txt-khaki\:65\:st { color: hsl(54, 77%, 65%) } - html[data-theme='auto'] .sf-c-txt-khaki\:70\:st, html.auto .sf-c-txt-khaki\:70\:st { color: hsl(54, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-khaki\:75\:st, html.auto .sf-c-txt-khaki\:75\:st { color: hsl(54, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-khaki\:80\:st, html.auto .sf-c-txt-khaki\:80\:st { color: hsl(54, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-khaki\:85\:st, html.auto .sf-c-txt-khaki\:85\:st { color: hsl(54, 77%, 85%) } - html[data-theme='auto'] .sf-c-txt-khaki\:90\:st, html.auto .sf-c-txt-khaki\:90\:st { color: hsl(54, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-khaki\:95\:st, html.auto .sf-c-txt-khaki\:95\:st { color: hsl(54, 77%, 95%) } - html[data-theme='auto'] .sf-c-txt-khaki\:100\:st, html.auto .sf-c-txt-khaki\:100\:st { color: hsl(54, 77%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lavender.css b/src/colors/20/lavender.css deleted file mode 100644 index 615d43e..0000000 --- a/src/colors/20/lavender.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lavender { - --sf-c-lavender: 240 67% 94%; - --sf-c-lavender-0: 240 67% 0%; - --sf-c-lavender-5: 240 67% 5%; - --sf-c-lavender-10: 240 67% 10%; - --sf-c-lavender-15: 240 67% 15%; - --sf-c-lavender-20: 240 67% 20%; - --sf-c-lavender-25: 240 67% 25%; - --sf-c-lavender-30: 240 67% 30%; - --sf-c-lavender-35: 240 67% 35%; - --sf-c-lavender-40: 240 67% 40%; - --sf-c-lavender-45: 240 67% 45%; - --sf-c-lavender-50: 240 67% 50%; - --sf-c-lavender-55: 240 67% 55%; - --sf-c-lavender-60: 240 67% 60%; - --sf-c-lavender-65: 240 67% 65%; - --sf-c-lavender-70: 240 67% 70%; - --sf-c-lavender-75: 240 67% 75%; - --sf-c-lavender-80: 240 67% 80%; - --sf-c-lavender-85: 240 67% 85%; - --sf-c-lavender-90: 240 67% 90%; - --sf-c-lavender-95: 240 67% 95%; - --sf-c-lavender-100: 240 67% 100%; -} - -.sf-c-lavender, .sf-c-lavender\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 94%) } -.sf-c-lavender\:0, .sf-c-lavender\:0\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } -.sf-c-lavender\:5, .sf-c-lavender\:5\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } -.sf-c-lavender\:10, .sf-c-lavender\:10\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } -.sf-c-lavender\:15, .sf-c-lavender\:15\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 15%) } -.sf-c-lavender\:20, .sf-c-lavender\:20\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 20%) } -.sf-c-lavender\:25, .sf-c-lavender\:25\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 25%) } -.sf-c-lavender\:30, .sf-c-lavender\:30\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 30%) } -.sf-c-lavender\:35, .sf-c-lavender\:35\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 35%) } -.sf-c-lavender\:40, .sf-c-lavender\:40\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 40%) } -.sf-c-lavender\:45, .sf-c-lavender\:45\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 45%) } -.sf-c-lavender\:50, .sf-c-lavender\:50\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 50%) } -.sf-c-lavender\:55, .sf-c-lavender\:55\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 55%) } -.sf-c-lavender\:60, .sf-c-lavender\:60\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 60%) } -.sf-c-lavender\:65, .sf-c-lavender\:65\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 65%) } -.sf-c-lavender\:70, .sf-c-lavender\:70\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 70%) } -.sf-c-lavender\:75, .sf-c-lavender\:75\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 75%) } -.sf-c-lavender\:80, .sf-c-lavender\:80\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 80%) } -.sf-c-lavender\:85, .sf-c-lavender\:85\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 85%) } -.sf-c-lavender\:90, .sf-c-lavender\:90\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 90%) } -.sf-c-lavender\:95, .sf-c-lavender\:95\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } -.sf-c-lavender\:100, .sf-c-lavender\:100\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } - -.sf-c-txt-lavender { color: hsl(240, 67%, 10%) } -.sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } -.sf-c-txt-lavender\:0, .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } -.sf-c-txt-lavender\:5, .sf-c-txt-lavender\:5\:st { color: hsl(240, 67%, 5%) } -.sf-c-txt-lavender\:10, .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } -.sf-c-txt-lavender\:15, .sf-c-txt-lavender\:15\:st { color: hsl(240, 67%, 15%) } -.sf-c-txt-lavender\:20, .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } -.sf-c-txt-lavender\:25, .sf-c-txt-lavender\:25\:st { color: hsl(240, 67%, 25%) } -.sf-c-txt-lavender\:30, .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } -.sf-c-txt-lavender\:35, .sf-c-txt-lavender\:35\:st { color: hsl(240, 67%, 35%) } -.sf-c-txt-lavender\:40, .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } -.sf-c-txt-lavender\:45, .sf-c-txt-lavender\:45\:st { color: hsl(240, 67%, 45%) } -.sf-c-txt-lavender\:50, .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } -.sf-c-txt-lavender\:55, .sf-c-txt-lavender\:55\:st { color: hsl(240, 67%, 55%) } -.sf-c-txt-lavender\:60, .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } -.sf-c-txt-lavender\:65, .sf-c-txt-lavender\:65\:st { color: hsl(240, 67%, 65%) } -.sf-c-txt-lavender\:70, .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } -.sf-c-txt-lavender\:75, .sf-c-txt-lavender\:75\:st { color: hsl(240, 67%, 75%) } -.sf-c-txt-lavender\:80, .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } -.sf-c-txt-lavender\:85, .sf-c-txt-lavender\:85\:st { color: hsl(240, 67%, 85%) } -.sf-c-txt-lavender\:90, .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } -.sf-c-txt-lavender\:95, .sf-c-txt-lavender\:95\:st { color: hsl(240, 67%, 95%) } -.sf-c-txt-lavender\:100, .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } - -html[data-theme='dark'] .sf-c-lavender, html.dark .sf-c-lavender { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 6%) } -html[data-theme='dark'] .sf-c-lavender\:0, html.dark .sf-c-lavender\:0 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } -html[data-theme='dark'] .sf-c-lavender\:5, html.dark .sf-c-lavender\:5 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } -html[data-theme='dark'] .sf-c-lavender\:10, html.dark .sf-c-lavender\:10 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-lavender\:15, html.dark .sf-c-lavender\:15 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 85%) } -html[data-theme='dark'] .sf-c-lavender\:20, html.dark .sf-c-lavender\:20 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-lavender\:25, html.dark .sf-c-lavender\:25 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 75%) } -html[data-theme='dark'] .sf-c-lavender\:30, html.dark .sf-c-lavender\:30 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-lavender\:35, html.dark .sf-c-lavender\:35 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 65%) } -html[data-theme='dark'] .sf-c-lavender\:40, html.dark .sf-c-lavender\:40 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-lavender\:45, html.dark .sf-c-lavender\:45 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 55%) } -html[data-theme='dark'] .sf-c-lavender\:50, html.dark .sf-c-lavender\:50 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-lavender\:55, html.dark .sf-c-lavender\:55 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 45%) } -html[data-theme='dark'] .sf-c-lavender\:60, html.dark .sf-c-lavender\:60 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-lavender\:65, html.dark .sf-c-lavender\:65 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 35%) } -html[data-theme='dark'] .sf-c-lavender\:70, html.dark .sf-c-lavender\:70 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-lavender\:75, html.dark .sf-c-lavender\:75 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 25%) } -html[data-theme='dark'] .sf-c-lavender\:80, html.dark .sf-c-lavender\:80 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-lavender\:85, html.dark .sf-c-lavender\:85 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 15%) } -html[data-theme='dark'] .sf-c-lavender\:90, html.dark .sf-c-lavender\:90 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-lavender\:95, html.dark .sf-c-lavender\:95 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } -html[data-theme='dark'] .sf-c-lavender\:100, html.dark .sf-c-lavender\:100 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } - -html[data-theme='dark'] .sf-c-lavender\:st, html.dark .sf-c-lavender\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-lavender\:0\:st, html.dark .sf-c-lavender\:0\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } -html[data-theme='dark'] .sf-c-lavender\:5\:st, html.dark .sf-c-lavender\:5\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } -html[data-theme='dark'] .sf-c-lavender\:10\:st, html.dark .sf-c-lavender\:10\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-lavender\:15\:st, html.dark .sf-c-lavender\:15\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 15%) } -html[data-theme='dark'] .sf-c-lavender\:20\:st, html.dark .sf-c-lavender\:20\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-lavender\:25\:st, html.dark .sf-c-lavender\:25\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 25%) } -html[data-theme='dark'] .sf-c-lavender\:30\:st, html.dark .sf-c-lavender\:30\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-lavender\:35\:st, html.dark .sf-c-lavender\:35\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 35%) } -html[data-theme='dark'] .sf-c-lavender\:40\:st, html.dark .sf-c-lavender\:40\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-lavender\:45\:st, html.dark .sf-c-lavender\:45\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 45%) } -html[data-theme='dark'] .sf-c-lavender\:50\:st, html.dark .sf-c-lavender\:50\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-lavender\:55\:st, html.dark .sf-c-lavender\:55\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 55%) } -html[data-theme='dark'] .sf-c-lavender\:60\:st, html.dark .sf-c-lavender\:60\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-lavender\:65\:st, html.dark .sf-c-lavender\:65\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 65%) } -html[data-theme='dark'] .sf-c-lavender\:70\:st, html.dark .sf-c-lavender\:70\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-lavender\:75\:st, html.dark .sf-c-lavender\:75\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 75%) } -html[data-theme='dark'] .sf-c-lavender\:80\:st, html.dark .sf-c-lavender\:80\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-lavender\:85\:st, html.dark .sf-c-lavender\:85\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 85%) } -html[data-theme='dark'] .sf-c-lavender\:90\:st, html.dark .sf-c-lavender\:90\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-lavender\:95\:st, html.dark .sf-c-lavender\:95\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } -html[data-theme='dark'] .sf-c-lavender\:100\:st, html.dark .sf-c-lavender\:100\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-lavender\:5, html.dark .sf-c-txt-lavender\:5 { color: hsl(240, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavender\:15, html.dark .sf-c-txt-lavender\:15 { color: hsl(240, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavender\:25, html.dark .sf-c-txt-lavender\:25 { color: hsl(240, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavender\:35, html.dark .sf-c-txt-lavender\:35 { color: hsl(240, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavender\:45, html.dark .sf-c-txt-lavender\:45 { color: hsl(240, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavender\:55, html.dark .sf-c-txt-lavender\:55 { color: hsl(240, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavender\:65, html.dark .sf-c-txt-lavender\:65 { color: hsl(240, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavender\:75, html.dark .sf-c-txt-lavender\:75 { color: hsl(240, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavender\:85, html.dark .sf-c-txt-lavender\:85 { color: hsl(240, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavender\:95, html.dark .sf-c-txt-lavender\:95 { color: hsl(240, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lavender\:st, html.dark .sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-lavender\:0\:st, html.dark .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-lavender\:5\:st, html.dark .sf-c-txt-lavender\:5\:st { color: hsl(240, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-lavender\:10\:st, html.dark .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavender\:15\:st, html.dark .sf-c-txt-lavender\:15\:st { color: hsl(240, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-lavender\:20\:st, html.dark .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavender\:25\:st, html.dark .sf-c-txt-lavender\:25\:st { color: hsl(240, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-lavender\:30\:st, html.dark .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavender\:35\:st, html.dark .sf-c-txt-lavender\:35\:st { color: hsl(240, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-lavender\:40\:st, html.dark .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavender\:45\:st, html.dark .sf-c-txt-lavender\:45\:st { color: hsl(240, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-lavender\:50\:st, html.dark .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavender\:55\:st, html.dark .sf-c-txt-lavender\:55\:st { color: hsl(240, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-lavender\:60\:st, html.dark .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavender\:65\:st, html.dark .sf-c-txt-lavender\:65\:st { color: hsl(240, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-lavender\:70\:st, html.dark .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavender\:75\:st, html.dark .sf-c-txt-lavender\:75\:st { color: hsl(240, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-lavender\:80\:st, html.dark .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavender\:85\:st, html.dark .sf-c-txt-lavender\:85\:st { color: hsl(240, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-lavender\:90\:st, html.dark .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavender\:95\:st, html.dark .sf-c-txt-lavender\:95\:st { color: hsl(240, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-lavender\:100\:st, html.dark .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lavender, html.auto .sf-c-lavender { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 6%) } - html[data-theme='auto'] .sf-c-lavender\:0, html.auto .sf-c-lavender\:0 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } - html[data-theme='auto'] .sf-c-lavender\:5, html.auto .sf-c-lavender\:5 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } - html[data-theme='auto'] .sf-c-lavender\:10, html.auto .sf-c-lavender\:10 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-lavender\:15, html.auto .sf-c-lavender\:15 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 85%) } - html[data-theme='auto'] .sf-c-lavender\:20, html.auto .sf-c-lavender\:20 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-lavender\:25, html.auto .sf-c-lavender\:25 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 75%) } - html[data-theme='auto'] .sf-c-lavender\:30, html.auto .sf-c-lavender\:30 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-lavender\:35, html.auto .sf-c-lavender\:35 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 65%) } - html[data-theme='auto'] .sf-c-lavender\:40, html.auto .sf-c-lavender\:40 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-lavender\:45, html.auto .sf-c-lavender\:45 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 55%) } - html[data-theme='auto'] .sf-c-lavender\:50, html.auto .sf-c-lavender\:50 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-lavender\:55, html.auto .sf-c-lavender\:55 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 45%) } - html[data-theme='auto'] .sf-c-lavender\:60, html.auto .sf-c-lavender\:60 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-lavender\:65, html.auto .sf-c-lavender\:65 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 35%) } - html[data-theme='auto'] .sf-c-lavender\:70, html.auto .sf-c-lavender\:70 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-lavender\:75, html.auto .sf-c-lavender\:75 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 25%) } - html[data-theme='auto'] .sf-c-lavender\:80, html.auto .sf-c-lavender\:80 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-lavender\:85, html.auto .sf-c-lavender\:85 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 15%) } - html[data-theme='auto'] .sf-c-lavender\:90, html.auto .sf-c-lavender\:90 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-lavender\:95, html.auto .sf-c-lavender\:95 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } - html[data-theme='auto'] .sf-c-lavender\:100, html.auto .sf-c-lavender\:100 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } - - html[data-theme='auto'] .sf-c-lavender\:st, html.auto .sf-c-lavender\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-lavender\:0\:st, html.auto .sf-c-lavender\:0\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } - html[data-theme='auto'] .sf-c-lavender\:5\:st, html.auto .sf-c-lavender\:5\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } - html[data-theme='auto'] .sf-c-lavender\:10\:st, html.auto .sf-c-lavender\:10\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-lavender\:15\:st, html.auto .sf-c-lavender\:15\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 15%) } - html[data-theme='auto'] .sf-c-lavender\:20\:st, html.auto .sf-c-lavender\:20\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-lavender\:25\:st, html.auto .sf-c-lavender\:25\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 25%) } - html[data-theme='auto'] .sf-c-lavender\:30\:st, html.auto .sf-c-lavender\:30\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-lavender\:35\:st, html.auto .sf-c-lavender\:35\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 35%) } - html[data-theme='auto'] .sf-c-lavender\:40\:st, html.auto .sf-c-lavender\:40\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-lavender\:45\:st, html.auto .sf-c-lavender\:45\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 45%) } - html[data-theme='auto'] .sf-c-lavender\:50\:st, html.auto .sf-c-lavender\:50\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-lavender\:55\:st, html.auto .sf-c-lavender\:55\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 55%) } - html[data-theme='auto'] .sf-c-lavender\:60\:st, html.auto .sf-c-lavender\:60\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-lavender\:65\:st, html.auto .sf-c-lavender\:65\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 65%) } - html[data-theme='auto'] .sf-c-lavender\:70\:st, html.auto .sf-c-lavender\:70\:st { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-lavender\:75\:st, html.auto .sf-c-lavender\:75\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 75%) } - html[data-theme='auto'] .sf-c-lavender\:80\:st, html.auto .sf-c-lavender\:80\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-lavender\:85\:st, html.auto .sf-c-lavender\:85\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 85%) } - html[data-theme='auto'] .sf-c-lavender\:90\:st, html.auto .sf-c-lavender\:90\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-lavender\:95\:st, html.auto .sf-c-lavender\:95\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } - html[data-theme='auto'] .sf-c-lavender\:100\:st, html.auto .sf-c-lavender\:100\:st { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-lavender\:5, html.auto .sf-c-txt-lavender\:5 { color: hsl(240, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavender\:15, html.auto .sf-c-txt-lavender\:15 { color: hsl(240, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavender\:25, html.auto .sf-c-txt-lavender\:25 { color: hsl(240, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavender\:35, html.auto .sf-c-txt-lavender\:35 { color: hsl(240, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavender\:45, html.auto .sf-c-txt-lavender\:45 { color: hsl(240, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavender\:55, html.auto .sf-c-txt-lavender\:55 { color: hsl(240, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavender\:65, html.auto .sf-c-txt-lavender\:65 { color: hsl(240, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavender\:75, html.auto .sf-c-txt-lavender\:75 { color: hsl(240, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavender\:85, html.auto .sf-c-txt-lavender\:85 { color: hsl(240, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavender\:95, html.auto .sf-c-txt-lavender\:95 { color: hsl(240, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lavender\:st, html.auto .sf-c-txt-lavender\:st { color: hsl(240, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-lavender\:0\:st, html.auto .sf-c-txt-lavender\:0\:st { color: hsl(240, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-lavender\:5\:st, html.auto .sf-c-txt-lavender\:5\:st { color: hsl(240, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-lavender\:10\:st, html.auto .sf-c-txt-lavender\:10\:st { color: hsl(240, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavender\:15\:st, html.auto .sf-c-txt-lavender\:15\:st { color: hsl(240, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-lavender\:20\:st, html.auto .sf-c-txt-lavender\:20\:st { color: hsl(240, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavender\:25\:st, html.auto .sf-c-txt-lavender\:25\:st { color: hsl(240, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-lavender\:30\:st, html.auto .sf-c-txt-lavender\:30\:st { color: hsl(240, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavender\:35\:st, html.auto .sf-c-txt-lavender\:35\:st { color: hsl(240, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-lavender\:40\:st, html.auto .sf-c-txt-lavender\:40\:st { color: hsl(240, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavender\:45\:st, html.auto .sf-c-txt-lavender\:45\:st { color: hsl(240, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-lavender\:50\:st, html.auto .sf-c-txt-lavender\:50\:st { color: hsl(240, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavender\:55\:st, html.auto .sf-c-txt-lavender\:55\:st { color: hsl(240, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-lavender\:60\:st, html.auto .sf-c-txt-lavender\:60\:st { color: hsl(240, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavender\:65\:st, html.auto .sf-c-txt-lavender\:65\:st { color: hsl(240, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-lavender\:70\:st, html.auto .sf-c-txt-lavender\:70\:st { color: hsl(240, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavender\:75\:st, html.auto .sf-c-txt-lavender\:75\:st { color: hsl(240, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-lavender\:80\:st, html.auto .sf-c-txt-lavender\:80\:st { color: hsl(240, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavender\:85\:st, html.auto .sf-c-txt-lavender\:85\:st { color: hsl(240, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-lavender\:90\:st, html.auto .sf-c-txt-lavender\:90\:st { color: hsl(240, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavender\:95\:st, html.auto .sf-c-txt-lavender\:95\:st { color: hsl(240, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-lavender\:100\:st, html.auto .sf-c-txt-lavender\:100\:st { color: hsl(240, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lavenderblush.css b/src/colors/20/lavenderblush.css deleted file mode 100644 index 382a070..0000000 --- a/src/colors/20/lavenderblush.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lavenderblush { - --sf-c-lavenderblush: 340 100% 97%; - --sf-c-lavenderblush-0: 340 100% 0%; - --sf-c-lavenderblush-5: 340 100% 5%; - --sf-c-lavenderblush-10: 340 100% 10%; - --sf-c-lavenderblush-15: 340 100% 15%; - --sf-c-lavenderblush-20: 340 100% 20%; - --sf-c-lavenderblush-25: 340 100% 25%; - --sf-c-lavenderblush-30: 340 100% 30%; - --sf-c-lavenderblush-35: 340 100% 35%; - --sf-c-lavenderblush-40: 340 100% 40%; - --sf-c-lavenderblush-45: 340 100% 45%; - --sf-c-lavenderblush-50: 340 100% 50%; - --sf-c-lavenderblush-55: 340 100% 55%; - --sf-c-lavenderblush-60: 340 100% 60%; - --sf-c-lavenderblush-65: 340 100% 65%; - --sf-c-lavenderblush-70: 340 100% 70%; - --sf-c-lavenderblush-75: 340 100% 75%; - --sf-c-lavenderblush-80: 340 100% 80%; - --sf-c-lavenderblush-85: 340 100% 85%; - --sf-c-lavenderblush-90: 340 100% 90%; - --sf-c-lavenderblush-95: 340 100% 95%; - --sf-c-lavenderblush-100: 340 100% 100%; -} - -.sf-c-lavenderblush, .sf-c-lavenderblush\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 97%) } -.sf-c-lavenderblush\:0, .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } -.sf-c-lavenderblush\:5, .sf-c-lavenderblush\:5\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } -.sf-c-lavenderblush\:10, .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } -.sf-c-lavenderblush\:15, .sf-c-lavenderblush\:15\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 15%) } -.sf-c-lavenderblush\:20, .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 20%) } -.sf-c-lavenderblush\:25, .sf-c-lavenderblush\:25\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 25%) } -.sf-c-lavenderblush\:30, .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 30%) } -.sf-c-lavenderblush\:35, .sf-c-lavenderblush\:35\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 35%) } -.sf-c-lavenderblush\:40, .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 40%) } -.sf-c-lavenderblush\:45, .sf-c-lavenderblush\:45\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 45%) } -.sf-c-lavenderblush\:50, .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 50%) } -.sf-c-lavenderblush\:55, .sf-c-lavenderblush\:55\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 55%) } -.sf-c-lavenderblush\:60, .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 60%) } -.sf-c-lavenderblush\:65, .sf-c-lavenderblush\:65\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 65%) } -.sf-c-lavenderblush\:70, .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 70%) } -.sf-c-lavenderblush\:75, .sf-c-lavenderblush\:75\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 75%) } -.sf-c-lavenderblush\:80, .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 80%) } -.sf-c-lavenderblush\:85, .sf-c-lavenderblush\:85\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 85%) } -.sf-c-lavenderblush\:90, .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 90%) } -.sf-c-lavenderblush\:95, .sf-c-lavenderblush\:95\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } -.sf-c-lavenderblush\:100, .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } - -.sf-c-txt-lavenderblush { color: hsl(340, 100%, 10%) } -.sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } -.sf-c-txt-lavenderblush\:0, .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } -.sf-c-txt-lavenderblush\:5, .sf-c-txt-lavenderblush\:5\:st { color: hsl(340, 100%, 5%) } -.sf-c-txt-lavenderblush\:10, .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } -.sf-c-txt-lavenderblush\:15, .sf-c-txt-lavenderblush\:15\:st { color: hsl(340, 100%, 15%) } -.sf-c-txt-lavenderblush\:20, .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } -.sf-c-txt-lavenderblush\:25, .sf-c-txt-lavenderblush\:25\:st { color: hsl(340, 100%, 25%) } -.sf-c-txt-lavenderblush\:30, .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } -.sf-c-txt-lavenderblush\:35, .sf-c-txt-lavenderblush\:35\:st { color: hsl(340, 100%, 35%) } -.sf-c-txt-lavenderblush\:40, .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } -.sf-c-txt-lavenderblush\:45, .sf-c-txt-lavenderblush\:45\:st { color: hsl(340, 100%, 45%) } -.sf-c-txt-lavenderblush\:50, .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } -.sf-c-txt-lavenderblush\:55, .sf-c-txt-lavenderblush\:55\:st { color: hsl(340, 100%, 55%) } -.sf-c-txt-lavenderblush\:60, .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } -.sf-c-txt-lavenderblush\:65, .sf-c-txt-lavenderblush\:65\:st { color: hsl(340, 100%, 65%) } -.sf-c-txt-lavenderblush\:70, .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } -.sf-c-txt-lavenderblush\:75, .sf-c-txt-lavenderblush\:75\:st { color: hsl(340, 100%, 75%) } -.sf-c-txt-lavenderblush\:80, .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } -.sf-c-txt-lavenderblush\:85, .sf-c-txt-lavenderblush\:85\:st { color: hsl(340, 100%, 85%) } -.sf-c-txt-lavenderblush\:90, .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } -.sf-c-txt-lavenderblush\:95, .sf-c-txt-lavenderblush\:95\:st { color: hsl(340, 100%, 95%) } -.sf-c-txt-lavenderblush\:100, .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lavenderblush, html.dark .sf-c-lavenderblush { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 3%) } -html[data-theme='dark'] .sf-c-lavenderblush\:0, html.dark .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } -html[data-theme='dark'] .sf-c-lavenderblush\:5, html.dark .sf-c-lavenderblush\:5 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } -html[data-theme='dark'] .sf-c-lavenderblush\:10, html.dark .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-lavenderblush\:15, html.dark .sf-c-lavenderblush\:15 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 85%) } -html[data-theme='dark'] .sf-c-lavenderblush\:20, html.dark .sf-c-lavenderblush\:20 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-lavenderblush\:25, html.dark .sf-c-lavenderblush\:25 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 75%) } -html[data-theme='dark'] .sf-c-lavenderblush\:30, html.dark .sf-c-lavenderblush\:30 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-lavenderblush\:35, html.dark .sf-c-lavenderblush\:35 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 65%) } -html[data-theme='dark'] .sf-c-lavenderblush\:40, html.dark .sf-c-lavenderblush\:40 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-lavenderblush\:45, html.dark .sf-c-lavenderblush\:45 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 55%) } -html[data-theme='dark'] .sf-c-lavenderblush\:50, html.dark .sf-c-lavenderblush\:50 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-lavenderblush\:55, html.dark .sf-c-lavenderblush\:55 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 45%) } -html[data-theme='dark'] .sf-c-lavenderblush\:60, html.dark .sf-c-lavenderblush\:60 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-lavenderblush\:65, html.dark .sf-c-lavenderblush\:65 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 35%) } -html[data-theme='dark'] .sf-c-lavenderblush\:70, html.dark .sf-c-lavenderblush\:70 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-lavenderblush\:75, html.dark .sf-c-lavenderblush\:75 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 25%) } -html[data-theme='dark'] .sf-c-lavenderblush\:80, html.dark .sf-c-lavenderblush\:80 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-lavenderblush\:85, html.dark .sf-c-lavenderblush\:85 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 15%) } -html[data-theme='dark'] .sf-c-lavenderblush\:90, html.dark .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-lavenderblush\:95, html.dark .sf-c-lavenderblush\:95 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } -html[data-theme='dark'] .sf-c-lavenderblush\:100, html.dark .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lavenderblush\:st, html.dark .sf-c-lavenderblush\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-lavenderblush\:0\:st, html.dark .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } -html[data-theme='dark'] .sf-c-lavenderblush\:5\:st, html.dark .sf-c-lavenderblush\:5\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } -html[data-theme='dark'] .sf-c-lavenderblush\:10\:st, html.dark .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-lavenderblush\:15\:st, html.dark .sf-c-lavenderblush\:15\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 15%) } -html[data-theme='dark'] .sf-c-lavenderblush\:20\:st, html.dark .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-lavenderblush\:25\:st, html.dark .sf-c-lavenderblush\:25\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 25%) } -html[data-theme='dark'] .sf-c-lavenderblush\:30\:st, html.dark .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-lavenderblush\:35\:st, html.dark .sf-c-lavenderblush\:35\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 35%) } -html[data-theme='dark'] .sf-c-lavenderblush\:40\:st, html.dark .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-lavenderblush\:45\:st, html.dark .sf-c-lavenderblush\:45\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 45%) } -html[data-theme='dark'] .sf-c-lavenderblush\:50\:st, html.dark .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-lavenderblush\:55\:st, html.dark .sf-c-lavenderblush\:55\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 55%) } -html[data-theme='dark'] .sf-c-lavenderblush\:60\:st, html.dark .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-lavenderblush\:65\:st, html.dark .sf-c-lavenderblush\:65\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 65%) } -html[data-theme='dark'] .sf-c-lavenderblush\:70\:st, html.dark .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-lavenderblush\:75\:st, html.dark .sf-c-lavenderblush\:75\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 75%) } -html[data-theme='dark'] .sf-c-lavenderblush\:80\:st, html.dark .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-lavenderblush\:85\:st, html.dark .sf-c-lavenderblush\:85\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 85%) } -html[data-theme='dark'] .sf-c-lavenderblush\:90\:st, html.dark .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-lavenderblush\:95\:st, html.dark .sf-c-lavenderblush\:95\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } -html[data-theme='dark'] .sf-c-lavenderblush\:100\:st, html.dark .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:5, html.dark .sf-c-txt-lavenderblush\:5 { color: hsl(340, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:15, html.dark .sf-c-txt-lavenderblush\:15 { color: hsl(340, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:25, html.dark .sf-c-txt-lavenderblush\:25 { color: hsl(340, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:35, html.dark .sf-c-txt-lavenderblush\:35 { color: hsl(340, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:45, html.dark .sf-c-txt-lavenderblush\:45 { color: hsl(340, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:55, html.dark .sf-c-txt-lavenderblush\:55 { color: hsl(340, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:65, html.dark .sf-c-txt-lavenderblush\:65 { color: hsl(340, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:75, html.dark .sf-c-txt-lavenderblush\:75 { color: hsl(340, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:85, html.dark .sf-c-txt-lavenderblush\:85 { color: hsl(340, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:95, html.dark .sf-c-txt-lavenderblush\:95 { color: hsl(340, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lavenderblush\:st, html.dark .sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:st, html.dark .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:5\:st, html.dark .sf-c-txt-lavenderblush\:5\:st { color: hsl(340, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:st, html.dark .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:15\:st, html.dark .sf-c-txt-lavenderblush\:15\:st { color: hsl(340, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:st, html.dark .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:25\:st, html.dark .sf-c-txt-lavenderblush\:25\:st { color: hsl(340, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:st, html.dark .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:35\:st, html.dark .sf-c-txt-lavenderblush\:35\:st { color: hsl(340, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:st, html.dark .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:45\:st, html.dark .sf-c-txt-lavenderblush\:45\:st { color: hsl(340, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:st, html.dark .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:55\:st, html.dark .sf-c-txt-lavenderblush\:55\:st { color: hsl(340, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:st, html.dark .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:65\:st, html.dark .sf-c-txt-lavenderblush\:65\:st { color: hsl(340, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:st, html.dark .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:75\:st, html.dark .sf-c-txt-lavenderblush\:75\:st { color: hsl(340, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:st, html.dark .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:85\:st, html.dark .sf-c-txt-lavenderblush\:85\:st { color: hsl(340, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:st, html.dark .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:95\:st, html.dark .sf-c-txt-lavenderblush\:95\:st { color: hsl(340, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:st, html.dark .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lavenderblush, html.auto .sf-c-lavenderblush { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 3%) } - html[data-theme='auto'] .sf-c-lavenderblush\:0, html.auto .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } - html[data-theme='auto'] .sf-c-lavenderblush\:5, html.auto .sf-c-lavenderblush\:5 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } - html[data-theme='auto'] .sf-c-lavenderblush\:10, html.auto .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-lavenderblush\:15, html.auto .sf-c-lavenderblush\:15 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 85%) } - html[data-theme='auto'] .sf-c-lavenderblush\:20, html.auto .sf-c-lavenderblush\:20 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-lavenderblush\:25, html.auto .sf-c-lavenderblush\:25 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 75%) } - html[data-theme='auto'] .sf-c-lavenderblush\:30, html.auto .sf-c-lavenderblush\:30 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-lavenderblush\:35, html.auto .sf-c-lavenderblush\:35 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 65%) } - html[data-theme='auto'] .sf-c-lavenderblush\:40, html.auto .sf-c-lavenderblush\:40 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-lavenderblush\:45, html.auto .sf-c-lavenderblush\:45 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 55%) } - html[data-theme='auto'] .sf-c-lavenderblush\:50, html.auto .sf-c-lavenderblush\:50 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-lavenderblush\:55, html.auto .sf-c-lavenderblush\:55 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 45%) } - html[data-theme='auto'] .sf-c-lavenderblush\:60, html.auto .sf-c-lavenderblush\:60 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-lavenderblush\:65, html.auto .sf-c-lavenderblush\:65 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 35%) } - html[data-theme='auto'] .sf-c-lavenderblush\:70, html.auto .sf-c-lavenderblush\:70 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-lavenderblush\:75, html.auto .sf-c-lavenderblush\:75 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 25%) } - html[data-theme='auto'] .sf-c-lavenderblush\:80, html.auto .sf-c-lavenderblush\:80 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-lavenderblush\:85, html.auto .sf-c-lavenderblush\:85 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 15%) } - html[data-theme='auto'] .sf-c-lavenderblush\:90, html.auto .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-lavenderblush\:95, html.auto .sf-c-lavenderblush\:95 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } - html[data-theme='auto'] .sf-c-lavenderblush\:100, html.auto .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lavenderblush\:st, html.auto .sf-c-lavenderblush\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-lavenderblush\:0\:st, html.auto .sf-c-lavenderblush\:0\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } - html[data-theme='auto'] .sf-c-lavenderblush\:5\:st, html.auto .sf-c-lavenderblush\:5\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } - html[data-theme='auto'] .sf-c-lavenderblush\:10\:st, html.auto .sf-c-lavenderblush\:10\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-lavenderblush\:15\:st, html.auto .sf-c-lavenderblush\:15\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 15%) } - html[data-theme='auto'] .sf-c-lavenderblush\:20\:st, html.auto .sf-c-lavenderblush\:20\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-lavenderblush\:25\:st, html.auto .sf-c-lavenderblush\:25\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 25%) } - html[data-theme='auto'] .sf-c-lavenderblush\:30\:st, html.auto .sf-c-lavenderblush\:30\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-lavenderblush\:35\:st, html.auto .sf-c-lavenderblush\:35\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 35%) } - html[data-theme='auto'] .sf-c-lavenderblush\:40\:st, html.auto .sf-c-lavenderblush\:40\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-lavenderblush\:45\:st, html.auto .sf-c-lavenderblush\:45\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 45%) } - html[data-theme='auto'] .sf-c-lavenderblush\:50\:st, html.auto .sf-c-lavenderblush\:50\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-lavenderblush\:55\:st, html.auto .sf-c-lavenderblush\:55\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 55%) } - html[data-theme='auto'] .sf-c-lavenderblush\:60\:st, html.auto .sf-c-lavenderblush\:60\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-lavenderblush\:65\:st, html.auto .sf-c-lavenderblush\:65\:st { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 65%) } - html[data-theme='auto'] .sf-c-lavenderblush\:70\:st, html.auto .sf-c-lavenderblush\:70\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-lavenderblush\:75\:st, html.auto .sf-c-lavenderblush\:75\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 75%) } - html[data-theme='auto'] .sf-c-lavenderblush\:80\:st, html.auto .sf-c-lavenderblush\:80\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-lavenderblush\:85\:st, html.auto .sf-c-lavenderblush\:85\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 85%) } - html[data-theme='auto'] .sf-c-lavenderblush\:90\:st, html.auto .sf-c-lavenderblush\:90\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-lavenderblush\:95\:st, html.auto .sf-c-lavenderblush\:95\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } - html[data-theme='auto'] .sf-c-lavenderblush\:100\:st, html.auto .sf-c-lavenderblush\:100\:st { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:5, html.auto .sf-c-txt-lavenderblush\:5 { color: hsl(340, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:15, html.auto .sf-c-txt-lavenderblush\:15 { color: hsl(340, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:25, html.auto .sf-c-txt-lavenderblush\:25 { color: hsl(340, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:35, html.auto .sf-c-txt-lavenderblush\:35 { color: hsl(340, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:45, html.auto .sf-c-txt-lavenderblush\:45 { color: hsl(340, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:55, html.auto .sf-c-txt-lavenderblush\:55 { color: hsl(340, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:65, html.auto .sf-c-txt-lavenderblush\:65 { color: hsl(340, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:75, html.auto .sf-c-txt-lavenderblush\:75 { color: hsl(340, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:85, html.auto .sf-c-txt-lavenderblush\:85 { color: hsl(340, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:95, html.auto .sf-c-txt-lavenderblush\:95 { color: hsl(340, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lavenderblush\:st, html.auto .sf-c-txt-lavenderblush\:st { color: hsl(340, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:st, html.auto .sf-c-txt-lavenderblush\:0\:st { color: hsl(340, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:5\:st, html.auto .sf-c-txt-lavenderblush\:5\:st { color: hsl(340, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:st, html.auto .sf-c-txt-lavenderblush\:10\:st { color: hsl(340, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:15\:st, html.auto .sf-c-txt-lavenderblush\:15\:st { color: hsl(340, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:st, html.auto .sf-c-txt-lavenderblush\:20\:st { color: hsl(340, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:25\:st, html.auto .sf-c-txt-lavenderblush\:25\:st { color: hsl(340, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:st, html.auto .sf-c-txt-lavenderblush\:30\:st { color: hsl(340, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:35\:st, html.auto .sf-c-txt-lavenderblush\:35\:st { color: hsl(340, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:st, html.auto .sf-c-txt-lavenderblush\:40\:st { color: hsl(340, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:45\:st, html.auto .sf-c-txt-lavenderblush\:45\:st { color: hsl(340, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:st, html.auto .sf-c-txt-lavenderblush\:50\:st { color: hsl(340, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:55\:st, html.auto .sf-c-txt-lavenderblush\:55\:st { color: hsl(340, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:st, html.auto .sf-c-txt-lavenderblush\:60\:st { color: hsl(340, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:65\:st, html.auto .sf-c-txt-lavenderblush\:65\:st { color: hsl(340, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:st, html.auto .sf-c-txt-lavenderblush\:70\:st { color: hsl(340, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:75\:st, html.auto .sf-c-txt-lavenderblush\:75\:st { color: hsl(340, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:st, html.auto .sf-c-txt-lavenderblush\:80\:st { color: hsl(340, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:85\:st, html.auto .sf-c-txt-lavenderblush\:85\:st { color: hsl(340, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:st, html.auto .sf-c-txt-lavenderblush\:90\:st { color: hsl(340, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:95\:st, html.auto .sf-c-txt-lavenderblush\:95\:st { color: hsl(340, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:st, html.auto .sf-c-txt-lavenderblush\:100\:st { color: hsl(340, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lawngreen.css b/src/colors/20/lawngreen.css deleted file mode 100644 index b739397..0000000 --- a/src/colors/20/lawngreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lawngreen { - --sf-c-lawngreen: 90 100% 49%; - --sf-c-lawngreen-0: 90 100% 0%; - --sf-c-lawngreen-5: 90 100% 5%; - --sf-c-lawngreen-10: 90 100% 10%; - --sf-c-lawngreen-15: 90 100% 15%; - --sf-c-lawngreen-20: 90 100% 20%; - --sf-c-lawngreen-25: 90 100% 25%; - --sf-c-lawngreen-30: 90 100% 30%; - --sf-c-lawngreen-35: 90 100% 35%; - --sf-c-lawngreen-40: 90 100% 40%; - --sf-c-lawngreen-45: 90 100% 45%; - --sf-c-lawngreen-50: 90 100% 50%; - --sf-c-lawngreen-55: 90 100% 55%; - --sf-c-lawngreen-60: 90 100% 60%; - --sf-c-lawngreen-65: 90 100% 65%; - --sf-c-lawngreen-70: 90 100% 70%; - --sf-c-lawngreen-75: 90 100% 75%; - --sf-c-lawngreen-80: 90 100% 80%; - --sf-c-lawngreen-85: 90 100% 85%; - --sf-c-lawngreen-90: 90 100% 90%; - --sf-c-lawngreen-95: 90 100% 95%; - --sf-c-lawngreen-100: 90 100% 100%; -} - -.sf-c-lawngreen, .sf-c-lawngreen\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 49%) } -.sf-c-lawngreen\:0, .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -.sf-c-lawngreen\:5, .sf-c-lawngreen\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -.sf-c-lawngreen\:10, .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -.sf-c-lawngreen\:15, .sf-c-lawngreen\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -.sf-c-lawngreen\:20, .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -.sf-c-lawngreen\:25, .sf-c-lawngreen\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -.sf-c-lawngreen\:30, .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -.sf-c-lawngreen\:35, .sf-c-lawngreen\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -.sf-c-lawngreen\:40, .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -.sf-c-lawngreen\:45, .sf-c-lawngreen\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -.sf-c-lawngreen\:50, .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -.sf-c-lawngreen\:55, .sf-c-lawngreen\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -.sf-c-lawngreen\:60, .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -.sf-c-lawngreen\:65, .sf-c-lawngreen\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -.sf-c-lawngreen\:70, .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -.sf-c-lawngreen\:75, .sf-c-lawngreen\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -.sf-c-lawngreen\:80, .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -.sf-c-lawngreen\:85, .sf-c-lawngreen\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -.sf-c-lawngreen\:90, .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -.sf-c-lawngreen\:95, .sf-c-lawngreen\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -.sf-c-lawngreen\:100, .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - -.sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } -.sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } -.sf-c-txt-lawngreen\:0, .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } -.sf-c-txt-lawngreen\:5, .sf-c-txt-lawngreen\:5\:st { color: hsl(90, 100%, 5%) } -.sf-c-txt-lawngreen\:10, .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } -.sf-c-txt-lawngreen\:15, .sf-c-txt-lawngreen\:15\:st { color: hsl(90, 100%, 15%) } -.sf-c-txt-lawngreen\:20, .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } -.sf-c-txt-lawngreen\:25, .sf-c-txt-lawngreen\:25\:st { color: hsl(90, 100%, 25%) } -.sf-c-txt-lawngreen\:30, .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } -.sf-c-txt-lawngreen\:35, .sf-c-txt-lawngreen\:35\:st { color: hsl(90, 100%, 35%) } -.sf-c-txt-lawngreen\:40, .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } -.sf-c-txt-lawngreen\:45, .sf-c-txt-lawngreen\:45\:st { color: hsl(90, 100%, 45%) } -.sf-c-txt-lawngreen\:50, .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } -.sf-c-txt-lawngreen\:55, .sf-c-txt-lawngreen\:55\:st { color: hsl(90, 100%, 55%) } -.sf-c-txt-lawngreen\:60, .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } -.sf-c-txt-lawngreen\:65, .sf-c-txt-lawngreen\:65\:st { color: hsl(90, 100%, 65%) } -.sf-c-txt-lawngreen\:70, .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } -.sf-c-txt-lawngreen\:75, .sf-c-txt-lawngreen\:75\:st { color: hsl(90, 100%, 75%) } -.sf-c-txt-lawngreen\:80, .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } -.sf-c-txt-lawngreen\:85, .sf-c-txt-lawngreen\:85\:st { color: hsl(90, 100%, 85%) } -.sf-c-txt-lawngreen\:90, .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } -.sf-c-txt-lawngreen\:95, .sf-c-txt-lawngreen\:95\:st { color: hsl(90, 100%, 95%) } -.sf-c-txt-lawngreen\:100, .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lawngreen, html.dark .sf-c-lawngreen { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 51%) } -html[data-theme='dark'] .sf-c-lawngreen\:0, html.dark .sf-c-lawngreen\:0 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-lawngreen\:5, html.dark .sf-c-lawngreen\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-lawngreen\:10, html.dark .sf-c-lawngreen\:10 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-lawngreen\:15, html.dark .sf-c-lawngreen\:15 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-lawngreen\:20, html.dark .sf-c-lawngreen\:20 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-lawngreen\:25, html.dark .sf-c-lawngreen\:25 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-lawngreen\:30, html.dark .sf-c-lawngreen\:30 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-lawngreen\:35, html.dark .sf-c-lawngreen\:35 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-lawngreen\:40, html.dark .sf-c-lawngreen\:40 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-lawngreen\:45, html.dark .sf-c-lawngreen\:45 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-lawngreen\:50, html.dark .sf-c-lawngreen\:50 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-lawngreen\:55, html.dark .sf-c-lawngreen\:55 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-lawngreen\:60, html.dark .sf-c-lawngreen\:60 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-lawngreen\:65, html.dark .sf-c-lawngreen\:65 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-lawngreen\:70, html.dark .sf-c-lawngreen\:70 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-lawngreen\:75, html.dark .sf-c-lawngreen\:75 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-lawngreen\:80, html.dark .sf-c-lawngreen\:80 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-lawngreen\:85, html.dark .sf-c-lawngreen\:85 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-lawngreen\:90, html.dark .sf-c-lawngreen\:90 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-lawngreen\:95, html.dark .sf-c-lawngreen\:95 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-lawngreen\:100, html.dark .sf-c-lawngreen\:100 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lawngreen\:st, html.dark .sf-c-lawngreen\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 49%) } -html[data-theme='dark'] .sf-c-lawngreen\:0\:st, html.dark .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-lawngreen\:5\:st, html.dark .sf-c-lawngreen\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-lawngreen\:10\:st, html.dark .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-lawngreen\:15\:st, html.dark .sf-c-lawngreen\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-lawngreen\:20\:st, html.dark .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-lawngreen\:25\:st, html.dark .sf-c-lawngreen\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-lawngreen\:30\:st, html.dark .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-lawngreen\:35\:st, html.dark .sf-c-lawngreen\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-lawngreen\:40\:st, html.dark .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-lawngreen\:45\:st, html.dark .sf-c-lawngreen\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-lawngreen\:50\:st, html.dark .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-lawngreen\:55\:st, html.dark .sf-c-lawngreen\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-lawngreen\:60\:st, html.dark .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-lawngreen\:65\:st, html.dark .sf-c-lawngreen\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-lawngreen\:70\:st, html.dark .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-lawngreen\:75\:st, html.dark .sf-c-lawngreen\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-lawngreen\:80\:st, html.dark .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-lawngreen\:85\:st, html.dark .sf-c-lawngreen\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-lawngreen\:90\:st, html.dark .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-lawngreen\:95\:st, html.dark .sf-c-lawngreen\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-lawngreen\:100\:st, html.dark .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:5, html.dark .sf-c-txt-lawngreen\:5 { color: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:15, html.dark .sf-c-txt-lawngreen\:15 { color: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:25, html.dark .sf-c-txt-lawngreen\:25 { color: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:35, html.dark .sf-c-txt-lawngreen\:35 { color: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:45, html.dark .sf-c-txt-lawngreen\:45 { color: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:55, html.dark .sf-c-txt-lawngreen\:55 { color: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:65, html.dark .sf-c-txt-lawngreen\:65 { color: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:75, html.dark .sf-c-txt-lawngreen\:75 { color: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:85, html.dark .sf-c-txt-lawngreen\:85 { color: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:95, html.dark .sf-c-txt-lawngreen\:95 { color: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lawngreen\:st, html.dark .sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:0\:st, html.dark .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:5\:st, html.dark .sf-c-txt-lawngreen\:5\:st { color: hsl(90, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:10\:st, html.dark .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:15\:st, html.dark .sf-c-txt-lawngreen\:15\:st { color: hsl(90, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:20\:st, html.dark .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:25\:st, html.dark .sf-c-txt-lawngreen\:25\:st { color: hsl(90, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:30\:st, html.dark .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:35\:st, html.dark .sf-c-txt-lawngreen\:35\:st { color: hsl(90, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:40\:st, html.dark .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:45\:st, html.dark .sf-c-txt-lawngreen\:45\:st { color: hsl(90, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:50\:st, html.dark .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:55\:st, html.dark .sf-c-txt-lawngreen\:55\:st { color: hsl(90, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:60\:st, html.dark .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:65\:st, html.dark .sf-c-txt-lawngreen\:65\:st { color: hsl(90, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:70\:st, html.dark .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:75\:st, html.dark .sf-c-txt-lawngreen\:75\:st { color: hsl(90, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:80\:st, html.dark .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:85\:st, html.dark .sf-c-txt-lawngreen\:85\:st { color: hsl(90, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:90\:st, html.dark .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:95\:st, html.dark .sf-c-txt-lawngreen\:95\:st { color: hsl(90, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lawngreen\:100\:st, html.dark .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lawngreen, html.auto .sf-c-lawngreen { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 51%) } - html[data-theme='auto'] .sf-c-lawngreen\:0, html.auto .sf-c-lawngreen\:0 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-lawngreen\:5, html.auto .sf-c-lawngreen\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-lawngreen\:10, html.auto .sf-c-lawngreen\:10 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-lawngreen\:15, html.auto .sf-c-lawngreen\:15 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-lawngreen\:20, html.auto .sf-c-lawngreen\:20 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-lawngreen\:25, html.auto .sf-c-lawngreen\:25 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-lawngreen\:30, html.auto .sf-c-lawngreen\:30 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-lawngreen\:35, html.auto .sf-c-lawngreen\:35 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-lawngreen\:40, html.auto .sf-c-lawngreen\:40 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-lawngreen\:45, html.auto .sf-c-lawngreen\:45 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-lawngreen\:50, html.auto .sf-c-lawngreen\:50 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-lawngreen\:55, html.auto .sf-c-lawngreen\:55 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-lawngreen\:60, html.auto .sf-c-lawngreen\:60 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-lawngreen\:65, html.auto .sf-c-lawngreen\:65 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-lawngreen\:70, html.auto .sf-c-lawngreen\:70 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-lawngreen\:75, html.auto .sf-c-lawngreen\:75 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-lawngreen\:80, html.auto .sf-c-lawngreen\:80 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-lawngreen\:85, html.auto .sf-c-lawngreen\:85 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-lawngreen\:90, html.auto .sf-c-lawngreen\:90 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-lawngreen\:95, html.auto .sf-c-lawngreen\:95 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-lawngreen\:100, html.auto .sf-c-lawngreen\:100 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lawngreen\:st, html.auto .sf-c-lawngreen\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 49%) } - html[data-theme='auto'] .sf-c-lawngreen\:0\:st, html.auto .sf-c-lawngreen\:0\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-lawngreen\:5\:st, html.auto .sf-c-lawngreen\:5\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-lawngreen\:10\:st, html.auto .sf-c-lawngreen\:10\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-lawngreen\:15\:st, html.auto .sf-c-lawngreen\:15\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-lawngreen\:20\:st, html.auto .sf-c-lawngreen\:20\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-lawngreen\:25\:st, html.auto .sf-c-lawngreen\:25\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-lawngreen\:30\:st, html.auto .sf-c-lawngreen\:30\:st { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-lawngreen\:35\:st, html.auto .sf-c-lawngreen\:35\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-lawngreen\:40\:st, html.auto .sf-c-lawngreen\:40\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-lawngreen\:45\:st, html.auto .sf-c-lawngreen\:45\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-lawngreen\:50\:st, html.auto .sf-c-lawngreen\:50\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-lawngreen\:55\:st, html.auto .sf-c-lawngreen\:55\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-lawngreen\:60\:st, html.auto .sf-c-lawngreen\:60\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-lawngreen\:65\:st, html.auto .sf-c-lawngreen\:65\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-lawngreen\:70\:st, html.auto .sf-c-lawngreen\:70\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-lawngreen\:75\:st, html.auto .sf-c-lawngreen\:75\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-lawngreen\:80\:st, html.auto .sf-c-lawngreen\:80\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-lawngreen\:85\:st, html.auto .sf-c-lawngreen\:85\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-lawngreen\:90\:st, html.auto .sf-c-lawngreen\:90\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-lawngreen\:95\:st, html.auto .sf-c-lawngreen\:95\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-lawngreen\:100\:st, html.auto .sf-c-lawngreen\:100\:st { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:5, html.auto .sf-c-txt-lawngreen\:5 { color: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:15, html.auto .sf-c-txt-lawngreen\:15 { color: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:25, html.auto .sf-c-txt-lawngreen\:25 { color: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:35, html.auto .sf-c-txt-lawngreen\:35 { color: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:45, html.auto .sf-c-txt-lawngreen\:45 { color: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:55, html.auto .sf-c-txt-lawngreen\:55 { color: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:65, html.auto .sf-c-txt-lawngreen\:65 { color: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:75, html.auto .sf-c-txt-lawngreen\:75 { color: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:85, html.auto .sf-c-txt-lawngreen\:85 { color: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:95, html.auto .sf-c-txt-lawngreen\:95 { color: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lawngreen\:st, html.auto .sf-c-txt-lawngreen\:st { color: hsl(90, 100%, 49%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:0\:st, html.auto .sf-c-txt-lawngreen\:0\:st { color: hsl(90, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:5\:st, html.auto .sf-c-txt-lawngreen\:5\:st { color: hsl(90, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:10\:st, html.auto .sf-c-txt-lawngreen\:10\:st { color: hsl(90, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:15\:st, html.auto .sf-c-txt-lawngreen\:15\:st { color: hsl(90, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:20\:st, html.auto .sf-c-txt-lawngreen\:20\:st { color: hsl(90, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:25\:st, html.auto .sf-c-txt-lawngreen\:25\:st { color: hsl(90, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:30\:st, html.auto .sf-c-txt-lawngreen\:30\:st { color: hsl(90, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:35\:st, html.auto .sf-c-txt-lawngreen\:35\:st { color: hsl(90, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:40\:st, html.auto .sf-c-txt-lawngreen\:40\:st { color: hsl(90, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:45\:st, html.auto .sf-c-txt-lawngreen\:45\:st { color: hsl(90, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:50\:st, html.auto .sf-c-txt-lawngreen\:50\:st { color: hsl(90, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:55\:st, html.auto .sf-c-txt-lawngreen\:55\:st { color: hsl(90, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:60\:st, html.auto .sf-c-txt-lawngreen\:60\:st { color: hsl(90, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:65\:st, html.auto .sf-c-txt-lawngreen\:65\:st { color: hsl(90, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:70\:st, html.auto .sf-c-txt-lawngreen\:70\:st { color: hsl(90, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:75\:st, html.auto .sf-c-txt-lawngreen\:75\:st { color: hsl(90, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:80\:st, html.auto .sf-c-txt-lawngreen\:80\:st { color: hsl(90, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:85\:st, html.auto .sf-c-txt-lawngreen\:85\:st { color: hsl(90, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:90\:st, html.auto .sf-c-txt-lawngreen\:90\:st { color: hsl(90, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:95\:st, html.auto .sf-c-txt-lawngreen\:95\:st { color: hsl(90, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lawngreen\:100\:st, html.auto .sf-c-txt-lawngreen\:100\:st { color: hsl(90, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lemonchiffon.css b/src/colors/20/lemonchiffon.css deleted file mode 100644 index e7a9fdf..0000000 --- a/src/colors/20/lemonchiffon.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lemonchiffon { - --sf-c-lemonchiffon: 54 100% 90%; - --sf-c-lemonchiffon-0: 54 100% 0%; - --sf-c-lemonchiffon-5: 54 100% 5%; - --sf-c-lemonchiffon-10: 54 100% 10%; - --sf-c-lemonchiffon-15: 54 100% 15%; - --sf-c-lemonchiffon-20: 54 100% 20%; - --sf-c-lemonchiffon-25: 54 100% 25%; - --sf-c-lemonchiffon-30: 54 100% 30%; - --sf-c-lemonchiffon-35: 54 100% 35%; - --sf-c-lemonchiffon-40: 54 100% 40%; - --sf-c-lemonchiffon-45: 54 100% 45%; - --sf-c-lemonchiffon-50: 54 100% 50%; - --sf-c-lemonchiffon-55: 54 100% 55%; - --sf-c-lemonchiffon-60: 54 100% 60%; - --sf-c-lemonchiffon-65: 54 100% 65%; - --sf-c-lemonchiffon-70: 54 100% 70%; - --sf-c-lemonchiffon-75: 54 100% 75%; - --sf-c-lemonchiffon-80: 54 100% 80%; - --sf-c-lemonchiffon-85: 54 100% 85%; - --sf-c-lemonchiffon-90: 54 100% 90%; - --sf-c-lemonchiffon-95: 54 100% 95%; - --sf-c-lemonchiffon-100: 54 100% 100%; -} - -.sf-c-lemonchiffon, .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } -.sf-c-lemonchiffon\:0, .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } -.sf-c-lemonchiffon\:5, .sf-c-lemonchiffon\:5\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } -.sf-c-lemonchiffon\:10, .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } -.sf-c-lemonchiffon\:15, .sf-c-lemonchiffon\:15\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 15%) } -.sf-c-lemonchiffon\:20, .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 20%) } -.sf-c-lemonchiffon\:25, .sf-c-lemonchiffon\:25\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 25%) } -.sf-c-lemonchiffon\:30, .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 30%) } -.sf-c-lemonchiffon\:35, .sf-c-lemonchiffon\:35\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 35%) } -.sf-c-lemonchiffon\:40, .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 40%) } -.sf-c-lemonchiffon\:45, .sf-c-lemonchiffon\:45\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 45%) } -.sf-c-lemonchiffon\:50, .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 50%) } -.sf-c-lemonchiffon\:55, .sf-c-lemonchiffon\:55\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 55%) } -.sf-c-lemonchiffon\:60, .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 60%) } -.sf-c-lemonchiffon\:65, .sf-c-lemonchiffon\:65\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 65%) } -.sf-c-lemonchiffon\:70, .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 70%) } -.sf-c-lemonchiffon\:75, .sf-c-lemonchiffon\:75\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 75%) } -.sf-c-lemonchiffon\:80, .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 80%) } -.sf-c-lemonchiffon\:85, .sf-c-lemonchiffon\:85\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 85%) } -.sf-c-lemonchiffon\:90, .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } -.sf-c-lemonchiffon\:95, .sf-c-lemonchiffon\:95\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } -.sf-c-lemonchiffon\:100, .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } - -.sf-c-txt-lemonchiffon { color: hsl(54, 100%, 10%) } -.sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } -.sf-c-txt-lemonchiffon\:0, .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } -.sf-c-txt-lemonchiffon\:5, .sf-c-txt-lemonchiffon\:5\:st { color: hsl(54, 100%, 5%) } -.sf-c-txt-lemonchiffon\:10, .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } -.sf-c-txt-lemonchiffon\:15, .sf-c-txt-lemonchiffon\:15\:st { color: hsl(54, 100%, 15%) } -.sf-c-txt-lemonchiffon\:20, .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } -.sf-c-txt-lemonchiffon\:25, .sf-c-txt-lemonchiffon\:25\:st { color: hsl(54, 100%, 25%) } -.sf-c-txt-lemonchiffon\:30, .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } -.sf-c-txt-lemonchiffon\:35, .sf-c-txt-lemonchiffon\:35\:st { color: hsl(54, 100%, 35%) } -.sf-c-txt-lemonchiffon\:40, .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } -.sf-c-txt-lemonchiffon\:45, .sf-c-txt-lemonchiffon\:45\:st { color: hsl(54, 100%, 45%) } -.sf-c-txt-lemonchiffon\:50, .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } -.sf-c-txt-lemonchiffon\:55, .sf-c-txt-lemonchiffon\:55\:st { color: hsl(54, 100%, 55%) } -.sf-c-txt-lemonchiffon\:60, .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } -.sf-c-txt-lemonchiffon\:65, .sf-c-txt-lemonchiffon\:65\:st { color: hsl(54, 100%, 65%) } -.sf-c-txt-lemonchiffon\:70, .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } -.sf-c-txt-lemonchiffon\:75, .sf-c-txt-lemonchiffon\:75\:st { color: hsl(54, 100%, 75%) } -.sf-c-txt-lemonchiffon\:80, .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } -.sf-c-txt-lemonchiffon\:85, .sf-c-txt-lemonchiffon\:85\:st { color: hsl(54, 100%, 85%) } -.sf-c-txt-lemonchiffon\:90, .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } -.sf-c-txt-lemonchiffon\:95, .sf-c-txt-lemonchiffon\:95\:st { color: hsl(54, 100%, 95%) } -.sf-c-txt-lemonchiffon\:100, .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lemonchiffon, html.dark .sf-c-lemonchiffon { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:0, html.dark .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:5, html.dark .sf-c-lemonchiffon\:5 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:10, html.dark .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:15, html.dark .sf-c-lemonchiffon\:15 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 85%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:20, html.dark .sf-c-lemonchiffon\:20 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:25, html.dark .sf-c-lemonchiffon\:25 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 75%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:30, html.dark .sf-c-lemonchiffon\:30 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:35, html.dark .sf-c-lemonchiffon\:35 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 65%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:40, html.dark .sf-c-lemonchiffon\:40 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:45, html.dark .sf-c-lemonchiffon\:45 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 55%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:50, html.dark .sf-c-lemonchiffon\:50 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:55, html.dark .sf-c-lemonchiffon\:55 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 45%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:60, html.dark .sf-c-lemonchiffon\:60 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:65, html.dark .sf-c-lemonchiffon\:65 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 35%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:70, html.dark .sf-c-lemonchiffon\:70 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:75, html.dark .sf-c-lemonchiffon\:75 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 25%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:80, html.dark .sf-c-lemonchiffon\:80 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:85, html.dark .sf-c-lemonchiffon\:85 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 15%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:90, html.dark .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:95, html.dark .sf-c-lemonchiffon\:95 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:100, html.dark .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lemonchiffon\:st, html.dark .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:0\:st, html.dark .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:5\:st, html.dark .sf-c-lemonchiffon\:5\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:10\:st, html.dark .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:15\:st, html.dark .sf-c-lemonchiffon\:15\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 15%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:20\:st, html.dark .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:25\:st, html.dark .sf-c-lemonchiffon\:25\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 25%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:30\:st, html.dark .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:35\:st, html.dark .sf-c-lemonchiffon\:35\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 35%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:40\:st, html.dark .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:45\:st, html.dark .sf-c-lemonchiffon\:45\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 45%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:50\:st, html.dark .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:55\:st, html.dark .sf-c-lemonchiffon\:55\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 55%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:60\:st, html.dark .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:65\:st, html.dark .sf-c-lemonchiffon\:65\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 65%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:70\:st, html.dark .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:75\:st, html.dark .sf-c-lemonchiffon\:75\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 75%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:80\:st, html.dark .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:85\:st, html.dark .sf-c-lemonchiffon\:85\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 85%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:90\:st, html.dark .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:95\:st, html.dark .sf-c-lemonchiffon\:95\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } -html[data-theme='dark'] .sf-c-lemonchiffon\:100\:st, html.dark .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:5, html.dark .sf-c-txt-lemonchiffon\:5 { color: hsl(54, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:15, html.dark .sf-c-txt-lemonchiffon\:15 { color: hsl(54, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:25, html.dark .sf-c-txt-lemonchiffon\:25 { color: hsl(54, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:35, html.dark .sf-c-txt-lemonchiffon\:35 { color: hsl(54, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:45, html.dark .sf-c-txt-lemonchiffon\:45 { color: hsl(54, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:55, html.dark .sf-c-txt-lemonchiffon\:55 { color: hsl(54, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:65, html.dark .sf-c-txt-lemonchiffon\:65 { color: hsl(54, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:75, html.dark .sf-c-txt-lemonchiffon\:75 { color: hsl(54, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:85, html.dark .sf-c-txt-lemonchiffon\:85 { color: hsl(54, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:95, html.dark .sf-c-txt-lemonchiffon\:95 { color: hsl(54, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:st, html.dark .sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:st, html.dark .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:5\:st, html.dark .sf-c-txt-lemonchiffon\:5\:st { color: hsl(54, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:st, html.dark .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:15\:st, html.dark .sf-c-txt-lemonchiffon\:15\:st { color: hsl(54, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:st, html.dark .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:25\:st, html.dark .sf-c-txt-lemonchiffon\:25\:st { color: hsl(54, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:st, html.dark .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:35\:st, html.dark .sf-c-txt-lemonchiffon\:35\:st { color: hsl(54, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:st, html.dark .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:45\:st, html.dark .sf-c-txt-lemonchiffon\:45\:st { color: hsl(54, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:st, html.dark .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:55\:st, html.dark .sf-c-txt-lemonchiffon\:55\:st { color: hsl(54, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:st, html.dark .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:65\:st, html.dark .sf-c-txt-lemonchiffon\:65\:st { color: hsl(54, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:st, html.dark .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:75\:st, html.dark .sf-c-txt-lemonchiffon\:75\:st { color: hsl(54, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:st, html.dark .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:85\:st, html.dark .sf-c-txt-lemonchiffon\:85\:st { color: hsl(54, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:st, html.dark .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:95\:st, html.dark .sf-c-txt-lemonchiffon\:95\:st { color: hsl(54, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:st, html.dark .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lemonchiffon, html.auto .sf-c-lemonchiffon { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:0, html.auto .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:5, html.auto .sf-c-lemonchiffon\:5 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:10, html.auto .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:15, html.auto .sf-c-lemonchiffon\:15 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 85%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:20, html.auto .sf-c-lemonchiffon\:20 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:25, html.auto .sf-c-lemonchiffon\:25 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 75%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:30, html.auto .sf-c-lemonchiffon\:30 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:35, html.auto .sf-c-lemonchiffon\:35 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 65%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:40, html.auto .sf-c-lemonchiffon\:40 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:45, html.auto .sf-c-lemonchiffon\:45 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 55%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:50, html.auto .sf-c-lemonchiffon\:50 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:55, html.auto .sf-c-lemonchiffon\:55 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 45%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:60, html.auto .sf-c-lemonchiffon\:60 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:65, html.auto .sf-c-lemonchiffon\:65 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 35%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:70, html.auto .sf-c-lemonchiffon\:70 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:75, html.auto .sf-c-lemonchiffon\:75 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 25%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:80, html.auto .sf-c-lemonchiffon\:80 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:85, html.auto .sf-c-lemonchiffon\:85 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 15%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:90, html.auto .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:95, html.auto .sf-c-lemonchiffon\:95 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:100, html.auto .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lemonchiffon\:st, html.auto .sf-c-lemonchiffon\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:0\:st, html.auto .sf-c-lemonchiffon\:0\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:5\:st, html.auto .sf-c-lemonchiffon\:5\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:10\:st, html.auto .sf-c-lemonchiffon\:10\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:15\:st, html.auto .sf-c-lemonchiffon\:15\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 15%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:20\:st, html.auto .sf-c-lemonchiffon\:20\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:25\:st, html.auto .sf-c-lemonchiffon\:25\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 25%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:30\:st, html.auto .sf-c-lemonchiffon\:30\:st { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:35\:st, html.auto .sf-c-lemonchiffon\:35\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 35%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:40\:st, html.auto .sf-c-lemonchiffon\:40\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:45\:st, html.auto .sf-c-lemonchiffon\:45\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 45%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:50\:st, html.auto .sf-c-lemonchiffon\:50\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:55\:st, html.auto .sf-c-lemonchiffon\:55\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 55%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:60\:st, html.auto .sf-c-lemonchiffon\:60\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:65\:st, html.auto .sf-c-lemonchiffon\:65\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 65%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:70\:st, html.auto .sf-c-lemonchiffon\:70\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:75\:st, html.auto .sf-c-lemonchiffon\:75\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 75%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:80\:st, html.auto .sf-c-lemonchiffon\:80\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:85\:st, html.auto .sf-c-lemonchiffon\:85\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 85%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:90\:st, html.auto .sf-c-lemonchiffon\:90\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:95\:st, html.auto .sf-c-lemonchiffon\:95\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } - html[data-theme='auto'] .sf-c-lemonchiffon\:100\:st, html.auto .sf-c-lemonchiffon\:100\:st { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:5, html.auto .sf-c-txt-lemonchiffon\:5 { color: hsl(54, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:15, html.auto .sf-c-txt-lemonchiffon\:15 { color: hsl(54, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:25, html.auto .sf-c-txt-lemonchiffon\:25 { color: hsl(54, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:35, html.auto .sf-c-txt-lemonchiffon\:35 { color: hsl(54, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:45, html.auto .sf-c-txt-lemonchiffon\:45 { color: hsl(54, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:55, html.auto .sf-c-txt-lemonchiffon\:55 { color: hsl(54, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:65, html.auto .sf-c-txt-lemonchiffon\:65 { color: hsl(54, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:75, html.auto .sf-c-txt-lemonchiffon\:75 { color: hsl(54, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:85, html.auto .sf-c-txt-lemonchiffon\:85 { color: hsl(54, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:95, html.auto .sf-c-txt-lemonchiffon\:95 { color: hsl(54, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:st, html.auto .sf-c-txt-lemonchiffon\:st { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:st, html.auto .sf-c-txt-lemonchiffon\:0\:st { color: hsl(54, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:5\:st, html.auto .sf-c-txt-lemonchiffon\:5\:st { color: hsl(54, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:st, html.auto .sf-c-txt-lemonchiffon\:10\:st { color: hsl(54, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:15\:st, html.auto .sf-c-txt-lemonchiffon\:15\:st { color: hsl(54, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:st, html.auto .sf-c-txt-lemonchiffon\:20\:st { color: hsl(54, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:25\:st, html.auto .sf-c-txt-lemonchiffon\:25\:st { color: hsl(54, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:st, html.auto .sf-c-txt-lemonchiffon\:30\:st { color: hsl(54, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:35\:st, html.auto .sf-c-txt-lemonchiffon\:35\:st { color: hsl(54, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:st, html.auto .sf-c-txt-lemonchiffon\:40\:st { color: hsl(54, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:45\:st, html.auto .sf-c-txt-lemonchiffon\:45\:st { color: hsl(54, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:st, html.auto .sf-c-txt-lemonchiffon\:50\:st { color: hsl(54, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:55\:st, html.auto .sf-c-txt-lemonchiffon\:55\:st { color: hsl(54, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:st, html.auto .sf-c-txt-lemonchiffon\:60\:st { color: hsl(54, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:65\:st, html.auto .sf-c-txt-lemonchiffon\:65\:st { color: hsl(54, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:st, html.auto .sf-c-txt-lemonchiffon\:70\:st { color: hsl(54, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:75\:st, html.auto .sf-c-txt-lemonchiffon\:75\:st { color: hsl(54, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:st, html.auto .sf-c-txt-lemonchiffon\:80\:st { color: hsl(54, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:85\:st, html.auto .sf-c-txt-lemonchiffon\:85\:st { color: hsl(54, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:st, html.auto .sf-c-txt-lemonchiffon\:90\:st { color: hsl(54, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:95\:st, html.auto .sf-c-txt-lemonchiffon\:95\:st { color: hsl(54, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:st, html.auto .sf-c-txt-lemonchiffon\:100\:st { color: hsl(54, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightblue.css b/src/colors/20/lightblue.css deleted file mode 100644 index 6e92941..0000000 --- a/src/colors/20/lightblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightblue { - --sf-c-lightblue: 195 53% 79%; - --sf-c-lightblue-0: 195 53% 0%; - --sf-c-lightblue-5: 195 53% 5%; - --sf-c-lightblue-10: 195 53% 10%; - --sf-c-lightblue-15: 195 53% 15%; - --sf-c-lightblue-20: 195 53% 20%; - --sf-c-lightblue-25: 195 53% 25%; - --sf-c-lightblue-30: 195 53% 30%; - --sf-c-lightblue-35: 195 53% 35%; - --sf-c-lightblue-40: 195 53% 40%; - --sf-c-lightblue-45: 195 53% 45%; - --sf-c-lightblue-50: 195 53% 50%; - --sf-c-lightblue-55: 195 53% 55%; - --sf-c-lightblue-60: 195 53% 60%; - --sf-c-lightblue-65: 195 53% 65%; - --sf-c-lightblue-70: 195 53% 70%; - --sf-c-lightblue-75: 195 53% 75%; - --sf-c-lightblue-80: 195 53% 80%; - --sf-c-lightblue-85: 195 53% 85%; - --sf-c-lightblue-90: 195 53% 90%; - --sf-c-lightblue-95: 195 53% 95%; - --sf-c-lightblue-100: 195 53% 100%; -} - -.sf-c-lightblue, .sf-c-lightblue\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 79%) } -.sf-c-lightblue\:0, .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } -.sf-c-lightblue\:5, .sf-c-lightblue\:5\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } -.sf-c-lightblue\:10, .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } -.sf-c-lightblue\:15, .sf-c-lightblue\:15\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 15%) } -.sf-c-lightblue\:20, .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 20%) } -.sf-c-lightblue\:25, .sf-c-lightblue\:25\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 25%) } -.sf-c-lightblue\:30, .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 30%) } -.sf-c-lightblue\:35, .sf-c-lightblue\:35\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 35%) } -.sf-c-lightblue\:40, .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 40%) } -.sf-c-lightblue\:45, .sf-c-lightblue\:45\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 45%) } -.sf-c-lightblue\:50, .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 50%) } -.sf-c-lightblue\:55, .sf-c-lightblue\:55\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 55%) } -.sf-c-lightblue\:60, .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 60%) } -.sf-c-lightblue\:65, .sf-c-lightblue\:65\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 65%) } -.sf-c-lightblue\:70, .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 70%) } -.sf-c-lightblue\:75, .sf-c-lightblue\:75\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 75%) } -.sf-c-lightblue\:80, .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 80%) } -.sf-c-lightblue\:85, .sf-c-lightblue\:85\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 85%) } -.sf-c-lightblue\:90, .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 90%) } -.sf-c-lightblue\:95, .sf-c-lightblue\:95\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } -.sf-c-lightblue\:100, .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } - -.sf-c-txt-lightblue { color: hsl(195, 53%, 10%) } -.sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } -.sf-c-txt-lightblue\:0, .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } -.sf-c-txt-lightblue\:5, .sf-c-txt-lightblue\:5\:st { color: hsl(195, 53%, 5%) } -.sf-c-txt-lightblue\:10, .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } -.sf-c-txt-lightblue\:15, .sf-c-txt-lightblue\:15\:st { color: hsl(195, 53%, 15%) } -.sf-c-txt-lightblue\:20, .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } -.sf-c-txt-lightblue\:25, .sf-c-txt-lightblue\:25\:st { color: hsl(195, 53%, 25%) } -.sf-c-txt-lightblue\:30, .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } -.sf-c-txt-lightblue\:35, .sf-c-txt-lightblue\:35\:st { color: hsl(195, 53%, 35%) } -.sf-c-txt-lightblue\:40, .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } -.sf-c-txt-lightblue\:45, .sf-c-txt-lightblue\:45\:st { color: hsl(195, 53%, 45%) } -.sf-c-txt-lightblue\:50, .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } -.sf-c-txt-lightblue\:55, .sf-c-txt-lightblue\:55\:st { color: hsl(195, 53%, 55%) } -.sf-c-txt-lightblue\:60, .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } -.sf-c-txt-lightblue\:65, .sf-c-txt-lightblue\:65\:st { color: hsl(195, 53%, 65%) } -.sf-c-txt-lightblue\:70, .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } -.sf-c-txt-lightblue\:75, .sf-c-txt-lightblue\:75\:st { color: hsl(195, 53%, 75%) } -.sf-c-txt-lightblue\:80, .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } -.sf-c-txt-lightblue\:85, .sf-c-txt-lightblue\:85\:st { color: hsl(195, 53%, 85%) } -.sf-c-txt-lightblue\:90, .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } -.sf-c-txt-lightblue\:95, .sf-c-txt-lightblue\:95\:st { color: hsl(195, 53%, 95%) } -.sf-c-txt-lightblue\:100, .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } - -html[data-theme='dark'] .sf-c-lightblue, html.dark .sf-c-lightblue { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 21%) } -html[data-theme='dark'] .sf-c-lightblue\:0, html.dark .sf-c-lightblue\:0 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } -html[data-theme='dark'] .sf-c-lightblue\:5, html.dark .sf-c-lightblue\:5 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } -html[data-theme='dark'] .sf-c-lightblue\:10, html.dark .sf-c-lightblue\:10 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-lightblue\:15, html.dark .sf-c-lightblue\:15 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 85%) } -html[data-theme='dark'] .sf-c-lightblue\:20, html.dark .sf-c-lightblue\:20 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-lightblue\:25, html.dark .sf-c-lightblue\:25 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 75%) } -html[data-theme='dark'] .sf-c-lightblue\:30, html.dark .sf-c-lightblue\:30 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-lightblue\:35, html.dark .sf-c-lightblue\:35 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 65%) } -html[data-theme='dark'] .sf-c-lightblue\:40, html.dark .sf-c-lightblue\:40 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-lightblue\:45, html.dark .sf-c-lightblue\:45 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 55%) } -html[data-theme='dark'] .sf-c-lightblue\:50, html.dark .sf-c-lightblue\:50 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-lightblue\:55, html.dark .sf-c-lightblue\:55 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 45%) } -html[data-theme='dark'] .sf-c-lightblue\:60, html.dark .sf-c-lightblue\:60 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-lightblue\:65, html.dark .sf-c-lightblue\:65 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 35%) } -html[data-theme='dark'] .sf-c-lightblue\:70, html.dark .sf-c-lightblue\:70 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-lightblue\:75, html.dark .sf-c-lightblue\:75 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 25%) } -html[data-theme='dark'] .sf-c-lightblue\:80, html.dark .sf-c-lightblue\:80 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-lightblue\:85, html.dark .sf-c-lightblue\:85 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 15%) } -html[data-theme='dark'] .sf-c-lightblue\:90, html.dark .sf-c-lightblue\:90 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-lightblue\:95, html.dark .sf-c-lightblue\:95 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } -html[data-theme='dark'] .sf-c-lightblue\:100, html.dark .sf-c-lightblue\:100 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } - -html[data-theme='dark'] .sf-c-lightblue\:st, html.dark .sf-c-lightblue\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-lightblue\:0\:st, html.dark .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } -html[data-theme='dark'] .sf-c-lightblue\:5\:st, html.dark .sf-c-lightblue\:5\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } -html[data-theme='dark'] .sf-c-lightblue\:10\:st, html.dark .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-lightblue\:15\:st, html.dark .sf-c-lightblue\:15\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 15%) } -html[data-theme='dark'] .sf-c-lightblue\:20\:st, html.dark .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-lightblue\:25\:st, html.dark .sf-c-lightblue\:25\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 25%) } -html[data-theme='dark'] .sf-c-lightblue\:30\:st, html.dark .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-lightblue\:35\:st, html.dark .sf-c-lightblue\:35\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 35%) } -html[data-theme='dark'] .sf-c-lightblue\:40\:st, html.dark .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-lightblue\:45\:st, html.dark .sf-c-lightblue\:45\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 45%) } -html[data-theme='dark'] .sf-c-lightblue\:50\:st, html.dark .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-lightblue\:55\:st, html.dark .sf-c-lightblue\:55\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 55%) } -html[data-theme='dark'] .sf-c-lightblue\:60\:st, html.dark .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-lightblue\:65\:st, html.dark .sf-c-lightblue\:65\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 65%) } -html[data-theme='dark'] .sf-c-lightblue\:70\:st, html.dark .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-lightblue\:75\:st, html.dark .sf-c-lightblue\:75\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 75%) } -html[data-theme='dark'] .sf-c-lightblue\:80\:st, html.dark .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-lightblue\:85\:st, html.dark .sf-c-lightblue\:85\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 85%) } -html[data-theme='dark'] .sf-c-lightblue\:90\:st, html.dark .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-lightblue\:95\:st, html.dark .sf-c-lightblue\:95\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } -html[data-theme='dark'] .sf-c-lightblue\:100\:st, html.dark .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:5, html.dark .sf-c-txt-lightblue\:5 { color: hsl(195, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:15, html.dark .sf-c-txt-lightblue\:15 { color: hsl(195, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:25, html.dark .sf-c-txt-lightblue\:25 { color: hsl(195, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:35, html.dark .sf-c-txt-lightblue\:35 { color: hsl(195, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:45, html.dark .sf-c-txt-lightblue\:45 { color: hsl(195, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:55, html.dark .sf-c-txt-lightblue\:55 { color: hsl(195, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:65, html.dark .sf-c-txt-lightblue\:65 { color: hsl(195, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:75, html.dark .sf-c-txt-lightblue\:75 { color: hsl(195, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:85, html.dark .sf-c-txt-lightblue\:85 { color: hsl(195, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:95, html.dark .sf-c-txt-lightblue\:95 { color: hsl(195, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightblue\:st, html.dark .sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:0\:st, html.dark .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:5\:st, html.dark .sf-c-txt-lightblue\:5\:st { color: hsl(195, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:10\:st, html.dark .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:15\:st, html.dark .sf-c-txt-lightblue\:15\:st { color: hsl(195, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:20\:st, html.dark .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:25\:st, html.dark .sf-c-txt-lightblue\:25\:st { color: hsl(195, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:30\:st, html.dark .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:35\:st, html.dark .sf-c-txt-lightblue\:35\:st { color: hsl(195, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:40\:st, html.dark .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:45\:st, html.dark .sf-c-txt-lightblue\:45\:st { color: hsl(195, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:50\:st, html.dark .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:55\:st, html.dark .sf-c-txt-lightblue\:55\:st { color: hsl(195, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:60\:st, html.dark .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:65\:st, html.dark .sf-c-txt-lightblue\:65\:st { color: hsl(195, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:70\:st, html.dark .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:75\:st, html.dark .sf-c-txt-lightblue\:75\:st { color: hsl(195, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:80\:st, html.dark .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:85\:st, html.dark .sf-c-txt-lightblue\:85\:st { color: hsl(195, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:90\:st, html.dark .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:95\:st, html.dark .sf-c-txt-lightblue\:95\:st { color: hsl(195, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightblue\:100\:st, html.dark .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightblue, html.auto .sf-c-lightblue { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 21%) } - html[data-theme='auto'] .sf-c-lightblue\:0, html.auto .sf-c-lightblue\:0 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } - html[data-theme='auto'] .sf-c-lightblue\:5, html.auto .sf-c-lightblue\:5 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } - html[data-theme='auto'] .sf-c-lightblue\:10, html.auto .sf-c-lightblue\:10 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-lightblue\:15, html.auto .sf-c-lightblue\:15 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 85%) } - html[data-theme='auto'] .sf-c-lightblue\:20, html.auto .sf-c-lightblue\:20 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-lightblue\:25, html.auto .sf-c-lightblue\:25 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 75%) } - html[data-theme='auto'] .sf-c-lightblue\:30, html.auto .sf-c-lightblue\:30 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-lightblue\:35, html.auto .sf-c-lightblue\:35 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 65%) } - html[data-theme='auto'] .sf-c-lightblue\:40, html.auto .sf-c-lightblue\:40 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-lightblue\:45, html.auto .sf-c-lightblue\:45 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 55%) } - html[data-theme='auto'] .sf-c-lightblue\:50, html.auto .sf-c-lightblue\:50 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-lightblue\:55, html.auto .sf-c-lightblue\:55 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 45%) } - html[data-theme='auto'] .sf-c-lightblue\:60, html.auto .sf-c-lightblue\:60 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-lightblue\:65, html.auto .sf-c-lightblue\:65 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 35%) } - html[data-theme='auto'] .sf-c-lightblue\:70, html.auto .sf-c-lightblue\:70 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-lightblue\:75, html.auto .sf-c-lightblue\:75 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 25%) } - html[data-theme='auto'] .sf-c-lightblue\:80, html.auto .sf-c-lightblue\:80 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-lightblue\:85, html.auto .sf-c-lightblue\:85 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 15%) } - html[data-theme='auto'] .sf-c-lightblue\:90, html.auto .sf-c-lightblue\:90 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-lightblue\:95, html.auto .sf-c-lightblue\:95 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } - html[data-theme='auto'] .sf-c-lightblue\:100, html.auto .sf-c-lightblue\:100 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } - - html[data-theme='auto'] .sf-c-lightblue\:st, html.auto .sf-c-lightblue\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-lightblue\:0\:st, html.auto .sf-c-lightblue\:0\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } - html[data-theme='auto'] .sf-c-lightblue\:5\:st, html.auto .sf-c-lightblue\:5\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } - html[data-theme='auto'] .sf-c-lightblue\:10\:st, html.auto .sf-c-lightblue\:10\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-lightblue\:15\:st, html.auto .sf-c-lightblue\:15\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 15%) } - html[data-theme='auto'] .sf-c-lightblue\:20\:st, html.auto .sf-c-lightblue\:20\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-lightblue\:25\:st, html.auto .sf-c-lightblue\:25\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 25%) } - html[data-theme='auto'] .sf-c-lightblue\:30\:st, html.auto .sf-c-lightblue\:30\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-lightblue\:35\:st, html.auto .sf-c-lightblue\:35\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 35%) } - html[data-theme='auto'] .sf-c-lightblue\:40\:st, html.auto .sf-c-lightblue\:40\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-lightblue\:45\:st, html.auto .sf-c-lightblue\:45\:st { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 45%) } - html[data-theme='auto'] .sf-c-lightblue\:50\:st, html.auto .sf-c-lightblue\:50\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-lightblue\:55\:st, html.auto .sf-c-lightblue\:55\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 55%) } - html[data-theme='auto'] .sf-c-lightblue\:60\:st, html.auto .sf-c-lightblue\:60\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-lightblue\:65\:st, html.auto .sf-c-lightblue\:65\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 65%) } - html[data-theme='auto'] .sf-c-lightblue\:70\:st, html.auto .sf-c-lightblue\:70\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-lightblue\:75\:st, html.auto .sf-c-lightblue\:75\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 75%) } - html[data-theme='auto'] .sf-c-lightblue\:80\:st, html.auto .sf-c-lightblue\:80\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-lightblue\:85\:st, html.auto .sf-c-lightblue\:85\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 85%) } - html[data-theme='auto'] .sf-c-lightblue\:90\:st, html.auto .sf-c-lightblue\:90\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-lightblue\:95\:st, html.auto .sf-c-lightblue\:95\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } - html[data-theme='auto'] .sf-c-lightblue\:100\:st, html.auto .sf-c-lightblue\:100\:st { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:5, html.auto .sf-c-txt-lightblue\:5 { color: hsl(195, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:15, html.auto .sf-c-txt-lightblue\:15 { color: hsl(195, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:25, html.auto .sf-c-txt-lightblue\:25 { color: hsl(195, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:35, html.auto .sf-c-txt-lightblue\:35 { color: hsl(195, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:45, html.auto .sf-c-txt-lightblue\:45 { color: hsl(195, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:55, html.auto .sf-c-txt-lightblue\:55 { color: hsl(195, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:65, html.auto .sf-c-txt-lightblue\:65 { color: hsl(195, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:75, html.auto .sf-c-txt-lightblue\:75 { color: hsl(195, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:85, html.auto .sf-c-txt-lightblue\:85 { color: hsl(195, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:95, html.auto .sf-c-txt-lightblue\:95 { color: hsl(195, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightblue\:st, html.auto .sf-c-txt-lightblue\:st { color: hsl(195, 53%, 79%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:0\:st, html.auto .sf-c-txt-lightblue\:0\:st { color: hsl(195, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:5\:st, html.auto .sf-c-txt-lightblue\:5\:st { color: hsl(195, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:10\:st, html.auto .sf-c-txt-lightblue\:10\:st { color: hsl(195, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:15\:st, html.auto .sf-c-txt-lightblue\:15\:st { color: hsl(195, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:20\:st, html.auto .sf-c-txt-lightblue\:20\:st { color: hsl(195, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:25\:st, html.auto .sf-c-txt-lightblue\:25\:st { color: hsl(195, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:30\:st, html.auto .sf-c-txt-lightblue\:30\:st { color: hsl(195, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:35\:st, html.auto .sf-c-txt-lightblue\:35\:st { color: hsl(195, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:40\:st, html.auto .sf-c-txt-lightblue\:40\:st { color: hsl(195, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:45\:st, html.auto .sf-c-txt-lightblue\:45\:st { color: hsl(195, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:50\:st, html.auto .sf-c-txt-lightblue\:50\:st { color: hsl(195, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:55\:st, html.auto .sf-c-txt-lightblue\:55\:st { color: hsl(195, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:60\:st, html.auto .sf-c-txt-lightblue\:60\:st { color: hsl(195, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:65\:st, html.auto .sf-c-txt-lightblue\:65\:st { color: hsl(195, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:70\:st, html.auto .sf-c-txt-lightblue\:70\:st { color: hsl(195, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:75\:st, html.auto .sf-c-txt-lightblue\:75\:st { color: hsl(195, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:80\:st, html.auto .sf-c-txt-lightblue\:80\:st { color: hsl(195, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:85\:st, html.auto .sf-c-txt-lightblue\:85\:st { color: hsl(195, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:90\:st, html.auto .sf-c-txt-lightblue\:90\:st { color: hsl(195, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:95\:st, html.auto .sf-c-txt-lightblue\:95\:st { color: hsl(195, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightblue\:100\:st, html.auto .sf-c-txt-lightblue\:100\:st { color: hsl(195, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightcoral.css b/src/colors/20/lightcoral.css deleted file mode 100644 index 1761172..0000000 --- a/src/colors/20/lightcoral.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightcoral { - --sf-c-lightcoral: 0 79% 72%; - --sf-c-lightcoral-0: 0 79% 0%; - --sf-c-lightcoral-5: 0 79% 5%; - --sf-c-lightcoral-10: 0 79% 10%; - --sf-c-lightcoral-15: 0 79% 15%; - --sf-c-lightcoral-20: 0 79% 20%; - --sf-c-lightcoral-25: 0 79% 25%; - --sf-c-lightcoral-30: 0 79% 30%; - --sf-c-lightcoral-35: 0 79% 35%; - --sf-c-lightcoral-40: 0 79% 40%; - --sf-c-lightcoral-45: 0 79% 45%; - --sf-c-lightcoral-50: 0 79% 50%; - --sf-c-lightcoral-55: 0 79% 55%; - --sf-c-lightcoral-60: 0 79% 60%; - --sf-c-lightcoral-65: 0 79% 65%; - --sf-c-lightcoral-70: 0 79% 70%; - --sf-c-lightcoral-75: 0 79% 75%; - --sf-c-lightcoral-80: 0 79% 80%; - --sf-c-lightcoral-85: 0 79% 85%; - --sf-c-lightcoral-90: 0 79% 90%; - --sf-c-lightcoral-95: 0 79% 95%; - --sf-c-lightcoral-100: 0 79% 100%; -} - -.sf-c-lightcoral, .sf-c-lightcoral\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 72%) } -.sf-c-lightcoral\:0, .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } -.sf-c-lightcoral\:5, .sf-c-lightcoral\:5\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } -.sf-c-lightcoral\:10, .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } -.sf-c-lightcoral\:15, .sf-c-lightcoral\:15\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 15%) } -.sf-c-lightcoral\:20, .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 20%) } -.sf-c-lightcoral\:25, .sf-c-lightcoral\:25\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 25%) } -.sf-c-lightcoral\:30, .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 30%) } -.sf-c-lightcoral\:35, .sf-c-lightcoral\:35\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 35%) } -.sf-c-lightcoral\:40, .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 40%) } -.sf-c-lightcoral\:45, .sf-c-lightcoral\:45\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 45%) } -.sf-c-lightcoral\:50, .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 50%) } -.sf-c-lightcoral\:55, .sf-c-lightcoral\:55\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 55%) } -.sf-c-lightcoral\:60, .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 60%) } -.sf-c-lightcoral\:65, .sf-c-lightcoral\:65\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 65%) } -.sf-c-lightcoral\:70, .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 70%) } -.sf-c-lightcoral\:75, .sf-c-lightcoral\:75\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 75%) } -.sf-c-lightcoral\:80, .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 80%) } -.sf-c-lightcoral\:85, .sf-c-lightcoral\:85\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 85%) } -.sf-c-lightcoral\:90, .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 90%) } -.sf-c-lightcoral\:95, .sf-c-lightcoral\:95\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } -.sf-c-lightcoral\:100, .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } - -.sf-c-txt-lightcoral { color: hsl(0, 79%, 10%) } -.sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } -.sf-c-txt-lightcoral\:0, .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } -.sf-c-txt-lightcoral\:5, .sf-c-txt-lightcoral\:5\:st { color: hsl(0, 79%, 5%) } -.sf-c-txt-lightcoral\:10, .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } -.sf-c-txt-lightcoral\:15, .sf-c-txt-lightcoral\:15\:st { color: hsl(0, 79%, 15%) } -.sf-c-txt-lightcoral\:20, .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } -.sf-c-txt-lightcoral\:25, .sf-c-txt-lightcoral\:25\:st { color: hsl(0, 79%, 25%) } -.sf-c-txt-lightcoral\:30, .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } -.sf-c-txt-lightcoral\:35, .sf-c-txt-lightcoral\:35\:st { color: hsl(0, 79%, 35%) } -.sf-c-txt-lightcoral\:40, .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } -.sf-c-txt-lightcoral\:45, .sf-c-txt-lightcoral\:45\:st { color: hsl(0, 79%, 45%) } -.sf-c-txt-lightcoral\:50, .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } -.sf-c-txt-lightcoral\:55, .sf-c-txt-lightcoral\:55\:st { color: hsl(0, 79%, 55%) } -.sf-c-txt-lightcoral\:60, .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } -.sf-c-txt-lightcoral\:65, .sf-c-txt-lightcoral\:65\:st { color: hsl(0, 79%, 65%) } -.sf-c-txt-lightcoral\:70, .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } -.sf-c-txt-lightcoral\:75, .sf-c-txt-lightcoral\:75\:st { color: hsl(0, 79%, 75%) } -.sf-c-txt-lightcoral\:80, .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } -.sf-c-txt-lightcoral\:85, .sf-c-txt-lightcoral\:85\:st { color: hsl(0, 79%, 85%) } -.sf-c-txt-lightcoral\:90, .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } -.sf-c-txt-lightcoral\:95, .sf-c-txt-lightcoral\:95\:st { color: hsl(0, 79%, 95%) } -.sf-c-txt-lightcoral\:100, .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } - -html[data-theme='dark'] .sf-c-lightcoral, html.dark .sf-c-lightcoral { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 28%) } -html[data-theme='dark'] .sf-c-lightcoral\:0, html.dark .sf-c-lightcoral\:0 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } -html[data-theme='dark'] .sf-c-lightcoral\:5, html.dark .sf-c-lightcoral\:5 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } -html[data-theme='dark'] .sf-c-lightcoral\:10, html.dark .sf-c-lightcoral\:10 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-lightcoral\:15, html.dark .sf-c-lightcoral\:15 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 85%) } -html[data-theme='dark'] .sf-c-lightcoral\:20, html.dark .sf-c-lightcoral\:20 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-lightcoral\:25, html.dark .sf-c-lightcoral\:25 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 75%) } -html[data-theme='dark'] .sf-c-lightcoral\:30, html.dark .sf-c-lightcoral\:30 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-lightcoral\:35, html.dark .sf-c-lightcoral\:35 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 65%) } -html[data-theme='dark'] .sf-c-lightcoral\:40, html.dark .sf-c-lightcoral\:40 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-lightcoral\:45, html.dark .sf-c-lightcoral\:45 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 55%) } -html[data-theme='dark'] .sf-c-lightcoral\:50, html.dark .sf-c-lightcoral\:50 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-lightcoral\:55, html.dark .sf-c-lightcoral\:55 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 45%) } -html[data-theme='dark'] .sf-c-lightcoral\:60, html.dark .sf-c-lightcoral\:60 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-lightcoral\:65, html.dark .sf-c-lightcoral\:65 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 35%) } -html[data-theme='dark'] .sf-c-lightcoral\:70, html.dark .sf-c-lightcoral\:70 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-lightcoral\:75, html.dark .sf-c-lightcoral\:75 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 25%) } -html[data-theme='dark'] .sf-c-lightcoral\:80, html.dark .sf-c-lightcoral\:80 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-lightcoral\:85, html.dark .sf-c-lightcoral\:85 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 15%) } -html[data-theme='dark'] .sf-c-lightcoral\:90, html.dark .sf-c-lightcoral\:90 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-lightcoral\:95, html.dark .sf-c-lightcoral\:95 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } -html[data-theme='dark'] .sf-c-lightcoral\:100, html.dark .sf-c-lightcoral\:100 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } - -html[data-theme='dark'] .sf-c-lightcoral\:st, html.dark .sf-c-lightcoral\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-lightcoral\:0\:st, html.dark .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } -html[data-theme='dark'] .sf-c-lightcoral\:5\:st, html.dark .sf-c-lightcoral\:5\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } -html[data-theme='dark'] .sf-c-lightcoral\:10\:st, html.dark .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-lightcoral\:15\:st, html.dark .sf-c-lightcoral\:15\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 15%) } -html[data-theme='dark'] .sf-c-lightcoral\:20\:st, html.dark .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-lightcoral\:25\:st, html.dark .sf-c-lightcoral\:25\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 25%) } -html[data-theme='dark'] .sf-c-lightcoral\:30\:st, html.dark .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-lightcoral\:35\:st, html.dark .sf-c-lightcoral\:35\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 35%) } -html[data-theme='dark'] .sf-c-lightcoral\:40\:st, html.dark .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-lightcoral\:45\:st, html.dark .sf-c-lightcoral\:45\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 45%) } -html[data-theme='dark'] .sf-c-lightcoral\:50\:st, html.dark .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-lightcoral\:55\:st, html.dark .sf-c-lightcoral\:55\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 55%) } -html[data-theme='dark'] .sf-c-lightcoral\:60\:st, html.dark .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-lightcoral\:65\:st, html.dark .sf-c-lightcoral\:65\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 65%) } -html[data-theme='dark'] .sf-c-lightcoral\:70\:st, html.dark .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-lightcoral\:75\:st, html.dark .sf-c-lightcoral\:75\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 75%) } -html[data-theme='dark'] .sf-c-lightcoral\:80\:st, html.dark .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-lightcoral\:85\:st, html.dark .sf-c-lightcoral\:85\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 85%) } -html[data-theme='dark'] .sf-c-lightcoral\:90\:st, html.dark .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-lightcoral\:95\:st, html.dark .sf-c-lightcoral\:95\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } -html[data-theme='dark'] .sf-c-lightcoral\:100\:st, html.dark .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:5, html.dark .sf-c-txt-lightcoral\:5 { color: hsl(0, 79%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:15, html.dark .sf-c-txt-lightcoral\:15 { color: hsl(0, 79%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:25, html.dark .sf-c-txt-lightcoral\:25 { color: hsl(0, 79%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:35, html.dark .sf-c-txt-lightcoral\:35 { color: hsl(0, 79%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:45, html.dark .sf-c-txt-lightcoral\:45 { color: hsl(0, 79%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:55, html.dark .sf-c-txt-lightcoral\:55 { color: hsl(0, 79%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:65, html.dark .sf-c-txt-lightcoral\:65 { color: hsl(0, 79%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:75, html.dark .sf-c-txt-lightcoral\:75 { color: hsl(0, 79%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:85, html.dark .sf-c-txt-lightcoral\:85 { color: hsl(0, 79%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:95, html.dark .sf-c-txt-lightcoral\:95 { color: hsl(0, 79%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightcoral\:st, html.dark .sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:0\:st, html.dark .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:5\:st, html.dark .sf-c-txt-lightcoral\:5\:st { color: hsl(0, 79%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:10\:st, html.dark .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:15\:st, html.dark .sf-c-txt-lightcoral\:15\:st { color: hsl(0, 79%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:20\:st, html.dark .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:25\:st, html.dark .sf-c-txt-lightcoral\:25\:st { color: hsl(0, 79%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:30\:st, html.dark .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:35\:st, html.dark .sf-c-txt-lightcoral\:35\:st { color: hsl(0, 79%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:40\:st, html.dark .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:45\:st, html.dark .sf-c-txt-lightcoral\:45\:st { color: hsl(0, 79%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:50\:st, html.dark .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:55\:st, html.dark .sf-c-txt-lightcoral\:55\:st { color: hsl(0, 79%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:60\:st, html.dark .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:65\:st, html.dark .sf-c-txt-lightcoral\:65\:st { color: hsl(0, 79%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:70\:st, html.dark .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:75\:st, html.dark .sf-c-txt-lightcoral\:75\:st { color: hsl(0, 79%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:80\:st, html.dark .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:85\:st, html.dark .sf-c-txt-lightcoral\:85\:st { color: hsl(0, 79%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:90\:st, html.dark .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:95\:st, html.dark .sf-c-txt-lightcoral\:95\:st { color: hsl(0, 79%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightcoral\:100\:st, html.dark .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightcoral, html.auto .sf-c-lightcoral { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 28%) } - html[data-theme='auto'] .sf-c-lightcoral\:0, html.auto .sf-c-lightcoral\:0 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } - html[data-theme='auto'] .sf-c-lightcoral\:5, html.auto .sf-c-lightcoral\:5 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } - html[data-theme='auto'] .sf-c-lightcoral\:10, html.auto .sf-c-lightcoral\:10 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-lightcoral\:15, html.auto .sf-c-lightcoral\:15 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 85%) } - html[data-theme='auto'] .sf-c-lightcoral\:20, html.auto .sf-c-lightcoral\:20 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-lightcoral\:25, html.auto .sf-c-lightcoral\:25 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 75%) } - html[data-theme='auto'] .sf-c-lightcoral\:30, html.auto .sf-c-lightcoral\:30 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-lightcoral\:35, html.auto .sf-c-lightcoral\:35 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 65%) } - html[data-theme='auto'] .sf-c-lightcoral\:40, html.auto .sf-c-lightcoral\:40 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-lightcoral\:45, html.auto .sf-c-lightcoral\:45 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 55%) } - html[data-theme='auto'] .sf-c-lightcoral\:50, html.auto .sf-c-lightcoral\:50 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-lightcoral\:55, html.auto .sf-c-lightcoral\:55 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 45%) } - html[data-theme='auto'] .sf-c-lightcoral\:60, html.auto .sf-c-lightcoral\:60 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-lightcoral\:65, html.auto .sf-c-lightcoral\:65 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 35%) } - html[data-theme='auto'] .sf-c-lightcoral\:70, html.auto .sf-c-lightcoral\:70 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-lightcoral\:75, html.auto .sf-c-lightcoral\:75 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 25%) } - html[data-theme='auto'] .sf-c-lightcoral\:80, html.auto .sf-c-lightcoral\:80 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-lightcoral\:85, html.auto .sf-c-lightcoral\:85 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 15%) } - html[data-theme='auto'] .sf-c-lightcoral\:90, html.auto .sf-c-lightcoral\:90 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-lightcoral\:95, html.auto .sf-c-lightcoral\:95 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } - html[data-theme='auto'] .sf-c-lightcoral\:100, html.auto .sf-c-lightcoral\:100 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } - - html[data-theme='auto'] .sf-c-lightcoral\:st, html.auto .sf-c-lightcoral\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-lightcoral\:0\:st, html.auto .sf-c-lightcoral\:0\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } - html[data-theme='auto'] .sf-c-lightcoral\:5\:st, html.auto .sf-c-lightcoral\:5\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } - html[data-theme='auto'] .sf-c-lightcoral\:10\:st, html.auto .sf-c-lightcoral\:10\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-lightcoral\:15\:st, html.auto .sf-c-lightcoral\:15\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 15%) } - html[data-theme='auto'] .sf-c-lightcoral\:20\:st, html.auto .sf-c-lightcoral\:20\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-lightcoral\:25\:st, html.auto .sf-c-lightcoral\:25\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 25%) } - html[data-theme='auto'] .sf-c-lightcoral\:30\:st, html.auto .sf-c-lightcoral\:30\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-lightcoral\:35\:st, html.auto .sf-c-lightcoral\:35\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 35%) } - html[data-theme='auto'] .sf-c-lightcoral\:40\:st, html.auto .sf-c-lightcoral\:40\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-lightcoral\:45\:st, html.auto .sf-c-lightcoral\:45\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 45%) } - html[data-theme='auto'] .sf-c-lightcoral\:50\:st, html.auto .sf-c-lightcoral\:50\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-lightcoral\:55\:st, html.auto .sf-c-lightcoral\:55\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 55%) } - html[data-theme='auto'] .sf-c-lightcoral\:60\:st, html.auto .sf-c-lightcoral\:60\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-lightcoral\:65\:st, html.auto .sf-c-lightcoral\:65\:st { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 65%) } - html[data-theme='auto'] .sf-c-lightcoral\:70\:st, html.auto .sf-c-lightcoral\:70\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-lightcoral\:75\:st, html.auto .sf-c-lightcoral\:75\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 75%) } - html[data-theme='auto'] .sf-c-lightcoral\:80\:st, html.auto .sf-c-lightcoral\:80\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-lightcoral\:85\:st, html.auto .sf-c-lightcoral\:85\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 85%) } - html[data-theme='auto'] .sf-c-lightcoral\:90\:st, html.auto .sf-c-lightcoral\:90\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-lightcoral\:95\:st, html.auto .sf-c-lightcoral\:95\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } - html[data-theme='auto'] .sf-c-lightcoral\:100\:st, html.auto .sf-c-lightcoral\:100\:st { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:5, html.auto .sf-c-txt-lightcoral\:5 { color: hsl(0, 79%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:15, html.auto .sf-c-txt-lightcoral\:15 { color: hsl(0, 79%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:25, html.auto .sf-c-txt-lightcoral\:25 { color: hsl(0, 79%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:35, html.auto .sf-c-txt-lightcoral\:35 { color: hsl(0, 79%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:45, html.auto .sf-c-txt-lightcoral\:45 { color: hsl(0, 79%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:55, html.auto .sf-c-txt-lightcoral\:55 { color: hsl(0, 79%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:65, html.auto .sf-c-txt-lightcoral\:65 { color: hsl(0, 79%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:75, html.auto .sf-c-txt-lightcoral\:75 { color: hsl(0, 79%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:85, html.auto .sf-c-txt-lightcoral\:85 { color: hsl(0, 79%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:95, html.auto .sf-c-txt-lightcoral\:95 { color: hsl(0, 79%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightcoral\:st, html.auto .sf-c-txt-lightcoral\:st { color: hsl(0, 79%, 72%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:0\:st, html.auto .sf-c-txt-lightcoral\:0\:st { color: hsl(0, 79%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:5\:st, html.auto .sf-c-txt-lightcoral\:5\:st { color: hsl(0, 79%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:10\:st, html.auto .sf-c-txt-lightcoral\:10\:st { color: hsl(0, 79%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:15\:st, html.auto .sf-c-txt-lightcoral\:15\:st { color: hsl(0, 79%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:20\:st, html.auto .sf-c-txt-lightcoral\:20\:st { color: hsl(0, 79%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:25\:st, html.auto .sf-c-txt-lightcoral\:25\:st { color: hsl(0, 79%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:30\:st, html.auto .sf-c-txt-lightcoral\:30\:st { color: hsl(0, 79%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:35\:st, html.auto .sf-c-txt-lightcoral\:35\:st { color: hsl(0, 79%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:40\:st, html.auto .sf-c-txt-lightcoral\:40\:st { color: hsl(0, 79%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:45\:st, html.auto .sf-c-txt-lightcoral\:45\:st { color: hsl(0, 79%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:50\:st, html.auto .sf-c-txt-lightcoral\:50\:st { color: hsl(0, 79%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:55\:st, html.auto .sf-c-txt-lightcoral\:55\:st { color: hsl(0, 79%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:60\:st, html.auto .sf-c-txt-lightcoral\:60\:st { color: hsl(0, 79%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:65\:st, html.auto .sf-c-txt-lightcoral\:65\:st { color: hsl(0, 79%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:70\:st, html.auto .sf-c-txt-lightcoral\:70\:st { color: hsl(0, 79%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:75\:st, html.auto .sf-c-txt-lightcoral\:75\:st { color: hsl(0, 79%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:80\:st, html.auto .sf-c-txt-lightcoral\:80\:st { color: hsl(0, 79%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:85\:st, html.auto .sf-c-txt-lightcoral\:85\:st { color: hsl(0, 79%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:90\:st, html.auto .sf-c-txt-lightcoral\:90\:st { color: hsl(0, 79%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:95\:st, html.auto .sf-c-txt-lightcoral\:95\:st { color: hsl(0, 79%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightcoral\:100\:st, html.auto .sf-c-txt-lightcoral\:100\:st { color: hsl(0, 79%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightcyan.css b/src/colors/20/lightcyan.css deleted file mode 100644 index c7c86ea..0000000 --- a/src/colors/20/lightcyan.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightcyan { - --sf-c-lightcyan: 180 100% 94%; - --sf-c-lightcyan-0: 180 100% 0%; - --sf-c-lightcyan-5: 180 100% 5%; - --sf-c-lightcyan-10: 180 100% 10%; - --sf-c-lightcyan-15: 180 100% 15%; - --sf-c-lightcyan-20: 180 100% 20%; - --sf-c-lightcyan-25: 180 100% 25%; - --sf-c-lightcyan-30: 180 100% 30%; - --sf-c-lightcyan-35: 180 100% 35%; - --sf-c-lightcyan-40: 180 100% 40%; - --sf-c-lightcyan-45: 180 100% 45%; - --sf-c-lightcyan-50: 180 100% 50%; - --sf-c-lightcyan-55: 180 100% 55%; - --sf-c-lightcyan-60: 180 100% 60%; - --sf-c-lightcyan-65: 180 100% 65%; - --sf-c-lightcyan-70: 180 100% 70%; - --sf-c-lightcyan-75: 180 100% 75%; - --sf-c-lightcyan-80: 180 100% 80%; - --sf-c-lightcyan-85: 180 100% 85%; - --sf-c-lightcyan-90: 180 100% 90%; - --sf-c-lightcyan-95: 180 100% 95%; - --sf-c-lightcyan-100: 180 100% 100%; -} - -.sf-c-lightcyan, .sf-c-lightcyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 94%) } -.sf-c-lightcyan\:0, .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-lightcyan\:5, .sf-c-lightcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-lightcyan\:10, .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-lightcyan\:15, .sf-c-lightcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-lightcyan\:20, .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-lightcyan\:25, .sf-c-lightcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-lightcyan\:30, .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-lightcyan\:35, .sf-c-lightcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-lightcyan\:40, .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-lightcyan\:45, .sf-c-lightcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-lightcyan\:50, .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-lightcyan\:55, .sf-c-lightcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-lightcyan\:60, .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-lightcyan\:65, .sf-c-lightcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-lightcyan\:70, .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-lightcyan\:75, .sf-c-lightcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-lightcyan\:80, .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-lightcyan\:85, .sf-c-lightcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-lightcyan\:90, .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-lightcyan\:95, .sf-c-lightcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-lightcyan\:100, .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-lightcyan { color: hsl(180, 100%, 10%) } -.sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } -.sf-c-txt-lightcyan\:0, .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-lightcyan\:5, .sf-c-txt-lightcyan\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-lightcyan\:10, .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-lightcyan\:15, .sf-c-txt-lightcyan\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-lightcyan\:20, .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-lightcyan\:25, .sf-c-txt-lightcyan\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-lightcyan\:30, .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-lightcyan\:35, .sf-c-txt-lightcyan\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-lightcyan\:40, .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-lightcyan\:45, .sf-c-txt-lightcyan\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-lightcyan\:50, .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-lightcyan\:55, .sf-c-txt-lightcyan\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-lightcyan\:60, .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-lightcyan\:65, .sf-c-txt-lightcyan\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-lightcyan\:70, .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-lightcyan\:75, .sf-c-txt-lightcyan\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-lightcyan\:80, .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-lightcyan\:85, .sf-c-txt-lightcyan\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-lightcyan\:90, .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-lightcyan\:95, .sf-c-txt-lightcyan\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-lightcyan\:100, .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightcyan, html.dark .sf-c-lightcyan { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 6%) } -html[data-theme='dark'] .sf-c-lightcyan\:0, html.dark .sf-c-lightcyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightcyan\:5, html.dark .sf-c-lightcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightcyan\:10, html.dark .sf-c-lightcyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightcyan\:15, html.dark .sf-c-lightcyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightcyan\:20, html.dark .sf-c-lightcyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightcyan\:25, html.dark .sf-c-lightcyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightcyan\:30, html.dark .sf-c-lightcyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightcyan\:35, html.dark .sf-c-lightcyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightcyan\:40, html.dark .sf-c-lightcyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightcyan\:45, html.dark .sf-c-lightcyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightcyan\:50, html.dark .sf-c-lightcyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightcyan\:55, html.dark .sf-c-lightcyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightcyan\:60, html.dark .sf-c-lightcyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightcyan\:65, html.dark .sf-c-lightcyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightcyan\:70, html.dark .sf-c-lightcyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightcyan\:75, html.dark .sf-c-lightcyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightcyan\:80, html.dark .sf-c-lightcyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightcyan\:85, html.dark .sf-c-lightcyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightcyan\:90, html.dark .sf-c-lightcyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightcyan\:95, html.dark .sf-c-lightcyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightcyan\:100, html.dark .sf-c-lightcyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightcyan\:st, html.dark .sf-c-lightcyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-lightcyan\:0\:st, html.dark .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightcyan\:5\:st, html.dark .sf-c-lightcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightcyan\:10\:st, html.dark .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightcyan\:15\:st, html.dark .sf-c-lightcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightcyan\:20\:st, html.dark .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightcyan\:25\:st, html.dark .sf-c-lightcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightcyan\:30\:st, html.dark .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightcyan\:35\:st, html.dark .sf-c-lightcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightcyan\:40\:st, html.dark .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightcyan\:45\:st, html.dark .sf-c-lightcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightcyan\:50\:st, html.dark .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightcyan\:55\:st, html.dark .sf-c-lightcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightcyan\:60\:st, html.dark .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightcyan\:65\:st, html.dark .sf-c-lightcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightcyan\:70\:st, html.dark .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightcyan\:75\:st, html.dark .sf-c-lightcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightcyan\:80\:st, html.dark .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightcyan\:85\:st, html.dark .sf-c-lightcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightcyan\:90\:st, html.dark .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightcyan\:95\:st, html.dark .sf-c-lightcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightcyan\:100\:st, html.dark .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:5, html.dark .sf-c-txt-lightcyan\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:15, html.dark .sf-c-txt-lightcyan\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:25, html.dark .sf-c-txt-lightcyan\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:35, html.dark .sf-c-txt-lightcyan\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:45, html.dark .sf-c-txt-lightcyan\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:55, html.dark .sf-c-txt-lightcyan\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:65, html.dark .sf-c-txt-lightcyan\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:75, html.dark .sf-c-txt-lightcyan\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:85, html.dark .sf-c-txt-lightcyan\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:95, html.dark .sf-c-txt-lightcyan\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightcyan\:st, html.dark .sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:0\:st, html.dark .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:5\:st, html.dark .sf-c-txt-lightcyan\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:10\:st, html.dark .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:15\:st, html.dark .sf-c-txt-lightcyan\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:20\:st, html.dark .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:25\:st, html.dark .sf-c-txt-lightcyan\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:30\:st, html.dark .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:35\:st, html.dark .sf-c-txt-lightcyan\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:40\:st, html.dark .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:45\:st, html.dark .sf-c-txt-lightcyan\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:50\:st, html.dark .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:55\:st, html.dark .sf-c-txt-lightcyan\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:60\:st, html.dark .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:65\:st, html.dark .sf-c-txt-lightcyan\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:70\:st, html.dark .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:75\:st, html.dark .sf-c-txt-lightcyan\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:80\:st, html.dark .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:85\:st, html.dark .sf-c-txt-lightcyan\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:90\:st, html.dark .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:95\:st, html.dark .sf-c-txt-lightcyan\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightcyan\:100\:st, html.dark .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightcyan, html.auto .sf-c-lightcyan { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 6%) } - html[data-theme='auto'] .sf-c-lightcyan\:0, html.auto .sf-c-lightcyan\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightcyan\:5, html.auto .sf-c-lightcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightcyan\:10, html.auto .sf-c-lightcyan\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightcyan\:15, html.auto .sf-c-lightcyan\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightcyan\:20, html.auto .sf-c-lightcyan\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightcyan\:25, html.auto .sf-c-lightcyan\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightcyan\:30, html.auto .sf-c-lightcyan\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightcyan\:35, html.auto .sf-c-lightcyan\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightcyan\:40, html.auto .sf-c-lightcyan\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightcyan\:45, html.auto .sf-c-lightcyan\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightcyan\:50, html.auto .sf-c-lightcyan\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightcyan\:55, html.auto .sf-c-lightcyan\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightcyan\:60, html.auto .sf-c-lightcyan\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightcyan\:65, html.auto .sf-c-lightcyan\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightcyan\:70, html.auto .sf-c-lightcyan\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightcyan\:75, html.auto .sf-c-lightcyan\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightcyan\:80, html.auto .sf-c-lightcyan\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightcyan\:85, html.auto .sf-c-lightcyan\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightcyan\:90, html.auto .sf-c-lightcyan\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightcyan\:95, html.auto .sf-c-lightcyan\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightcyan\:100, html.auto .sf-c-lightcyan\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightcyan\:st, html.auto .sf-c-lightcyan\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-lightcyan\:0\:st, html.auto .sf-c-lightcyan\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightcyan\:5\:st, html.auto .sf-c-lightcyan\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightcyan\:10\:st, html.auto .sf-c-lightcyan\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightcyan\:15\:st, html.auto .sf-c-lightcyan\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightcyan\:20\:st, html.auto .sf-c-lightcyan\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightcyan\:25\:st, html.auto .sf-c-lightcyan\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightcyan\:30\:st, html.auto .sf-c-lightcyan\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightcyan\:35\:st, html.auto .sf-c-lightcyan\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightcyan\:40\:st, html.auto .sf-c-lightcyan\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightcyan\:45\:st, html.auto .sf-c-lightcyan\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightcyan\:50\:st, html.auto .sf-c-lightcyan\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightcyan\:55\:st, html.auto .sf-c-lightcyan\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightcyan\:60\:st, html.auto .sf-c-lightcyan\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightcyan\:65\:st, html.auto .sf-c-lightcyan\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightcyan\:70\:st, html.auto .sf-c-lightcyan\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightcyan\:75\:st, html.auto .sf-c-lightcyan\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightcyan\:80\:st, html.auto .sf-c-lightcyan\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightcyan\:85\:st, html.auto .sf-c-lightcyan\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightcyan\:90\:st, html.auto .sf-c-lightcyan\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightcyan\:95\:st, html.auto .sf-c-lightcyan\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightcyan\:100\:st, html.auto .sf-c-lightcyan\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:5, html.auto .sf-c-txt-lightcyan\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:15, html.auto .sf-c-txt-lightcyan\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:25, html.auto .sf-c-txt-lightcyan\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:35, html.auto .sf-c-txt-lightcyan\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:45, html.auto .sf-c-txt-lightcyan\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:55, html.auto .sf-c-txt-lightcyan\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:65, html.auto .sf-c-txt-lightcyan\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:75, html.auto .sf-c-txt-lightcyan\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:85, html.auto .sf-c-txt-lightcyan\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:95, html.auto .sf-c-txt-lightcyan\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightcyan\:st, html.auto .sf-c-txt-lightcyan\:st { color: hsl(180, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:0\:st, html.auto .sf-c-txt-lightcyan\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:5\:st, html.auto .sf-c-txt-lightcyan\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:10\:st, html.auto .sf-c-txt-lightcyan\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:15\:st, html.auto .sf-c-txt-lightcyan\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:20\:st, html.auto .sf-c-txt-lightcyan\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:25\:st, html.auto .sf-c-txt-lightcyan\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:30\:st, html.auto .sf-c-txt-lightcyan\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:35\:st, html.auto .sf-c-txt-lightcyan\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:40\:st, html.auto .sf-c-txt-lightcyan\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:45\:st, html.auto .sf-c-txt-lightcyan\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:50\:st, html.auto .sf-c-txt-lightcyan\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:55\:st, html.auto .sf-c-txt-lightcyan\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:60\:st, html.auto .sf-c-txt-lightcyan\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:65\:st, html.auto .sf-c-txt-lightcyan\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:70\:st, html.auto .sf-c-txt-lightcyan\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:75\:st, html.auto .sf-c-txt-lightcyan\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:80\:st, html.auto .sf-c-txt-lightcyan\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:85\:st, html.auto .sf-c-txt-lightcyan\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:90\:st, html.auto .sf-c-txt-lightcyan\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:95\:st, html.auto .sf-c-txt-lightcyan\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightcyan\:100\:st, html.auto .sf-c-txt-lightcyan\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightgoldenrodyellow.css b/src/colors/20/lightgoldenrodyellow.css deleted file mode 100644 index 797285c..0000000 --- a/src/colors/20/lightgoldenrodyellow.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightgoldenrodyellow { - --sf-c-lightgoldenrodyellow: 60 80% 90%; - --sf-c-lightgoldenrodyellow-0: 60 80% 0%; - --sf-c-lightgoldenrodyellow-5: 60 80% 5%; - --sf-c-lightgoldenrodyellow-10: 60 80% 10%; - --sf-c-lightgoldenrodyellow-15: 60 80% 15%; - --sf-c-lightgoldenrodyellow-20: 60 80% 20%; - --sf-c-lightgoldenrodyellow-25: 60 80% 25%; - --sf-c-lightgoldenrodyellow-30: 60 80% 30%; - --sf-c-lightgoldenrodyellow-35: 60 80% 35%; - --sf-c-lightgoldenrodyellow-40: 60 80% 40%; - --sf-c-lightgoldenrodyellow-45: 60 80% 45%; - --sf-c-lightgoldenrodyellow-50: 60 80% 50%; - --sf-c-lightgoldenrodyellow-55: 60 80% 55%; - --sf-c-lightgoldenrodyellow-60: 60 80% 60%; - --sf-c-lightgoldenrodyellow-65: 60 80% 65%; - --sf-c-lightgoldenrodyellow-70: 60 80% 70%; - --sf-c-lightgoldenrodyellow-75: 60 80% 75%; - --sf-c-lightgoldenrodyellow-80: 60 80% 80%; - --sf-c-lightgoldenrodyellow-85: 60 80% 85%; - --sf-c-lightgoldenrodyellow-90: 60 80% 90%; - --sf-c-lightgoldenrodyellow-95: 60 80% 95%; - --sf-c-lightgoldenrodyellow-100: 60 80% 100%; -} - -.sf-c-lightgoldenrodyellow, .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } -.sf-c-lightgoldenrodyellow\:0, .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } -.sf-c-lightgoldenrodyellow\:5, .sf-c-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } -.sf-c-lightgoldenrodyellow\:10, .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } -.sf-c-lightgoldenrodyellow\:15, .sf-c-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 15%) } -.sf-c-lightgoldenrodyellow\:20, .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 20%) } -.sf-c-lightgoldenrodyellow\:25, .sf-c-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 25%) } -.sf-c-lightgoldenrodyellow\:30, .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 30%) } -.sf-c-lightgoldenrodyellow\:35, .sf-c-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 35%) } -.sf-c-lightgoldenrodyellow\:40, .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 40%) } -.sf-c-lightgoldenrodyellow\:45, .sf-c-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 45%) } -.sf-c-lightgoldenrodyellow\:50, .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 50%) } -.sf-c-lightgoldenrodyellow\:55, .sf-c-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 55%) } -.sf-c-lightgoldenrodyellow\:60, .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 60%) } -.sf-c-lightgoldenrodyellow\:65, .sf-c-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 65%) } -.sf-c-lightgoldenrodyellow\:70, .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 70%) } -.sf-c-lightgoldenrodyellow\:75, .sf-c-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 75%) } -.sf-c-lightgoldenrodyellow\:80, .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 80%) } -.sf-c-lightgoldenrodyellow\:85, .sf-c-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 85%) } -.sf-c-lightgoldenrodyellow\:90, .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } -.sf-c-lightgoldenrodyellow\:95, .sf-c-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } -.sf-c-lightgoldenrodyellow\:100, .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } - -.sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 10%) } -.sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } -.sf-c-txt-lightgoldenrodyellow\:0, .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } -.sf-c-txt-lightgoldenrodyellow\:5, .sf-c-txt-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 5%) } -.sf-c-txt-lightgoldenrodyellow\:10, .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } -.sf-c-txt-lightgoldenrodyellow\:15, .sf-c-txt-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 15%) } -.sf-c-txt-lightgoldenrodyellow\:20, .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } -.sf-c-txt-lightgoldenrodyellow\:25, .sf-c-txt-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 25%) } -.sf-c-txt-lightgoldenrodyellow\:30, .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } -.sf-c-txt-lightgoldenrodyellow\:35, .sf-c-txt-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 35%) } -.sf-c-txt-lightgoldenrodyellow\:40, .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } -.sf-c-txt-lightgoldenrodyellow\:45, .sf-c-txt-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 45%) } -.sf-c-txt-lightgoldenrodyellow\:50, .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } -.sf-c-txt-lightgoldenrodyellow\:55, .sf-c-txt-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 55%) } -.sf-c-txt-lightgoldenrodyellow\:60, .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } -.sf-c-txt-lightgoldenrodyellow\:65, .sf-c-txt-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 65%) } -.sf-c-txt-lightgoldenrodyellow\:70, .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } -.sf-c-txt-lightgoldenrodyellow\:75, .sf-c-txt-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 75%) } -.sf-c-txt-lightgoldenrodyellow\:80, .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } -.sf-c-txt-lightgoldenrodyellow\:85, .sf-c-txt-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 85%) } -.sf-c-txt-lightgoldenrodyellow\:90, .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } -.sf-c-txt-lightgoldenrodyellow\:95, .sf-c-txt-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 95%) } -.sf-c-txt-lightgoldenrodyellow\:100, .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } - -html[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.dark .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:5, html.dark .sf-c-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10, html.dark .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:15, html.dark .sf-c-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 85%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:20, html.dark .sf-c-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:25, html.dark .sf-c-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 75%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:30, html.dark .sf-c-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:35, html.dark .sf-c-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 65%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:40, html.dark .sf-c-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:45, html.dark .sf-c-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 55%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:50, html.dark .sf-c-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:55, html.dark .sf-c-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 45%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:60, html.dark .sf-c-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:65, html.dark .sf-c-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 35%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:70, html.dark .sf-c-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:75, html.dark .sf-c-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 25%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80, html.dark .sf-c-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:85, html.dark .sf-c-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 15%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90, html.dark .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:95, html.dark .sf-c-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100, html.dark .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } - -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:st, html.dark .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0\:st, html.dark .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:5\:st, html.dark .sf-c-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10\:st, html.dark .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:15\:st, html.dark .sf-c-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 15%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:20\:st, html.dark .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:25\:st, html.dark .sf-c-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 25%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:30\:st, html.dark .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:35\:st, html.dark .sf-c-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 35%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:40\:st, html.dark .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:45\:st, html.dark .sf-c-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 45%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:50\:st, html.dark .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:55\:st, html.dark .sf-c-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 55%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:60\:st, html.dark .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:65\:st, html.dark .sf-c-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 65%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:70\:st, html.dark .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:75\:st, html.dark .sf-c-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 75%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80\:st, html.dark .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:85\:st, html.dark .sf-c-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 85%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:st, html.dark .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:95\:st, html.dark .sf-c-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } -html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:st, html.dark .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5, html.dark .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15, html.dark .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25, html.dark .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35, html.dark .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45, html.dark .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55, html.dark .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65, html.dark .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75, html.dark .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85, html.dark .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95, html.dark .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:st, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.auto .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:5, html.auto .sf-c-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:10, html.auto .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:15, html.auto .sf-c-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 85%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:20, html.auto .sf-c-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:25, html.auto .sf-c-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 75%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:30, html.auto .sf-c-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:35, html.auto .sf-c-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 65%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:40, html.auto .sf-c-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:45, html.auto .sf-c-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 55%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:50, html.auto .sf-c-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:55, html.auto .sf-c-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 45%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:60, html.auto .sf-c-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:65, html.auto .sf-c-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 35%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:70, html.auto .sf-c-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:75, html.auto .sf-c-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 25%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:80, html.auto .sf-c-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:85, html.auto .sf-c-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 15%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90, html.auto .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:95, html.auto .sf-c-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100, html.auto .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } - - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:st, html.auto .sf-c-lightgoldenrodyellow\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0\:st, html.auto .sf-c-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:5\:st, html.auto .sf-c-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:10\:st, html.auto .sf-c-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:15\:st, html.auto .sf-c-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 15%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:20\:st, html.auto .sf-c-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:25\:st, html.auto .sf-c-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 25%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:30\:st, html.auto .sf-c-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:35\:st, html.auto .sf-c-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 35%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:40\:st, html.auto .sf-c-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:45\:st, html.auto .sf-c-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 45%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:50\:st, html.auto .sf-c-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:55\:st, html.auto .sf-c-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 55%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:60\:st, html.auto .sf-c-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:65\:st, html.auto .sf-c-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 65%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:70\:st, html.auto .sf-c-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:75\:st, html.auto .sf-c-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 75%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:80\:st, html.auto .sf-c-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:85\:st, html.auto .sf-c-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 85%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90\:st, html.auto .sf-c-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:95\:st, html.auto .sf-c-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } - html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:st, html.auto .sf-c-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5, html.auto .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15, html.auto .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25, html.auto .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35, html.auto .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45, html.auto .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55, html.auto .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65, html.auto .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75, html.auto .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85, html.auto .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95, html.auto .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:st { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:st { color: hsl(60, 80%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:5\:st { color: hsl(60, 80%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:st { color: hsl(60, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:15\:st { color: hsl(60, 80%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:st { color: hsl(60, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:25\:st { color: hsl(60, 80%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:st { color: hsl(60, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:35\:st { color: hsl(60, 80%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:st { color: hsl(60, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:45\:st { color: hsl(60, 80%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:st { color: hsl(60, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:55\:st { color: hsl(60, 80%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:st { color: hsl(60, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:65\:st { color: hsl(60, 80%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:st { color: hsl(60, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:75\:st { color: hsl(60, 80%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:st { color: hsl(60, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:85\:st { color: hsl(60, 80%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:st { color: hsl(60, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:95\:st { color: hsl(60, 80%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:st, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:st { color: hsl(60, 80%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightgray.css b/src/colors/20/lightgray.css deleted file mode 100644 index 8268364..0000000 --- a/src/colors/20/lightgray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightgray { - --sf-c-lightgray: 0 0% 83%; - --sf-c-lightgray-0: 0 0% 0%; - --sf-c-lightgray-5: 0 0% 5%; - --sf-c-lightgray-10: 0 0% 10%; - --sf-c-lightgray-15: 0 0% 15%; - --sf-c-lightgray-20: 0 0% 20%; - --sf-c-lightgray-25: 0 0% 25%; - --sf-c-lightgray-30: 0 0% 30%; - --sf-c-lightgray-35: 0 0% 35%; - --sf-c-lightgray-40: 0 0% 40%; - --sf-c-lightgray-45: 0 0% 45%; - --sf-c-lightgray-50: 0 0% 50%; - --sf-c-lightgray-55: 0 0% 55%; - --sf-c-lightgray-60: 0 0% 60%; - --sf-c-lightgray-65: 0 0% 65%; - --sf-c-lightgray-70: 0 0% 70%; - --sf-c-lightgray-75: 0 0% 75%; - --sf-c-lightgray-80: 0 0% 80%; - --sf-c-lightgray-85: 0 0% 85%; - --sf-c-lightgray-90: 0 0% 90%; - --sf-c-lightgray-95: 0 0% 95%; - --sf-c-lightgray-100: 0 0% 100%; -} - -.sf-c-lightgray, .sf-c-lightgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } -.sf-c-lightgray\:0, .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-lightgray\:5, .sf-c-lightgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-lightgray\:10, .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-lightgray\:15, .sf-c-lightgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-lightgray\:20, .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-lightgray\:25, .sf-c-lightgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-lightgray\:30, .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-lightgray\:35, .sf-c-lightgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-lightgray\:40, .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-lightgray\:45, .sf-c-lightgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-lightgray\:50, .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-lightgray\:55, .sf-c-lightgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-lightgray\:60, .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-lightgray\:65, .sf-c-lightgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-lightgray\:70, .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-lightgray\:75, .sf-c-lightgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-lightgray\:80, .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-lightgray\:85, .sf-c-lightgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-lightgray\:90, .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-lightgray\:95, .sf-c-lightgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-lightgray\:100, .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-lightgray { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } -.sf-c-txt-lightgray\:0, .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-lightgray\:5, .sf-c-txt-lightgray\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-lightgray\:10, .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgray\:15, .sf-c-txt-lightgray\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-lightgray\:20, .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-lightgray\:25, .sf-c-txt-lightgray\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-lightgray\:30, .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-lightgray\:35, .sf-c-txt-lightgray\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-lightgray\:40, .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-lightgray\:45, .sf-c-txt-lightgray\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-lightgray\:50, .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-lightgray\:55, .sf-c-txt-lightgray\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-lightgray\:60, .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-lightgray\:65, .sf-c-txt-lightgray\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-lightgray\:70, .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-lightgray\:75, .sf-c-txt-lightgray\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-lightgray\:80, .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-lightgray\:85, .sf-c-txt-lightgray\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-lightgray\:90, .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-lightgray\:95, .sf-c-txt-lightgray\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-lightgray\:100, .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-lightgray, html.dark .sf-c-lightgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } -html[data-theme='dark'] .sf-c-lightgray\:0, html.dark .sf-c-lightgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-lightgray\:5, html.dark .sf-c-lightgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-lightgray\:10, html.dark .sf-c-lightgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgray\:15, html.dark .sf-c-lightgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-lightgray\:20, html.dark .sf-c-lightgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgray\:25, html.dark .sf-c-lightgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-lightgray\:30, html.dark .sf-c-lightgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgray\:35, html.dark .sf-c-lightgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-lightgray\:40, html.dark .sf-c-lightgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgray\:45, html.dark .sf-c-lightgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-lightgray\:50, html.dark .sf-c-lightgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgray\:55, html.dark .sf-c-lightgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-lightgray\:60, html.dark .sf-c-lightgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgray\:65, html.dark .sf-c-lightgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-lightgray\:70, html.dark .sf-c-lightgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgray\:75, html.dark .sf-c-lightgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-lightgray\:80, html.dark .sf-c-lightgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgray\:85, html.dark .sf-c-lightgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-lightgray\:90, html.dark .sf-c-lightgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgray\:95, html.dark .sf-c-lightgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-lightgray\:100, html.dark .sf-c-lightgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-lightgray\:st, html.dark .sf-c-lightgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-lightgray\:0\:st, html.dark .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-lightgray\:5\:st, html.dark .sf-c-lightgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-lightgray\:10\:st, html.dark .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgray\:15\:st, html.dark .sf-c-lightgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-lightgray\:20\:st, html.dark .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgray\:25\:st, html.dark .sf-c-lightgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-lightgray\:30\:st, html.dark .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgray\:35\:st, html.dark .sf-c-lightgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-lightgray\:40\:st, html.dark .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgray\:45\:st, html.dark .sf-c-lightgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-lightgray\:50\:st, html.dark .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgray\:55\:st, html.dark .sf-c-lightgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-lightgray\:60\:st, html.dark .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgray\:65\:st, html.dark .sf-c-lightgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-lightgray\:70\:st, html.dark .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgray\:75\:st, html.dark .sf-c-lightgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-lightgray\:80\:st, html.dark .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgray\:85\:st, html.dark .sf-c-lightgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-lightgray\:90\:st, html.dark .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgray\:95\:st, html.dark .sf-c-lightgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-lightgray\:100\:st, html.dark .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:5, html.dark .sf-c-txt-lightgray\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:15, html.dark .sf-c-txt-lightgray\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:25, html.dark .sf-c-txt-lightgray\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:35, html.dark .sf-c-txt-lightgray\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:45, html.dark .sf-c-txt-lightgray\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:55, html.dark .sf-c-txt-lightgray\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:65, html.dark .sf-c-txt-lightgray\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:75, html.dark .sf-c-txt-lightgray\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:85, html.dark .sf-c-txt-lightgray\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:95, html.dark .sf-c-txt-lightgray\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgray\:st, html.dark .sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:0\:st, html.dark .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:5\:st, html.dark .sf-c-txt-lightgray\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:10\:st, html.dark .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:15\:st, html.dark .sf-c-txt-lightgray\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:20\:st, html.dark .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:25\:st, html.dark .sf-c-txt-lightgray\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:30\:st, html.dark .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:35\:st, html.dark .sf-c-txt-lightgray\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:40\:st, html.dark .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:45\:st, html.dark .sf-c-txt-lightgray\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:50\:st, html.dark .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:55\:st, html.dark .sf-c-txt-lightgray\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:60\:st, html.dark .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:65\:st, html.dark .sf-c-txt-lightgray\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:70\:st, html.dark .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:75\:st, html.dark .sf-c-txt-lightgray\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:80\:st, html.dark .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:85\:st, html.dark .sf-c-txt-lightgray\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:90\:st, html.dark .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:95\:st, html.dark .sf-c-txt-lightgray\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgray\:100\:st, html.dark .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgray, html.auto .sf-c-lightgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } - html[data-theme='auto'] .sf-c-lightgray\:0, html.auto .sf-c-lightgray\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-lightgray\:5, html.auto .sf-c-lightgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-lightgray\:10, html.auto .sf-c-lightgray\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgray\:15, html.auto .sf-c-lightgray\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-lightgray\:20, html.auto .sf-c-lightgray\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgray\:25, html.auto .sf-c-lightgray\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-lightgray\:30, html.auto .sf-c-lightgray\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgray\:35, html.auto .sf-c-lightgray\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-lightgray\:40, html.auto .sf-c-lightgray\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgray\:45, html.auto .sf-c-lightgray\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-lightgray\:50, html.auto .sf-c-lightgray\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgray\:55, html.auto .sf-c-lightgray\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-lightgray\:60, html.auto .sf-c-lightgray\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgray\:65, html.auto .sf-c-lightgray\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-lightgray\:70, html.auto .sf-c-lightgray\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgray\:75, html.auto .sf-c-lightgray\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-lightgray\:80, html.auto .sf-c-lightgray\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgray\:85, html.auto .sf-c-lightgray\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-lightgray\:90, html.auto .sf-c-lightgray\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgray\:95, html.auto .sf-c-lightgray\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-lightgray\:100, html.auto .sf-c-lightgray\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-lightgray\:st, html.auto .sf-c-lightgray\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-lightgray\:0\:st, html.auto .sf-c-lightgray\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-lightgray\:5\:st, html.auto .sf-c-lightgray\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-lightgray\:10\:st, html.auto .sf-c-lightgray\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgray\:15\:st, html.auto .sf-c-lightgray\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-lightgray\:20\:st, html.auto .sf-c-lightgray\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgray\:25\:st, html.auto .sf-c-lightgray\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-lightgray\:30\:st, html.auto .sf-c-lightgray\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgray\:35\:st, html.auto .sf-c-lightgray\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-lightgray\:40\:st, html.auto .sf-c-lightgray\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgray\:45\:st, html.auto .sf-c-lightgray\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-lightgray\:50\:st, html.auto .sf-c-lightgray\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgray\:55\:st, html.auto .sf-c-lightgray\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-lightgray\:60\:st, html.auto .sf-c-lightgray\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgray\:65\:st, html.auto .sf-c-lightgray\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-lightgray\:70\:st, html.auto .sf-c-lightgray\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgray\:75\:st, html.auto .sf-c-lightgray\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-lightgray\:80\:st, html.auto .sf-c-lightgray\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgray\:85\:st, html.auto .sf-c-lightgray\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-lightgray\:90\:st, html.auto .sf-c-lightgray\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgray\:95\:st, html.auto .sf-c-lightgray\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-lightgray\:100\:st, html.auto .sf-c-lightgray\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:5, html.auto .sf-c-txt-lightgray\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:15, html.auto .sf-c-txt-lightgray\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:25, html.auto .sf-c-txt-lightgray\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:35, html.auto .sf-c-txt-lightgray\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:45, html.auto .sf-c-txt-lightgray\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:55, html.auto .sf-c-txt-lightgray\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:65, html.auto .sf-c-txt-lightgray\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:75, html.auto .sf-c-txt-lightgray\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:85, html.auto .sf-c-txt-lightgray\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:95, html.auto .sf-c-txt-lightgray\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgray\:st, html.auto .sf-c-txt-lightgray\:st { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:0\:st, html.auto .sf-c-txt-lightgray\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:5\:st, html.auto .sf-c-txt-lightgray\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:10\:st, html.auto .sf-c-txt-lightgray\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:15\:st, html.auto .sf-c-txt-lightgray\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:20\:st, html.auto .sf-c-txt-lightgray\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:25\:st, html.auto .sf-c-txt-lightgray\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:30\:st, html.auto .sf-c-txt-lightgray\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:35\:st, html.auto .sf-c-txt-lightgray\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:40\:st, html.auto .sf-c-txt-lightgray\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:45\:st, html.auto .sf-c-txt-lightgray\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:50\:st, html.auto .sf-c-txt-lightgray\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:55\:st, html.auto .sf-c-txt-lightgray\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:60\:st, html.auto .sf-c-txt-lightgray\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:65\:st, html.auto .sf-c-txt-lightgray\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:70\:st, html.auto .sf-c-txt-lightgray\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:75\:st, html.auto .sf-c-txt-lightgray\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:80\:st, html.auto .sf-c-txt-lightgray\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:85\:st, html.auto .sf-c-txt-lightgray\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:90\:st, html.auto .sf-c-txt-lightgray\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:95\:st, html.auto .sf-c-txt-lightgray\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgray\:100\:st, html.auto .sf-c-txt-lightgray\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightgreen.css b/src/colors/20/lightgreen.css deleted file mode 100644 index 680753c..0000000 --- a/src/colors/20/lightgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightgreen { - --sf-c-lightgreen: 120 73% 75%; - --sf-c-lightgreen-0: 120 73% 0%; - --sf-c-lightgreen-5: 120 73% 5%; - --sf-c-lightgreen-10: 120 73% 10%; - --sf-c-lightgreen-15: 120 73% 15%; - --sf-c-lightgreen-20: 120 73% 20%; - --sf-c-lightgreen-25: 120 73% 25%; - --sf-c-lightgreen-30: 120 73% 30%; - --sf-c-lightgreen-35: 120 73% 35%; - --sf-c-lightgreen-40: 120 73% 40%; - --sf-c-lightgreen-45: 120 73% 45%; - --sf-c-lightgreen-50: 120 73% 50%; - --sf-c-lightgreen-55: 120 73% 55%; - --sf-c-lightgreen-60: 120 73% 60%; - --sf-c-lightgreen-65: 120 73% 65%; - --sf-c-lightgreen-70: 120 73% 70%; - --sf-c-lightgreen-75: 120 73% 75%; - --sf-c-lightgreen-80: 120 73% 80%; - --sf-c-lightgreen-85: 120 73% 85%; - --sf-c-lightgreen-90: 120 73% 90%; - --sf-c-lightgreen-95: 120 73% 95%; - --sf-c-lightgreen-100: 120 73% 100%; -} - -.sf-c-lightgreen, .sf-c-lightgreen\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } -.sf-c-lightgreen\:0, .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } -.sf-c-lightgreen\:5, .sf-c-lightgreen\:5\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } -.sf-c-lightgreen\:10, .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } -.sf-c-lightgreen\:15, .sf-c-lightgreen\:15\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 15%) } -.sf-c-lightgreen\:20, .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 20%) } -.sf-c-lightgreen\:25, .sf-c-lightgreen\:25\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } -.sf-c-lightgreen\:30, .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 30%) } -.sf-c-lightgreen\:35, .sf-c-lightgreen\:35\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 35%) } -.sf-c-lightgreen\:40, .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 40%) } -.sf-c-lightgreen\:45, .sf-c-lightgreen\:45\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 45%) } -.sf-c-lightgreen\:50, .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 50%) } -.sf-c-lightgreen\:55, .sf-c-lightgreen\:55\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 55%) } -.sf-c-lightgreen\:60, .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 60%) } -.sf-c-lightgreen\:65, .sf-c-lightgreen\:65\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 65%) } -.sf-c-lightgreen\:70, .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 70%) } -.sf-c-lightgreen\:75, .sf-c-lightgreen\:75\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } -.sf-c-lightgreen\:80, .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 80%) } -.sf-c-lightgreen\:85, .sf-c-lightgreen\:85\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 85%) } -.sf-c-lightgreen\:90, .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 90%) } -.sf-c-lightgreen\:95, .sf-c-lightgreen\:95\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } -.sf-c-lightgreen\:100, .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } - -.sf-c-txt-lightgreen { color: hsl(120, 73%, 10%) } -.sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } -.sf-c-txt-lightgreen\:0, .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } -.sf-c-txt-lightgreen\:5, .sf-c-txt-lightgreen\:5\:st { color: hsl(120, 73%, 5%) } -.sf-c-txt-lightgreen\:10, .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } -.sf-c-txt-lightgreen\:15, .sf-c-txt-lightgreen\:15\:st { color: hsl(120, 73%, 15%) } -.sf-c-txt-lightgreen\:20, .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } -.sf-c-txt-lightgreen\:25, .sf-c-txt-lightgreen\:25\:st { color: hsl(120, 73%, 25%) } -.sf-c-txt-lightgreen\:30, .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } -.sf-c-txt-lightgreen\:35, .sf-c-txt-lightgreen\:35\:st { color: hsl(120, 73%, 35%) } -.sf-c-txt-lightgreen\:40, .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } -.sf-c-txt-lightgreen\:45, .sf-c-txt-lightgreen\:45\:st { color: hsl(120, 73%, 45%) } -.sf-c-txt-lightgreen\:50, .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } -.sf-c-txt-lightgreen\:55, .sf-c-txt-lightgreen\:55\:st { color: hsl(120, 73%, 55%) } -.sf-c-txt-lightgreen\:60, .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } -.sf-c-txt-lightgreen\:65, .sf-c-txt-lightgreen\:65\:st { color: hsl(120, 73%, 65%) } -.sf-c-txt-lightgreen\:70, .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } -.sf-c-txt-lightgreen\:75, .sf-c-txt-lightgreen\:75\:st { color: hsl(120, 73%, 75%) } -.sf-c-txt-lightgreen\:80, .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } -.sf-c-txt-lightgreen\:85, .sf-c-txt-lightgreen\:85\:st { color: hsl(120, 73%, 85%) } -.sf-c-txt-lightgreen\:90, .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } -.sf-c-txt-lightgreen\:95, .sf-c-txt-lightgreen\:95\:st { color: hsl(120, 73%, 95%) } -.sf-c-txt-lightgreen\:100, .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } - -html[data-theme='dark'] .sf-c-lightgreen, html.dark .sf-c-lightgreen { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-lightgreen\:0, html.dark .sf-c-lightgreen\:0 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } -html[data-theme='dark'] .sf-c-lightgreen\:5, html.dark .sf-c-lightgreen\:5 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } -html[data-theme='dark'] .sf-c-lightgreen\:10, html.dark .sf-c-lightgreen\:10 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-lightgreen\:15, html.dark .sf-c-lightgreen\:15 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 85%) } -html[data-theme='dark'] .sf-c-lightgreen\:20, html.dark .sf-c-lightgreen\:20 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-lightgreen\:25, html.dark .sf-c-lightgreen\:25 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-lightgreen\:30, html.dark .sf-c-lightgreen\:30 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-lightgreen\:35, html.dark .sf-c-lightgreen\:35 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 65%) } -html[data-theme='dark'] .sf-c-lightgreen\:40, html.dark .sf-c-lightgreen\:40 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-lightgreen\:45, html.dark .sf-c-lightgreen\:45 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 55%) } -html[data-theme='dark'] .sf-c-lightgreen\:50, html.dark .sf-c-lightgreen\:50 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-lightgreen\:55, html.dark .sf-c-lightgreen\:55 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 45%) } -html[data-theme='dark'] .sf-c-lightgreen\:60, html.dark .sf-c-lightgreen\:60 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-lightgreen\:65, html.dark .sf-c-lightgreen\:65 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 35%) } -html[data-theme='dark'] .sf-c-lightgreen\:70, html.dark .sf-c-lightgreen\:70 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-lightgreen\:75, html.dark .sf-c-lightgreen\:75 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-lightgreen\:80, html.dark .sf-c-lightgreen\:80 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-lightgreen\:85, html.dark .sf-c-lightgreen\:85 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 15%) } -html[data-theme='dark'] .sf-c-lightgreen\:90, html.dark .sf-c-lightgreen\:90 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-lightgreen\:95, html.dark .sf-c-lightgreen\:95 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } -html[data-theme='dark'] .sf-c-lightgreen\:100, html.dark .sf-c-lightgreen\:100 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } - -html[data-theme='dark'] .sf-c-lightgreen\:st, html.dark .sf-c-lightgreen\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-lightgreen\:0\:st, html.dark .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } -html[data-theme='dark'] .sf-c-lightgreen\:5\:st, html.dark .sf-c-lightgreen\:5\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } -html[data-theme='dark'] .sf-c-lightgreen\:10\:st, html.dark .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-lightgreen\:15\:st, html.dark .sf-c-lightgreen\:15\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 15%) } -html[data-theme='dark'] .sf-c-lightgreen\:20\:st, html.dark .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-lightgreen\:25\:st, html.dark .sf-c-lightgreen\:25\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-lightgreen\:30\:st, html.dark .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-lightgreen\:35\:st, html.dark .sf-c-lightgreen\:35\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 35%) } -html[data-theme='dark'] .sf-c-lightgreen\:40\:st, html.dark .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-lightgreen\:45\:st, html.dark .sf-c-lightgreen\:45\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 45%) } -html[data-theme='dark'] .sf-c-lightgreen\:50\:st, html.dark .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-lightgreen\:55\:st, html.dark .sf-c-lightgreen\:55\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 55%) } -html[data-theme='dark'] .sf-c-lightgreen\:60\:st, html.dark .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-lightgreen\:65\:st, html.dark .sf-c-lightgreen\:65\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 65%) } -html[data-theme='dark'] .sf-c-lightgreen\:70\:st, html.dark .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-lightgreen\:75\:st, html.dark .sf-c-lightgreen\:75\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-lightgreen\:80\:st, html.dark .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-lightgreen\:85\:st, html.dark .sf-c-lightgreen\:85\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 85%) } -html[data-theme='dark'] .sf-c-lightgreen\:90\:st, html.dark .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-lightgreen\:95\:st, html.dark .sf-c-lightgreen\:95\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } -html[data-theme='dark'] .sf-c-lightgreen\:100\:st, html.dark .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:5, html.dark .sf-c-txt-lightgreen\:5 { color: hsl(120, 73%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:15, html.dark .sf-c-txt-lightgreen\:15 { color: hsl(120, 73%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:25, html.dark .sf-c-txt-lightgreen\:25 { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:35, html.dark .sf-c-txt-lightgreen\:35 { color: hsl(120, 73%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:45, html.dark .sf-c-txt-lightgreen\:45 { color: hsl(120, 73%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:55, html.dark .sf-c-txt-lightgreen\:55 { color: hsl(120, 73%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:65, html.dark .sf-c-txt-lightgreen\:65 { color: hsl(120, 73%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:75, html.dark .sf-c-txt-lightgreen\:75 { color: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:85, html.dark .sf-c-txt-lightgreen\:85 { color: hsl(120, 73%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:95, html.dark .sf-c-txt-lightgreen\:95 { color: hsl(120, 73%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgreen\:st, html.dark .sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:0\:st, html.dark .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:5\:st, html.dark .sf-c-txt-lightgreen\:5\:st { color: hsl(120, 73%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:10\:st, html.dark .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:15\:st, html.dark .sf-c-txt-lightgreen\:15\:st { color: hsl(120, 73%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:20\:st, html.dark .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:25\:st, html.dark .sf-c-txt-lightgreen\:25\:st { color: hsl(120, 73%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:30\:st, html.dark .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:35\:st, html.dark .sf-c-txt-lightgreen\:35\:st { color: hsl(120, 73%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:40\:st, html.dark .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:45\:st, html.dark .sf-c-txt-lightgreen\:45\:st { color: hsl(120, 73%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:50\:st, html.dark .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:55\:st, html.dark .sf-c-txt-lightgreen\:55\:st { color: hsl(120, 73%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:60\:st, html.dark .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:65\:st, html.dark .sf-c-txt-lightgreen\:65\:st { color: hsl(120, 73%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:70\:st, html.dark .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:75\:st, html.dark .sf-c-txt-lightgreen\:75\:st { color: hsl(120, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:80\:st, html.dark .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:85\:st, html.dark .sf-c-txt-lightgreen\:85\:st { color: hsl(120, 73%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:90\:st, html.dark .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:95\:st, html.dark .sf-c-txt-lightgreen\:95\:st { color: hsl(120, 73%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgreen\:100\:st, html.dark .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgreen, html.auto .sf-c-lightgreen { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-lightgreen\:0, html.auto .sf-c-lightgreen\:0 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } - html[data-theme='auto'] .sf-c-lightgreen\:5, html.auto .sf-c-lightgreen\:5 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } - html[data-theme='auto'] .sf-c-lightgreen\:10, html.auto .sf-c-lightgreen\:10 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-lightgreen\:15, html.auto .sf-c-lightgreen\:15 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 85%) } - html[data-theme='auto'] .sf-c-lightgreen\:20, html.auto .sf-c-lightgreen\:20 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-lightgreen\:25, html.auto .sf-c-lightgreen\:25 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-lightgreen\:30, html.auto .sf-c-lightgreen\:30 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-lightgreen\:35, html.auto .sf-c-lightgreen\:35 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 65%) } - html[data-theme='auto'] .sf-c-lightgreen\:40, html.auto .sf-c-lightgreen\:40 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-lightgreen\:45, html.auto .sf-c-lightgreen\:45 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 55%) } - html[data-theme='auto'] .sf-c-lightgreen\:50, html.auto .sf-c-lightgreen\:50 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-lightgreen\:55, html.auto .sf-c-lightgreen\:55 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 45%) } - html[data-theme='auto'] .sf-c-lightgreen\:60, html.auto .sf-c-lightgreen\:60 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-lightgreen\:65, html.auto .sf-c-lightgreen\:65 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 35%) } - html[data-theme='auto'] .sf-c-lightgreen\:70, html.auto .sf-c-lightgreen\:70 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-lightgreen\:75, html.auto .sf-c-lightgreen\:75 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-lightgreen\:80, html.auto .sf-c-lightgreen\:80 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-lightgreen\:85, html.auto .sf-c-lightgreen\:85 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 15%) } - html[data-theme='auto'] .sf-c-lightgreen\:90, html.auto .sf-c-lightgreen\:90 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-lightgreen\:95, html.auto .sf-c-lightgreen\:95 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } - html[data-theme='auto'] .sf-c-lightgreen\:100, html.auto .sf-c-lightgreen\:100 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } - - html[data-theme='auto'] .sf-c-lightgreen\:st, html.auto .sf-c-lightgreen\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-lightgreen\:0\:st, html.auto .sf-c-lightgreen\:0\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } - html[data-theme='auto'] .sf-c-lightgreen\:5\:st, html.auto .sf-c-lightgreen\:5\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } - html[data-theme='auto'] .sf-c-lightgreen\:10\:st, html.auto .sf-c-lightgreen\:10\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-lightgreen\:15\:st, html.auto .sf-c-lightgreen\:15\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 15%) } - html[data-theme='auto'] .sf-c-lightgreen\:20\:st, html.auto .sf-c-lightgreen\:20\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-lightgreen\:25\:st, html.auto .sf-c-lightgreen\:25\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-lightgreen\:30\:st, html.auto .sf-c-lightgreen\:30\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-lightgreen\:35\:st, html.auto .sf-c-lightgreen\:35\:st { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 35%) } - html[data-theme='auto'] .sf-c-lightgreen\:40\:st, html.auto .sf-c-lightgreen\:40\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-lightgreen\:45\:st, html.auto .sf-c-lightgreen\:45\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 45%) } - html[data-theme='auto'] .sf-c-lightgreen\:50\:st, html.auto .sf-c-lightgreen\:50\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-lightgreen\:55\:st, html.auto .sf-c-lightgreen\:55\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 55%) } - html[data-theme='auto'] .sf-c-lightgreen\:60\:st, html.auto .sf-c-lightgreen\:60\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-lightgreen\:65\:st, html.auto .sf-c-lightgreen\:65\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 65%) } - html[data-theme='auto'] .sf-c-lightgreen\:70\:st, html.auto .sf-c-lightgreen\:70\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-lightgreen\:75\:st, html.auto .sf-c-lightgreen\:75\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-lightgreen\:80\:st, html.auto .sf-c-lightgreen\:80\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-lightgreen\:85\:st, html.auto .sf-c-lightgreen\:85\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 85%) } - html[data-theme='auto'] .sf-c-lightgreen\:90\:st, html.auto .sf-c-lightgreen\:90\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-lightgreen\:95\:st, html.auto .sf-c-lightgreen\:95\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } - html[data-theme='auto'] .sf-c-lightgreen\:100\:st, html.auto .sf-c-lightgreen\:100\:st { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:5, html.auto .sf-c-txt-lightgreen\:5 { color: hsl(120, 73%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:15, html.auto .sf-c-txt-lightgreen\:15 { color: hsl(120, 73%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:25, html.auto .sf-c-txt-lightgreen\:25 { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:35, html.auto .sf-c-txt-lightgreen\:35 { color: hsl(120, 73%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:45, html.auto .sf-c-txt-lightgreen\:45 { color: hsl(120, 73%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:55, html.auto .sf-c-txt-lightgreen\:55 { color: hsl(120, 73%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:65, html.auto .sf-c-txt-lightgreen\:65 { color: hsl(120, 73%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:75, html.auto .sf-c-txt-lightgreen\:75 { color: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:85, html.auto .sf-c-txt-lightgreen\:85 { color: hsl(120, 73%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:95, html.auto .sf-c-txt-lightgreen\:95 { color: hsl(120, 73%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgreen\:st, html.auto .sf-c-txt-lightgreen\:st { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:0\:st, html.auto .sf-c-txt-lightgreen\:0\:st { color: hsl(120, 73%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:5\:st, html.auto .sf-c-txt-lightgreen\:5\:st { color: hsl(120, 73%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:10\:st, html.auto .sf-c-txt-lightgreen\:10\:st { color: hsl(120, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:15\:st, html.auto .sf-c-txt-lightgreen\:15\:st { color: hsl(120, 73%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:20\:st, html.auto .sf-c-txt-lightgreen\:20\:st { color: hsl(120, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:25\:st, html.auto .sf-c-txt-lightgreen\:25\:st { color: hsl(120, 73%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:30\:st, html.auto .sf-c-txt-lightgreen\:30\:st { color: hsl(120, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:35\:st, html.auto .sf-c-txt-lightgreen\:35\:st { color: hsl(120, 73%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:40\:st, html.auto .sf-c-txt-lightgreen\:40\:st { color: hsl(120, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:45\:st, html.auto .sf-c-txt-lightgreen\:45\:st { color: hsl(120, 73%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:50\:st, html.auto .sf-c-txt-lightgreen\:50\:st { color: hsl(120, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:55\:st, html.auto .sf-c-txt-lightgreen\:55\:st { color: hsl(120, 73%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:60\:st, html.auto .sf-c-txt-lightgreen\:60\:st { color: hsl(120, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:65\:st, html.auto .sf-c-txt-lightgreen\:65\:st { color: hsl(120, 73%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:70\:st, html.auto .sf-c-txt-lightgreen\:70\:st { color: hsl(120, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:75\:st, html.auto .sf-c-txt-lightgreen\:75\:st { color: hsl(120, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:80\:st, html.auto .sf-c-txt-lightgreen\:80\:st { color: hsl(120, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:85\:st, html.auto .sf-c-txt-lightgreen\:85\:st { color: hsl(120, 73%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:90\:st, html.auto .sf-c-txt-lightgreen\:90\:st { color: hsl(120, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:95\:st, html.auto .sf-c-txt-lightgreen\:95\:st { color: hsl(120, 73%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgreen\:100\:st, html.auto .sf-c-txt-lightgreen\:100\:st { color: hsl(120, 73%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightgrey.css b/src/colors/20/lightgrey.css deleted file mode 100644 index 25f7768..0000000 --- a/src/colors/20/lightgrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightgrey { - --sf-c-lightgrey: 0 0% 83%; - --sf-c-lightgrey-0: 0 0% 0%; - --sf-c-lightgrey-5: 0 0% 5%; - --sf-c-lightgrey-10: 0 0% 10%; - --sf-c-lightgrey-15: 0 0% 15%; - --sf-c-lightgrey-20: 0 0% 20%; - --sf-c-lightgrey-25: 0 0% 25%; - --sf-c-lightgrey-30: 0 0% 30%; - --sf-c-lightgrey-35: 0 0% 35%; - --sf-c-lightgrey-40: 0 0% 40%; - --sf-c-lightgrey-45: 0 0% 45%; - --sf-c-lightgrey-50: 0 0% 50%; - --sf-c-lightgrey-55: 0 0% 55%; - --sf-c-lightgrey-60: 0 0% 60%; - --sf-c-lightgrey-65: 0 0% 65%; - --sf-c-lightgrey-70: 0 0% 70%; - --sf-c-lightgrey-75: 0 0% 75%; - --sf-c-lightgrey-80: 0 0% 80%; - --sf-c-lightgrey-85: 0 0% 85%; - --sf-c-lightgrey-90: 0 0% 90%; - --sf-c-lightgrey-95: 0 0% 95%; - --sf-c-lightgrey-100: 0 0% 100%; -} - -.sf-c-lightgrey, .sf-c-lightgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } -.sf-c-lightgrey\:0, .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-lightgrey\:5, .sf-c-lightgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-lightgrey\:10, .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-lightgrey\:15, .sf-c-lightgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-lightgrey\:20, .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-lightgrey\:25, .sf-c-lightgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-lightgrey\:30, .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-lightgrey\:35, .sf-c-lightgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-lightgrey\:40, .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-lightgrey\:45, .sf-c-lightgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-lightgrey\:50, .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-lightgrey\:55, .sf-c-lightgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-lightgrey\:60, .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-lightgrey\:65, .sf-c-lightgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-lightgrey\:70, .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-lightgrey\:75, .sf-c-lightgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-lightgrey\:80, .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-lightgrey\:85, .sf-c-lightgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-lightgrey\:90, .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-lightgrey\:95, .sf-c-lightgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-lightgrey\:100, .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-lightgrey { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } -.sf-c-txt-lightgrey\:0, .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-lightgrey\:5, .sf-c-txt-lightgrey\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-lightgrey\:10, .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-lightgrey\:15, .sf-c-txt-lightgrey\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-lightgrey\:20, .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-lightgrey\:25, .sf-c-txt-lightgrey\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-lightgrey\:30, .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-lightgrey\:35, .sf-c-txt-lightgrey\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-lightgrey\:40, .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-lightgrey\:45, .sf-c-txt-lightgrey\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-lightgrey\:50, .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-lightgrey\:55, .sf-c-txt-lightgrey\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-lightgrey\:60, .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-lightgrey\:65, .sf-c-txt-lightgrey\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-lightgrey\:70, .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-lightgrey\:75, .sf-c-txt-lightgrey\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-lightgrey\:80, .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-lightgrey\:85, .sf-c-txt-lightgrey\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-lightgrey\:90, .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-lightgrey\:95, .sf-c-txt-lightgrey\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-lightgrey\:100, .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-lightgrey, html.dark .sf-c-lightgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } -html[data-theme='dark'] .sf-c-lightgrey\:0, html.dark .sf-c-lightgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-lightgrey\:5, html.dark .sf-c-lightgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-lightgrey\:10, html.dark .sf-c-lightgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgrey\:15, html.dark .sf-c-lightgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-lightgrey\:20, html.dark .sf-c-lightgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgrey\:25, html.dark .sf-c-lightgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-lightgrey\:30, html.dark .sf-c-lightgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgrey\:35, html.dark .sf-c-lightgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-lightgrey\:40, html.dark .sf-c-lightgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgrey\:45, html.dark .sf-c-lightgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-lightgrey\:50, html.dark .sf-c-lightgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgrey\:55, html.dark .sf-c-lightgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-lightgrey\:60, html.dark .sf-c-lightgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgrey\:65, html.dark .sf-c-lightgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-lightgrey\:70, html.dark .sf-c-lightgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgrey\:75, html.dark .sf-c-lightgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-lightgrey\:80, html.dark .sf-c-lightgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgrey\:85, html.dark .sf-c-lightgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-lightgrey\:90, html.dark .sf-c-lightgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgrey\:95, html.dark .sf-c-lightgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-lightgrey\:100, html.dark .sf-c-lightgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-lightgrey\:st, html.dark .sf-c-lightgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-lightgrey\:0\:st, html.dark .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-lightgrey\:5\:st, html.dark .sf-c-lightgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-lightgrey\:10\:st, html.dark .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-lightgrey\:15\:st, html.dark .sf-c-lightgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-lightgrey\:20\:st, html.dark .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-lightgrey\:25\:st, html.dark .sf-c-lightgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-lightgrey\:30\:st, html.dark .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-lightgrey\:35\:st, html.dark .sf-c-lightgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-lightgrey\:40\:st, html.dark .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-lightgrey\:45\:st, html.dark .sf-c-lightgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-lightgrey\:50\:st, html.dark .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-lightgrey\:55\:st, html.dark .sf-c-lightgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-lightgrey\:60\:st, html.dark .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-lightgrey\:65\:st, html.dark .sf-c-lightgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-lightgrey\:70\:st, html.dark .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-lightgrey\:75\:st, html.dark .sf-c-lightgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-lightgrey\:80\:st, html.dark .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-lightgrey\:85\:st, html.dark .sf-c-lightgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-lightgrey\:90\:st, html.dark .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-lightgrey\:95\:st, html.dark .sf-c-lightgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-lightgrey\:100\:st, html.dark .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:5, html.dark .sf-c-txt-lightgrey\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:15, html.dark .sf-c-txt-lightgrey\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:25, html.dark .sf-c-txt-lightgrey\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:35, html.dark .sf-c-txt-lightgrey\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:45, html.dark .sf-c-txt-lightgrey\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:55, html.dark .sf-c-txt-lightgrey\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:65, html.dark .sf-c-txt-lightgrey\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:75, html.dark .sf-c-txt-lightgrey\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:85, html.dark .sf-c-txt-lightgrey\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:95, html.dark .sf-c-txt-lightgrey\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightgrey\:st, html.dark .sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:0\:st, html.dark .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:5\:st, html.dark .sf-c-txt-lightgrey\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:10\:st, html.dark .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:15\:st, html.dark .sf-c-txt-lightgrey\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:20\:st, html.dark .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:25\:st, html.dark .sf-c-txt-lightgrey\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:30\:st, html.dark .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:35\:st, html.dark .sf-c-txt-lightgrey\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:40\:st, html.dark .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:45\:st, html.dark .sf-c-txt-lightgrey\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:50\:st, html.dark .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:55\:st, html.dark .sf-c-txt-lightgrey\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:60\:st, html.dark .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:65\:st, html.dark .sf-c-txt-lightgrey\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:70\:st, html.dark .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:75\:st, html.dark .sf-c-txt-lightgrey\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:80\:st, html.dark .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:85\:st, html.dark .sf-c-txt-lightgrey\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:90\:st, html.dark .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:95\:st, html.dark .sf-c-txt-lightgrey\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightgrey\:100\:st, html.dark .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightgrey, html.auto .sf-c-lightgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } - html[data-theme='auto'] .sf-c-lightgrey\:0, html.auto .sf-c-lightgrey\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-lightgrey\:5, html.auto .sf-c-lightgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-lightgrey\:10, html.auto .sf-c-lightgrey\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgrey\:15, html.auto .sf-c-lightgrey\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-lightgrey\:20, html.auto .sf-c-lightgrey\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgrey\:25, html.auto .sf-c-lightgrey\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-lightgrey\:30, html.auto .sf-c-lightgrey\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgrey\:35, html.auto .sf-c-lightgrey\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-lightgrey\:40, html.auto .sf-c-lightgrey\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgrey\:45, html.auto .sf-c-lightgrey\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-lightgrey\:50, html.auto .sf-c-lightgrey\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgrey\:55, html.auto .sf-c-lightgrey\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-lightgrey\:60, html.auto .sf-c-lightgrey\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgrey\:65, html.auto .sf-c-lightgrey\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-lightgrey\:70, html.auto .sf-c-lightgrey\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgrey\:75, html.auto .sf-c-lightgrey\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-lightgrey\:80, html.auto .sf-c-lightgrey\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgrey\:85, html.auto .sf-c-lightgrey\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-lightgrey\:90, html.auto .sf-c-lightgrey\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgrey\:95, html.auto .sf-c-lightgrey\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-lightgrey\:100, html.auto .sf-c-lightgrey\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-lightgrey\:st, html.auto .sf-c-lightgrey\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-lightgrey\:0\:st, html.auto .sf-c-lightgrey\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-lightgrey\:5\:st, html.auto .sf-c-lightgrey\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-lightgrey\:10\:st, html.auto .sf-c-lightgrey\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-lightgrey\:15\:st, html.auto .sf-c-lightgrey\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-lightgrey\:20\:st, html.auto .sf-c-lightgrey\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-lightgrey\:25\:st, html.auto .sf-c-lightgrey\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-lightgrey\:30\:st, html.auto .sf-c-lightgrey\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-lightgrey\:35\:st, html.auto .sf-c-lightgrey\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-lightgrey\:40\:st, html.auto .sf-c-lightgrey\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-lightgrey\:45\:st, html.auto .sf-c-lightgrey\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-lightgrey\:50\:st, html.auto .sf-c-lightgrey\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-lightgrey\:55\:st, html.auto .sf-c-lightgrey\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-lightgrey\:60\:st, html.auto .sf-c-lightgrey\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-lightgrey\:65\:st, html.auto .sf-c-lightgrey\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-lightgrey\:70\:st, html.auto .sf-c-lightgrey\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-lightgrey\:75\:st, html.auto .sf-c-lightgrey\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-lightgrey\:80\:st, html.auto .sf-c-lightgrey\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-lightgrey\:85\:st, html.auto .sf-c-lightgrey\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-lightgrey\:90\:st, html.auto .sf-c-lightgrey\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-lightgrey\:95\:st, html.auto .sf-c-lightgrey\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-lightgrey\:100\:st, html.auto .sf-c-lightgrey\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:5, html.auto .sf-c-txt-lightgrey\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:15, html.auto .sf-c-txt-lightgrey\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:25, html.auto .sf-c-txt-lightgrey\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:35, html.auto .sf-c-txt-lightgrey\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:45, html.auto .sf-c-txt-lightgrey\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:55, html.auto .sf-c-txt-lightgrey\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:65, html.auto .sf-c-txt-lightgrey\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:75, html.auto .sf-c-txt-lightgrey\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:85, html.auto .sf-c-txt-lightgrey\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:95, html.auto .sf-c-txt-lightgrey\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightgrey\:st, html.auto .sf-c-txt-lightgrey\:st { color: hsl(0, 0%, 83%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:0\:st, html.auto .sf-c-txt-lightgrey\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:5\:st, html.auto .sf-c-txt-lightgrey\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:10\:st, html.auto .sf-c-txt-lightgrey\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:15\:st, html.auto .sf-c-txt-lightgrey\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:20\:st, html.auto .sf-c-txt-lightgrey\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:25\:st, html.auto .sf-c-txt-lightgrey\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:30\:st, html.auto .sf-c-txt-lightgrey\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:35\:st, html.auto .sf-c-txt-lightgrey\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:40\:st, html.auto .sf-c-txt-lightgrey\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:45\:st, html.auto .sf-c-txt-lightgrey\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:50\:st, html.auto .sf-c-txt-lightgrey\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:55\:st, html.auto .sf-c-txt-lightgrey\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:60\:st, html.auto .sf-c-txt-lightgrey\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:65\:st, html.auto .sf-c-txt-lightgrey\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:70\:st, html.auto .sf-c-txt-lightgrey\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:75\:st, html.auto .sf-c-txt-lightgrey\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:80\:st, html.auto .sf-c-txt-lightgrey\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:85\:st, html.auto .sf-c-txt-lightgrey\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:90\:st, html.auto .sf-c-txt-lightgrey\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:95\:st, html.auto .sf-c-txt-lightgrey\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightgrey\:100\:st, html.auto .sf-c-txt-lightgrey\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightpink.css b/src/colors/20/lightpink.css deleted file mode 100644 index b73b618..0000000 --- a/src/colors/20/lightpink.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightpink { - --sf-c-lightpink: 351 100% 86%; - --sf-c-lightpink-0: 351 100% 0%; - --sf-c-lightpink-5: 351 100% 5%; - --sf-c-lightpink-10: 351 100% 10%; - --sf-c-lightpink-15: 351 100% 15%; - --sf-c-lightpink-20: 351 100% 20%; - --sf-c-lightpink-25: 351 100% 25%; - --sf-c-lightpink-30: 351 100% 30%; - --sf-c-lightpink-35: 351 100% 35%; - --sf-c-lightpink-40: 351 100% 40%; - --sf-c-lightpink-45: 351 100% 45%; - --sf-c-lightpink-50: 351 100% 50%; - --sf-c-lightpink-55: 351 100% 55%; - --sf-c-lightpink-60: 351 100% 60%; - --sf-c-lightpink-65: 351 100% 65%; - --sf-c-lightpink-70: 351 100% 70%; - --sf-c-lightpink-75: 351 100% 75%; - --sf-c-lightpink-80: 351 100% 80%; - --sf-c-lightpink-85: 351 100% 85%; - --sf-c-lightpink-90: 351 100% 90%; - --sf-c-lightpink-95: 351 100% 95%; - --sf-c-lightpink-100: 351 100% 100%; -} - -.sf-c-lightpink, .sf-c-lightpink\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 86%) } -.sf-c-lightpink\:0, .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } -.sf-c-lightpink\:5, .sf-c-lightpink\:5\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } -.sf-c-lightpink\:10, .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } -.sf-c-lightpink\:15, .sf-c-lightpink\:15\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 15%) } -.sf-c-lightpink\:20, .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 20%) } -.sf-c-lightpink\:25, .sf-c-lightpink\:25\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 25%) } -.sf-c-lightpink\:30, .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 30%) } -.sf-c-lightpink\:35, .sf-c-lightpink\:35\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 35%) } -.sf-c-lightpink\:40, .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 40%) } -.sf-c-lightpink\:45, .sf-c-lightpink\:45\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 45%) } -.sf-c-lightpink\:50, .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 50%) } -.sf-c-lightpink\:55, .sf-c-lightpink\:55\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 55%) } -.sf-c-lightpink\:60, .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 60%) } -.sf-c-lightpink\:65, .sf-c-lightpink\:65\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 65%) } -.sf-c-lightpink\:70, .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 70%) } -.sf-c-lightpink\:75, .sf-c-lightpink\:75\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 75%) } -.sf-c-lightpink\:80, .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 80%) } -.sf-c-lightpink\:85, .sf-c-lightpink\:85\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 85%) } -.sf-c-lightpink\:90, .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 90%) } -.sf-c-lightpink\:95, .sf-c-lightpink\:95\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } -.sf-c-lightpink\:100, .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } - -.sf-c-txt-lightpink { color: hsl(351, 100%, 10%) } -.sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } -.sf-c-txt-lightpink\:0, .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } -.sf-c-txt-lightpink\:5, .sf-c-txt-lightpink\:5\:st { color: hsl(351, 100%, 5%) } -.sf-c-txt-lightpink\:10, .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } -.sf-c-txt-lightpink\:15, .sf-c-txt-lightpink\:15\:st { color: hsl(351, 100%, 15%) } -.sf-c-txt-lightpink\:20, .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } -.sf-c-txt-lightpink\:25, .sf-c-txt-lightpink\:25\:st { color: hsl(351, 100%, 25%) } -.sf-c-txt-lightpink\:30, .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } -.sf-c-txt-lightpink\:35, .sf-c-txt-lightpink\:35\:st { color: hsl(351, 100%, 35%) } -.sf-c-txt-lightpink\:40, .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } -.sf-c-txt-lightpink\:45, .sf-c-txt-lightpink\:45\:st { color: hsl(351, 100%, 45%) } -.sf-c-txt-lightpink\:50, .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } -.sf-c-txt-lightpink\:55, .sf-c-txt-lightpink\:55\:st { color: hsl(351, 100%, 55%) } -.sf-c-txt-lightpink\:60, .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } -.sf-c-txt-lightpink\:65, .sf-c-txt-lightpink\:65\:st { color: hsl(351, 100%, 65%) } -.sf-c-txt-lightpink\:70, .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } -.sf-c-txt-lightpink\:75, .sf-c-txt-lightpink\:75\:st { color: hsl(351, 100%, 75%) } -.sf-c-txt-lightpink\:80, .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } -.sf-c-txt-lightpink\:85, .sf-c-txt-lightpink\:85\:st { color: hsl(351, 100%, 85%) } -.sf-c-txt-lightpink\:90, .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } -.sf-c-txt-lightpink\:95, .sf-c-txt-lightpink\:95\:st { color: hsl(351, 100%, 95%) } -.sf-c-txt-lightpink\:100, .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightpink, html.dark .sf-c-lightpink { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 14%) } -html[data-theme='dark'] .sf-c-lightpink\:0, html.dark .sf-c-lightpink\:0 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightpink\:5, html.dark .sf-c-lightpink\:5 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightpink\:10, html.dark .sf-c-lightpink\:10 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightpink\:15, html.dark .sf-c-lightpink\:15 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightpink\:20, html.dark .sf-c-lightpink\:20 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightpink\:25, html.dark .sf-c-lightpink\:25 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightpink\:30, html.dark .sf-c-lightpink\:30 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightpink\:35, html.dark .sf-c-lightpink\:35 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightpink\:40, html.dark .sf-c-lightpink\:40 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightpink\:45, html.dark .sf-c-lightpink\:45 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightpink\:50, html.dark .sf-c-lightpink\:50 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightpink\:55, html.dark .sf-c-lightpink\:55 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightpink\:60, html.dark .sf-c-lightpink\:60 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightpink\:65, html.dark .sf-c-lightpink\:65 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightpink\:70, html.dark .sf-c-lightpink\:70 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightpink\:75, html.dark .sf-c-lightpink\:75 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightpink\:80, html.dark .sf-c-lightpink\:80 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightpink\:85, html.dark .sf-c-lightpink\:85 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightpink\:90, html.dark .sf-c-lightpink\:90 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightpink\:95, html.dark .sf-c-lightpink\:95 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightpink\:100, html.dark .sf-c-lightpink\:100 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightpink\:st, html.dark .sf-c-lightpink\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-lightpink\:0\:st, html.dark .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightpink\:5\:st, html.dark .sf-c-lightpink\:5\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightpink\:10\:st, html.dark .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightpink\:15\:st, html.dark .sf-c-lightpink\:15\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightpink\:20\:st, html.dark .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightpink\:25\:st, html.dark .sf-c-lightpink\:25\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightpink\:30\:st, html.dark .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightpink\:35\:st, html.dark .sf-c-lightpink\:35\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightpink\:40\:st, html.dark .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightpink\:45\:st, html.dark .sf-c-lightpink\:45\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightpink\:50\:st, html.dark .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightpink\:55\:st, html.dark .sf-c-lightpink\:55\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightpink\:60\:st, html.dark .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightpink\:65\:st, html.dark .sf-c-lightpink\:65\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightpink\:70\:st, html.dark .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightpink\:75\:st, html.dark .sf-c-lightpink\:75\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightpink\:80\:st, html.dark .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightpink\:85\:st, html.dark .sf-c-lightpink\:85\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightpink\:90\:st, html.dark .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightpink\:95\:st, html.dark .sf-c-lightpink\:95\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightpink\:100\:st, html.dark .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:5, html.dark .sf-c-txt-lightpink\:5 { color: hsl(351, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:15, html.dark .sf-c-txt-lightpink\:15 { color: hsl(351, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:25, html.dark .sf-c-txt-lightpink\:25 { color: hsl(351, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:35, html.dark .sf-c-txt-lightpink\:35 { color: hsl(351, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:45, html.dark .sf-c-txt-lightpink\:45 { color: hsl(351, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:55, html.dark .sf-c-txt-lightpink\:55 { color: hsl(351, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:65, html.dark .sf-c-txt-lightpink\:65 { color: hsl(351, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:75, html.dark .sf-c-txt-lightpink\:75 { color: hsl(351, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:85, html.dark .sf-c-txt-lightpink\:85 { color: hsl(351, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:95, html.dark .sf-c-txt-lightpink\:95 { color: hsl(351, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightpink\:st, html.dark .sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:0\:st, html.dark .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:5\:st, html.dark .sf-c-txt-lightpink\:5\:st { color: hsl(351, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:10\:st, html.dark .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:15\:st, html.dark .sf-c-txt-lightpink\:15\:st { color: hsl(351, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:20\:st, html.dark .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:25\:st, html.dark .sf-c-txt-lightpink\:25\:st { color: hsl(351, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:30\:st, html.dark .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:35\:st, html.dark .sf-c-txt-lightpink\:35\:st { color: hsl(351, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:40\:st, html.dark .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:45\:st, html.dark .sf-c-txt-lightpink\:45\:st { color: hsl(351, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:50\:st, html.dark .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:55\:st, html.dark .sf-c-txt-lightpink\:55\:st { color: hsl(351, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:60\:st, html.dark .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:65\:st, html.dark .sf-c-txt-lightpink\:65\:st { color: hsl(351, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:70\:st, html.dark .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:75\:st, html.dark .sf-c-txt-lightpink\:75\:st { color: hsl(351, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:80\:st, html.dark .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:85\:st, html.dark .sf-c-txt-lightpink\:85\:st { color: hsl(351, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:90\:st, html.dark .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:95\:st, html.dark .sf-c-txt-lightpink\:95\:st { color: hsl(351, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightpink\:100\:st, html.dark .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightpink, html.auto .sf-c-lightpink { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 14%) } - html[data-theme='auto'] .sf-c-lightpink\:0, html.auto .sf-c-lightpink\:0 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightpink\:5, html.auto .sf-c-lightpink\:5 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightpink\:10, html.auto .sf-c-lightpink\:10 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightpink\:15, html.auto .sf-c-lightpink\:15 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightpink\:20, html.auto .sf-c-lightpink\:20 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightpink\:25, html.auto .sf-c-lightpink\:25 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightpink\:30, html.auto .sf-c-lightpink\:30 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightpink\:35, html.auto .sf-c-lightpink\:35 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightpink\:40, html.auto .sf-c-lightpink\:40 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightpink\:45, html.auto .sf-c-lightpink\:45 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightpink\:50, html.auto .sf-c-lightpink\:50 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightpink\:55, html.auto .sf-c-lightpink\:55 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightpink\:60, html.auto .sf-c-lightpink\:60 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightpink\:65, html.auto .sf-c-lightpink\:65 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightpink\:70, html.auto .sf-c-lightpink\:70 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightpink\:75, html.auto .sf-c-lightpink\:75 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightpink\:80, html.auto .sf-c-lightpink\:80 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightpink\:85, html.auto .sf-c-lightpink\:85 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightpink\:90, html.auto .sf-c-lightpink\:90 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightpink\:95, html.auto .sf-c-lightpink\:95 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightpink\:100, html.auto .sf-c-lightpink\:100 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightpink\:st, html.auto .sf-c-lightpink\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-lightpink\:0\:st, html.auto .sf-c-lightpink\:0\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightpink\:5\:st, html.auto .sf-c-lightpink\:5\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightpink\:10\:st, html.auto .sf-c-lightpink\:10\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightpink\:15\:st, html.auto .sf-c-lightpink\:15\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightpink\:20\:st, html.auto .sf-c-lightpink\:20\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightpink\:25\:st, html.auto .sf-c-lightpink\:25\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightpink\:30\:st, html.auto .sf-c-lightpink\:30\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightpink\:35\:st, html.auto .sf-c-lightpink\:35\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightpink\:40\:st, html.auto .sf-c-lightpink\:40\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightpink\:45\:st, html.auto .sf-c-lightpink\:45\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightpink\:50\:st, html.auto .sf-c-lightpink\:50\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightpink\:55\:st, html.auto .sf-c-lightpink\:55\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightpink\:60\:st, html.auto .sf-c-lightpink\:60\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightpink\:65\:st, html.auto .sf-c-lightpink\:65\:st { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightpink\:70\:st, html.auto .sf-c-lightpink\:70\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightpink\:75\:st, html.auto .sf-c-lightpink\:75\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightpink\:80\:st, html.auto .sf-c-lightpink\:80\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightpink\:85\:st, html.auto .sf-c-lightpink\:85\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightpink\:90\:st, html.auto .sf-c-lightpink\:90\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightpink\:95\:st, html.auto .sf-c-lightpink\:95\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightpink\:100\:st, html.auto .sf-c-lightpink\:100\:st { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:5, html.auto .sf-c-txt-lightpink\:5 { color: hsl(351, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:15, html.auto .sf-c-txt-lightpink\:15 { color: hsl(351, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:25, html.auto .sf-c-txt-lightpink\:25 { color: hsl(351, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:35, html.auto .sf-c-txt-lightpink\:35 { color: hsl(351, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:45, html.auto .sf-c-txt-lightpink\:45 { color: hsl(351, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:55, html.auto .sf-c-txt-lightpink\:55 { color: hsl(351, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:65, html.auto .sf-c-txt-lightpink\:65 { color: hsl(351, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:75, html.auto .sf-c-txt-lightpink\:75 { color: hsl(351, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:85, html.auto .sf-c-txt-lightpink\:85 { color: hsl(351, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:95, html.auto .sf-c-txt-lightpink\:95 { color: hsl(351, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightpink\:st, html.auto .sf-c-txt-lightpink\:st { color: hsl(351, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:0\:st, html.auto .sf-c-txt-lightpink\:0\:st { color: hsl(351, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:5\:st, html.auto .sf-c-txt-lightpink\:5\:st { color: hsl(351, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:10\:st, html.auto .sf-c-txt-lightpink\:10\:st { color: hsl(351, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:15\:st, html.auto .sf-c-txt-lightpink\:15\:st { color: hsl(351, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:20\:st, html.auto .sf-c-txt-lightpink\:20\:st { color: hsl(351, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:25\:st, html.auto .sf-c-txt-lightpink\:25\:st { color: hsl(351, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:30\:st, html.auto .sf-c-txt-lightpink\:30\:st { color: hsl(351, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:35\:st, html.auto .sf-c-txt-lightpink\:35\:st { color: hsl(351, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:40\:st, html.auto .sf-c-txt-lightpink\:40\:st { color: hsl(351, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:45\:st, html.auto .sf-c-txt-lightpink\:45\:st { color: hsl(351, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:50\:st, html.auto .sf-c-txt-lightpink\:50\:st { color: hsl(351, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:55\:st, html.auto .sf-c-txt-lightpink\:55\:st { color: hsl(351, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:60\:st, html.auto .sf-c-txt-lightpink\:60\:st { color: hsl(351, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:65\:st, html.auto .sf-c-txt-lightpink\:65\:st { color: hsl(351, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:70\:st, html.auto .sf-c-txt-lightpink\:70\:st { color: hsl(351, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:75\:st, html.auto .sf-c-txt-lightpink\:75\:st { color: hsl(351, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:80\:st, html.auto .sf-c-txt-lightpink\:80\:st { color: hsl(351, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:85\:st, html.auto .sf-c-txt-lightpink\:85\:st { color: hsl(351, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:90\:st, html.auto .sf-c-txt-lightpink\:90\:st { color: hsl(351, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:95\:st, html.auto .sf-c-txt-lightpink\:95\:st { color: hsl(351, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightpink\:100\:st, html.auto .sf-c-txt-lightpink\:100\:st { color: hsl(351, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightsalmon.css b/src/colors/20/lightsalmon.css deleted file mode 100644 index a74e430..0000000 --- a/src/colors/20/lightsalmon.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightsalmon { - --sf-c-lightsalmon: 17 100% 74%; - --sf-c-lightsalmon-0: 17 100% 0%; - --sf-c-lightsalmon-5: 17 100% 5%; - --sf-c-lightsalmon-10: 17 100% 10%; - --sf-c-lightsalmon-15: 17 100% 15%; - --sf-c-lightsalmon-20: 17 100% 20%; - --sf-c-lightsalmon-25: 17 100% 25%; - --sf-c-lightsalmon-30: 17 100% 30%; - --sf-c-lightsalmon-35: 17 100% 35%; - --sf-c-lightsalmon-40: 17 100% 40%; - --sf-c-lightsalmon-45: 17 100% 45%; - --sf-c-lightsalmon-50: 17 100% 50%; - --sf-c-lightsalmon-55: 17 100% 55%; - --sf-c-lightsalmon-60: 17 100% 60%; - --sf-c-lightsalmon-65: 17 100% 65%; - --sf-c-lightsalmon-70: 17 100% 70%; - --sf-c-lightsalmon-75: 17 100% 75%; - --sf-c-lightsalmon-80: 17 100% 80%; - --sf-c-lightsalmon-85: 17 100% 85%; - --sf-c-lightsalmon-90: 17 100% 90%; - --sf-c-lightsalmon-95: 17 100% 95%; - --sf-c-lightsalmon-100: 17 100% 100%; -} - -.sf-c-lightsalmon, .sf-c-lightsalmon\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 74%) } -.sf-c-lightsalmon\:0, .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } -.sf-c-lightsalmon\:5, .sf-c-lightsalmon\:5\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } -.sf-c-lightsalmon\:10, .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } -.sf-c-lightsalmon\:15, .sf-c-lightsalmon\:15\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 15%) } -.sf-c-lightsalmon\:20, .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 20%) } -.sf-c-lightsalmon\:25, .sf-c-lightsalmon\:25\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 25%) } -.sf-c-lightsalmon\:30, .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 30%) } -.sf-c-lightsalmon\:35, .sf-c-lightsalmon\:35\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 35%) } -.sf-c-lightsalmon\:40, .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 40%) } -.sf-c-lightsalmon\:45, .sf-c-lightsalmon\:45\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 45%) } -.sf-c-lightsalmon\:50, .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 50%) } -.sf-c-lightsalmon\:55, .sf-c-lightsalmon\:55\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 55%) } -.sf-c-lightsalmon\:60, .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 60%) } -.sf-c-lightsalmon\:65, .sf-c-lightsalmon\:65\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 65%) } -.sf-c-lightsalmon\:70, .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 70%) } -.sf-c-lightsalmon\:75, .sf-c-lightsalmon\:75\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 75%) } -.sf-c-lightsalmon\:80, .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 80%) } -.sf-c-lightsalmon\:85, .sf-c-lightsalmon\:85\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 85%) } -.sf-c-lightsalmon\:90, .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 90%) } -.sf-c-lightsalmon\:95, .sf-c-lightsalmon\:95\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } -.sf-c-lightsalmon\:100, .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } - -.sf-c-txt-lightsalmon { color: hsl(17, 100%, 10%) } -.sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } -.sf-c-txt-lightsalmon\:0, .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } -.sf-c-txt-lightsalmon\:5, .sf-c-txt-lightsalmon\:5\:st { color: hsl(17, 100%, 5%) } -.sf-c-txt-lightsalmon\:10, .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } -.sf-c-txt-lightsalmon\:15, .sf-c-txt-lightsalmon\:15\:st { color: hsl(17, 100%, 15%) } -.sf-c-txt-lightsalmon\:20, .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } -.sf-c-txt-lightsalmon\:25, .sf-c-txt-lightsalmon\:25\:st { color: hsl(17, 100%, 25%) } -.sf-c-txt-lightsalmon\:30, .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } -.sf-c-txt-lightsalmon\:35, .sf-c-txt-lightsalmon\:35\:st { color: hsl(17, 100%, 35%) } -.sf-c-txt-lightsalmon\:40, .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } -.sf-c-txt-lightsalmon\:45, .sf-c-txt-lightsalmon\:45\:st { color: hsl(17, 100%, 45%) } -.sf-c-txt-lightsalmon\:50, .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } -.sf-c-txt-lightsalmon\:55, .sf-c-txt-lightsalmon\:55\:st { color: hsl(17, 100%, 55%) } -.sf-c-txt-lightsalmon\:60, .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } -.sf-c-txt-lightsalmon\:65, .sf-c-txt-lightsalmon\:65\:st { color: hsl(17, 100%, 65%) } -.sf-c-txt-lightsalmon\:70, .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } -.sf-c-txt-lightsalmon\:75, .sf-c-txt-lightsalmon\:75\:st { color: hsl(17, 100%, 75%) } -.sf-c-txt-lightsalmon\:80, .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } -.sf-c-txt-lightsalmon\:85, .sf-c-txt-lightsalmon\:85\:st { color: hsl(17, 100%, 85%) } -.sf-c-txt-lightsalmon\:90, .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } -.sf-c-txt-lightsalmon\:95, .sf-c-txt-lightsalmon\:95\:st { color: hsl(17, 100%, 95%) } -.sf-c-txt-lightsalmon\:100, .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightsalmon, html.dark .sf-c-lightsalmon { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 26%) } -html[data-theme='dark'] .sf-c-lightsalmon\:0, html.dark .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightsalmon\:5, html.dark .sf-c-lightsalmon\:5 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightsalmon\:10, html.dark .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightsalmon\:15, html.dark .sf-c-lightsalmon\:15 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightsalmon\:20, html.dark .sf-c-lightsalmon\:20 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightsalmon\:25, html.dark .sf-c-lightsalmon\:25 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightsalmon\:30, html.dark .sf-c-lightsalmon\:30 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightsalmon\:35, html.dark .sf-c-lightsalmon\:35 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightsalmon\:40, html.dark .sf-c-lightsalmon\:40 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightsalmon\:45, html.dark .sf-c-lightsalmon\:45 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightsalmon\:50, html.dark .sf-c-lightsalmon\:50 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightsalmon\:55, html.dark .sf-c-lightsalmon\:55 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightsalmon\:60, html.dark .sf-c-lightsalmon\:60 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightsalmon\:65, html.dark .sf-c-lightsalmon\:65 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightsalmon\:70, html.dark .sf-c-lightsalmon\:70 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightsalmon\:75, html.dark .sf-c-lightsalmon\:75 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightsalmon\:80, html.dark .sf-c-lightsalmon\:80 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightsalmon\:85, html.dark .sf-c-lightsalmon\:85 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightsalmon\:90, html.dark .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightsalmon\:95, html.dark .sf-c-lightsalmon\:95 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightsalmon\:100, html.dark .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightsalmon\:st, html.dark .sf-c-lightsalmon\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-lightsalmon\:0\:st, html.dark .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightsalmon\:5\:st, html.dark .sf-c-lightsalmon\:5\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightsalmon\:10\:st, html.dark .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightsalmon\:15\:st, html.dark .sf-c-lightsalmon\:15\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightsalmon\:20\:st, html.dark .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightsalmon\:25\:st, html.dark .sf-c-lightsalmon\:25\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightsalmon\:30\:st, html.dark .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightsalmon\:35\:st, html.dark .sf-c-lightsalmon\:35\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightsalmon\:40\:st, html.dark .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightsalmon\:45\:st, html.dark .sf-c-lightsalmon\:45\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightsalmon\:50\:st, html.dark .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightsalmon\:55\:st, html.dark .sf-c-lightsalmon\:55\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightsalmon\:60\:st, html.dark .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightsalmon\:65\:st, html.dark .sf-c-lightsalmon\:65\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightsalmon\:70\:st, html.dark .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightsalmon\:75\:st, html.dark .sf-c-lightsalmon\:75\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightsalmon\:80\:st, html.dark .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightsalmon\:85\:st, html.dark .sf-c-lightsalmon\:85\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightsalmon\:90\:st, html.dark .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightsalmon\:95\:st, html.dark .sf-c-lightsalmon\:95\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightsalmon\:100\:st, html.dark .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:5, html.dark .sf-c-txt-lightsalmon\:5 { color: hsl(17, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:15, html.dark .sf-c-txt-lightsalmon\:15 { color: hsl(17, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:25, html.dark .sf-c-txt-lightsalmon\:25 { color: hsl(17, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:35, html.dark .sf-c-txt-lightsalmon\:35 { color: hsl(17, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:45, html.dark .sf-c-txt-lightsalmon\:45 { color: hsl(17, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:55, html.dark .sf-c-txt-lightsalmon\:55 { color: hsl(17, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:65, html.dark .sf-c-txt-lightsalmon\:65 { color: hsl(17, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:75, html.dark .sf-c-txt-lightsalmon\:75 { color: hsl(17, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:85, html.dark .sf-c-txt-lightsalmon\:85 { color: hsl(17, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:95, html.dark .sf-c-txt-lightsalmon\:95 { color: hsl(17, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightsalmon\:st, html.dark .sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:st, html.dark .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:5\:st, html.dark .sf-c-txt-lightsalmon\:5\:st { color: hsl(17, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:st, html.dark .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:15\:st, html.dark .sf-c-txt-lightsalmon\:15\:st { color: hsl(17, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:st, html.dark .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:25\:st, html.dark .sf-c-txt-lightsalmon\:25\:st { color: hsl(17, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:st, html.dark .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:35\:st, html.dark .sf-c-txt-lightsalmon\:35\:st { color: hsl(17, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:st, html.dark .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:45\:st, html.dark .sf-c-txt-lightsalmon\:45\:st { color: hsl(17, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:st, html.dark .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:55\:st, html.dark .sf-c-txt-lightsalmon\:55\:st { color: hsl(17, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:st, html.dark .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:65\:st, html.dark .sf-c-txt-lightsalmon\:65\:st { color: hsl(17, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:st, html.dark .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:75\:st, html.dark .sf-c-txt-lightsalmon\:75\:st { color: hsl(17, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:st, html.dark .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:85\:st, html.dark .sf-c-txt-lightsalmon\:85\:st { color: hsl(17, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:st, html.dark .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:95\:st, html.dark .sf-c-txt-lightsalmon\:95\:st { color: hsl(17, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:st, html.dark .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightsalmon, html.auto .sf-c-lightsalmon { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 26%) } - html[data-theme='auto'] .sf-c-lightsalmon\:0, html.auto .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightsalmon\:5, html.auto .sf-c-lightsalmon\:5 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightsalmon\:10, html.auto .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightsalmon\:15, html.auto .sf-c-lightsalmon\:15 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightsalmon\:20, html.auto .sf-c-lightsalmon\:20 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightsalmon\:25, html.auto .sf-c-lightsalmon\:25 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightsalmon\:30, html.auto .sf-c-lightsalmon\:30 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightsalmon\:35, html.auto .sf-c-lightsalmon\:35 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightsalmon\:40, html.auto .sf-c-lightsalmon\:40 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightsalmon\:45, html.auto .sf-c-lightsalmon\:45 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightsalmon\:50, html.auto .sf-c-lightsalmon\:50 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightsalmon\:55, html.auto .sf-c-lightsalmon\:55 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightsalmon\:60, html.auto .sf-c-lightsalmon\:60 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightsalmon\:65, html.auto .sf-c-lightsalmon\:65 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightsalmon\:70, html.auto .sf-c-lightsalmon\:70 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightsalmon\:75, html.auto .sf-c-lightsalmon\:75 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightsalmon\:80, html.auto .sf-c-lightsalmon\:80 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightsalmon\:85, html.auto .sf-c-lightsalmon\:85 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightsalmon\:90, html.auto .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightsalmon\:95, html.auto .sf-c-lightsalmon\:95 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightsalmon\:100, html.auto .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightsalmon\:st, html.auto .sf-c-lightsalmon\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-lightsalmon\:0\:st, html.auto .sf-c-lightsalmon\:0\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightsalmon\:5\:st, html.auto .sf-c-lightsalmon\:5\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightsalmon\:10\:st, html.auto .sf-c-lightsalmon\:10\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightsalmon\:15\:st, html.auto .sf-c-lightsalmon\:15\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightsalmon\:20\:st, html.auto .sf-c-lightsalmon\:20\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightsalmon\:25\:st, html.auto .sf-c-lightsalmon\:25\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightsalmon\:30\:st, html.auto .sf-c-lightsalmon\:30\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightsalmon\:35\:st, html.auto .sf-c-lightsalmon\:35\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightsalmon\:40\:st, html.auto .sf-c-lightsalmon\:40\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightsalmon\:45\:st, html.auto .sf-c-lightsalmon\:45\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightsalmon\:50\:st, html.auto .sf-c-lightsalmon\:50\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightsalmon\:55\:st, html.auto .sf-c-lightsalmon\:55\:st { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightsalmon\:60\:st, html.auto .sf-c-lightsalmon\:60\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightsalmon\:65\:st, html.auto .sf-c-lightsalmon\:65\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightsalmon\:70\:st, html.auto .sf-c-lightsalmon\:70\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightsalmon\:75\:st, html.auto .sf-c-lightsalmon\:75\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightsalmon\:80\:st, html.auto .sf-c-lightsalmon\:80\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightsalmon\:85\:st, html.auto .sf-c-lightsalmon\:85\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightsalmon\:90\:st, html.auto .sf-c-lightsalmon\:90\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightsalmon\:95\:st, html.auto .sf-c-lightsalmon\:95\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightsalmon\:100\:st, html.auto .sf-c-lightsalmon\:100\:st { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:5, html.auto .sf-c-txt-lightsalmon\:5 { color: hsl(17, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:15, html.auto .sf-c-txt-lightsalmon\:15 { color: hsl(17, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:25, html.auto .sf-c-txt-lightsalmon\:25 { color: hsl(17, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:35, html.auto .sf-c-txt-lightsalmon\:35 { color: hsl(17, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:45, html.auto .sf-c-txt-lightsalmon\:45 { color: hsl(17, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:55, html.auto .sf-c-txt-lightsalmon\:55 { color: hsl(17, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:65, html.auto .sf-c-txt-lightsalmon\:65 { color: hsl(17, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:75, html.auto .sf-c-txt-lightsalmon\:75 { color: hsl(17, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:85, html.auto .sf-c-txt-lightsalmon\:85 { color: hsl(17, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:95, html.auto .sf-c-txt-lightsalmon\:95 { color: hsl(17, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightsalmon\:st, html.auto .sf-c-txt-lightsalmon\:st { color: hsl(17, 100%, 74%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:st, html.auto .sf-c-txt-lightsalmon\:0\:st { color: hsl(17, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:5\:st, html.auto .sf-c-txt-lightsalmon\:5\:st { color: hsl(17, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:st, html.auto .sf-c-txt-lightsalmon\:10\:st { color: hsl(17, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:15\:st, html.auto .sf-c-txt-lightsalmon\:15\:st { color: hsl(17, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:st, html.auto .sf-c-txt-lightsalmon\:20\:st { color: hsl(17, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:25\:st, html.auto .sf-c-txt-lightsalmon\:25\:st { color: hsl(17, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:st, html.auto .sf-c-txt-lightsalmon\:30\:st { color: hsl(17, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:35\:st, html.auto .sf-c-txt-lightsalmon\:35\:st { color: hsl(17, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:st, html.auto .sf-c-txt-lightsalmon\:40\:st { color: hsl(17, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:45\:st, html.auto .sf-c-txt-lightsalmon\:45\:st { color: hsl(17, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:st, html.auto .sf-c-txt-lightsalmon\:50\:st { color: hsl(17, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:55\:st, html.auto .sf-c-txt-lightsalmon\:55\:st { color: hsl(17, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:st, html.auto .sf-c-txt-lightsalmon\:60\:st { color: hsl(17, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:65\:st, html.auto .sf-c-txt-lightsalmon\:65\:st { color: hsl(17, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:st, html.auto .sf-c-txt-lightsalmon\:70\:st { color: hsl(17, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:75\:st, html.auto .sf-c-txt-lightsalmon\:75\:st { color: hsl(17, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:st, html.auto .sf-c-txt-lightsalmon\:80\:st { color: hsl(17, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:85\:st, html.auto .sf-c-txt-lightsalmon\:85\:st { color: hsl(17, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:st, html.auto .sf-c-txt-lightsalmon\:90\:st { color: hsl(17, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:95\:st, html.auto .sf-c-txt-lightsalmon\:95\:st { color: hsl(17, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:st, html.auto .sf-c-txt-lightsalmon\:100\:st { color: hsl(17, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightseagreen.css b/src/colors/20/lightseagreen.css deleted file mode 100644 index 8312f5c..0000000 --- a/src/colors/20/lightseagreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightseagreen { - --sf-c-lightseagreen: 177 70% 41%; - --sf-c-lightseagreen-0: 177 70% 0%; - --sf-c-lightseagreen-5: 177 70% 5%; - --sf-c-lightseagreen-10: 177 70% 10%; - --sf-c-lightseagreen-15: 177 70% 15%; - --sf-c-lightseagreen-20: 177 70% 20%; - --sf-c-lightseagreen-25: 177 70% 25%; - --sf-c-lightseagreen-30: 177 70% 30%; - --sf-c-lightseagreen-35: 177 70% 35%; - --sf-c-lightseagreen-40: 177 70% 40%; - --sf-c-lightseagreen-45: 177 70% 45%; - --sf-c-lightseagreen-50: 177 70% 50%; - --sf-c-lightseagreen-55: 177 70% 55%; - --sf-c-lightseagreen-60: 177 70% 60%; - --sf-c-lightseagreen-65: 177 70% 65%; - --sf-c-lightseagreen-70: 177 70% 70%; - --sf-c-lightseagreen-75: 177 70% 75%; - --sf-c-lightseagreen-80: 177 70% 80%; - --sf-c-lightseagreen-85: 177 70% 85%; - --sf-c-lightseagreen-90: 177 70% 90%; - --sf-c-lightseagreen-95: 177 70% 95%; - --sf-c-lightseagreen-100: 177 70% 100%; -} - -.sf-c-lightseagreen, .sf-c-lightseagreen\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 41%) } -.sf-c-lightseagreen\:0, .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } -.sf-c-lightseagreen\:5, .sf-c-lightseagreen\:5\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } -.sf-c-lightseagreen\:10, .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } -.sf-c-lightseagreen\:15, .sf-c-lightseagreen\:15\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 15%) } -.sf-c-lightseagreen\:20, .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 20%) } -.sf-c-lightseagreen\:25, .sf-c-lightseagreen\:25\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 25%) } -.sf-c-lightseagreen\:30, .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 30%) } -.sf-c-lightseagreen\:35, .sf-c-lightseagreen\:35\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 35%) } -.sf-c-lightseagreen\:40, .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 40%) } -.sf-c-lightseagreen\:45, .sf-c-lightseagreen\:45\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 45%) } -.sf-c-lightseagreen\:50, .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 50%) } -.sf-c-lightseagreen\:55, .sf-c-lightseagreen\:55\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 55%) } -.sf-c-lightseagreen\:60, .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 60%) } -.sf-c-lightseagreen\:65, .sf-c-lightseagreen\:65\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 65%) } -.sf-c-lightseagreen\:70, .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 70%) } -.sf-c-lightseagreen\:75, .sf-c-lightseagreen\:75\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 75%) } -.sf-c-lightseagreen\:80, .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 80%) } -.sf-c-lightseagreen\:85, .sf-c-lightseagreen\:85\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 85%) } -.sf-c-lightseagreen\:90, .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 90%) } -.sf-c-lightseagreen\:95, .sf-c-lightseagreen\:95\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } -.sf-c-lightseagreen\:100, .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } - -.sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } -.sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } -.sf-c-txt-lightseagreen\:0, .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } -.sf-c-txt-lightseagreen\:5, .sf-c-txt-lightseagreen\:5\:st { color: hsl(177, 70%, 5%) } -.sf-c-txt-lightseagreen\:10, .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } -.sf-c-txt-lightseagreen\:15, .sf-c-txt-lightseagreen\:15\:st { color: hsl(177, 70%, 15%) } -.sf-c-txt-lightseagreen\:20, .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } -.sf-c-txt-lightseagreen\:25, .sf-c-txt-lightseagreen\:25\:st { color: hsl(177, 70%, 25%) } -.sf-c-txt-lightseagreen\:30, .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } -.sf-c-txt-lightseagreen\:35, .sf-c-txt-lightseagreen\:35\:st { color: hsl(177, 70%, 35%) } -.sf-c-txt-lightseagreen\:40, .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } -.sf-c-txt-lightseagreen\:45, .sf-c-txt-lightseagreen\:45\:st { color: hsl(177, 70%, 45%) } -.sf-c-txt-lightseagreen\:50, .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } -.sf-c-txt-lightseagreen\:55, .sf-c-txt-lightseagreen\:55\:st { color: hsl(177, 70%, 55%) } -.sf-c-txt-lightseagreen\:60, .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } -.sf-c-txt-lightseagreen\:65, .sf-c-txt-lightseagreen\:65\:st { color: hsl(177, 70%, 65%) } -.sf-c-txt-lightseagreen\:70, .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } -.sf-c-txt-lightseagreen\:75, .sf-c-txt-lightseagreen\:75\:st { color: hsl(177, 70%, 75%) } -.sf-c-txt-lightseagreen\:80, .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } -.sf-c-txt-lightseagreen\:85, .sf-c-txt-lightseagreen\:85\:st { color: hsl(177, 70%, 85%) } -.sf-c-txt-lightseagreen\:90, .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } -.sf-c-txt-lightseagreen\:95, .sf-c-txt-lightseagreen\:95\:st { color: hsl(177, 70%, 95%) } -.sf-c-txt-lightseagreen\:100, .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } - -html[data-theme='dark'] .sf-c-lightseagreen, html.dark .sf-c-lightseagreen { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 59%) } -html[data-theme='dark'] .sf-c-lightseagreen\:0, html.dark .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } -html[data-theme='dark'] .sf-c-lightseagreen\:5, html.dark .sf-c-lightseagreen\:5 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } -html[data-theme='dark'] .sf-c-lightseagreen\:10, html.dark .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-lightseagreen\:15, html.dark .sf-c-lightseagreen\:15 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 85%) } -html[data-theme='dark'] .sf-c-lightseagreen\:20, html.dark .sf-c-lightseagreen\:20 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-lightseagreen\:25, html.dark .sf-c-lightseagreen\:25 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 75%) } -html[data-theme='dark'] .sf-c-lightseagreen\:30, html.dark .sf-c-lightseagreen\:30 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-lightseagreen\:35, html.dark .sf-c-lightseagreen\:35 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 65%) } -html[data-theme='dark'] .sf-c-lightseagreen\:40, html.dark .sf-c-lightseagreen\:40 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-lightseagreen\:45, html.dark .sf-c-lightseagreen\:45 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 55%) } -html[data-theme='dark'] .sf-c-lightseagreen\:50, html.dark .sf-c-lightseagreen\:50 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-lightseagreen\:55, html.dark .sf-c-lightseagreen\:55 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 45%) } -html[data-theme='dark'] .sf-c-lightseagreen\:60, html.dark .sf-c-lightseagreen\:60 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-lightseagreen\:65, html.dark .sf-c-lightseagreen\:65 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 35%) } -html[data-theme='dark'] .sf-c-lightseagreen\:70, html.dark .sf-c-lightseagreen\:70 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-lightseagreen\:75, html.dark .sf-c-lightseagreen\:75 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 25%) } -html[data-theme='dark'] .sf-c-lightseagreen\:80, html.dark .sf-c-lightseagreen\:80 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-lightseagreen\:85, html.dark .sf-c-lightseagreen\:85 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 15%) } -html[data-theme='dark'] .sf-c-lightseagreen\:90, html.dark .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-lightseagreen\:95, html.dark .sf-c-lightseagreen\:95 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } -html[data-theme='dark'] .sf-c-lightseagreen\:100, html.dark .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } - -html[data-theme='dark'] .sf-c-lightseagreen\:st, html.dark .sf-c-lightseagreen\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 41%) } -html[data-theme='dark'] .sf-c-lightseagreen\:0\:st, html.dark .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } -html[data-theme='dark'] .sf-c-lightseagreen\:5\:st, html.dark .sf-c-lightseagreen\:5\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } -html[data-theme='dark'] .sf-c-lightseagreen\:10\:st, html.dark .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-lightseagreen\:15\:st, html.dark .sf-c-lightseagreen\:15\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 15%) } -html[data-theme='dark'] .sf-c-lightseagreen\:20\:st, html.dark .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-lightseagreen\:25\:st, html.dark .sf-c-lightseagreen\:25\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 25%) } -html[data-theme='dark'] .sf-c-lightseagreen\:30\:st, html.dark .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-lightseagreen\:35\:st, html.dark .sf-c-lightseagreen\:35\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 35%) } -html[data-theme='dark'] .sf-c-lightseagreen\:40\:st, html.dark .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-lightseagreen\:45\:st, html.dark .sf-c-lightseagreen\:45\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 45%) } -html[data-theme='dark'] .sf-c-lightseagreen\:50\:st, html.dark .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-lightseagreen\:55\:st, html.dark .sf-c-lightseagreen\:55\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 55%) } -html[data-theme='dark'] .sf-c-lightseagreen\:60\:st, html.dark .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-lightseagreen\:65\:st, html.dark .sf-c-lightseagreen\:65\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 65%) } -html[data-theme='dark'] .sf-c-lightseagreen\:70\:st, html.dark .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-lightseagreen\:75\:st, html.dark .sf-c-lightseagreen\:75\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 75%) } -html[data-theme='dark'] .sf-c-lightseagreen\:80\:st, html.dark .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-lightseagreen\:85\:st, html.dark .sf-c-lightseagreen\:85\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 85%) } -html[data-theme='dark'] .sf-c-lightseagreen\:90\:st, html.dark .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-lightseagreen\:95\:st, html.dark .sf-c-lightseagreen\:95\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } -html[data-theme='dark'] .sf-c-lightseagreen\:100\:st, html.dark .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:5, html.dark .sf-c-txt-lightseagreen\:5 { color: hsl(177, 70%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:15, html.dark .sf-c-txt-lightseagreen\:15 { color: hsl(177, 70%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:25, html.dark .sf-c-txt-lightseagreen\:25 { color: hsl(177, 70%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:35, html.dark .sf-c-txt-lightseagreen\:35 { color: hsl(177, 70%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:45, html.dark .sf-c-txt-lightseagreen\:45 { color: hsl(177, 70%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:55, html.dark .sf-c-txt-lightseagreen\:55 { color: hsl(177, 70%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:65, html.dark .sf-c-txt-lightseagreen\:65 { color: hsl(177, 70%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:75, html.dark .sf-c-txt-lightseagreen\:75 { color: hsl(177, 70%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:85, html.dark .sf-c-txt-lightseagreen\:85 { color: hsl(177, 70%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:95, html.dark .sf-c-txt-lightseagreen\:95 { color: hsl(177, 70%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightseagreen\:st, html.dark .sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:st, html.dark .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:5\:st, html.dark .sf-c-txt-lightseagreen\:5\:st { color: hsl(177, 70%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:st, html.dark .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:15\:st, html.dark .sf-c-txt-lightseagreen\:15\:st { color: hsl(177, 70%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:st, html.dark .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:25\:st, html.dark .sf-c-txt-lightseagreen\:25\:st { color: hsl(177, 70%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:st, html.dark .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:35\:st, html.dark .sf-c-txt-lightseagreen\:35\:st { color: hsl(177, 70%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:st, html.dark .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:45\:st, html.dark .sf-c-txt-lightseagreen\:45\:st { color: hsl(177, 70%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:st, html.dark .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:55\:st, html.dark .sf-c-txt-lightseagreen\:55\:st { color: hsl(177, 70%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:st, html.dark .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:65\:st, html.dark .sf-c-txt-lightseagreen\:65\:st { color: hsl(177, 70%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:st, html.dark .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:75\:st, html.dark .sf-c-txt-lightseagreen\:75\:st { color: hsl(177, 70%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:st, html.dark .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:85\:st, html.dark .sf-c-txt-lightseagreen\:85\:st { color: hsl(177, 70%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:st, html.dark .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:95\:st, html.dark .sf-c-txt-lightseagreen\:95\:st { color: hsl(177, 70%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:st, html.dark .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightseagreen, html.auto .sf-c-lightseagreen { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 59%) } - html[data-theme='auto'] .sf-c-lightseagreen\:0, html.auto .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } - html[data-theme='auto'] .sf-c-lightseagreen\:5, html.auto .sf-c-lightseagreen\:5 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } - html[data-theme='auto'] .sf-c-lightseagreen\:10, html.auto .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-lightseagreen\:15, html.auto .sf-c-lightseagreen\:15 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 85%) } - html[data-theme='auto'] .sf-c-lightseagreen\:20, html.auto .sf-c-lightseagreen\:20 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-lightseagreen\:25, html.auto .sf-c-lightseagreen\:25 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 75%) } - html[data-theme='auto'] .sf-c-lightseagreen\:30, html.auto .sf-c-lightseagreen\:30 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-lightseagreen\:35, html.auto .sf-c-lightseagreen\:35 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 65%) } - html[data-theme='auto'] .sf-c-lightseagreen\:40, html.auto .sf-c-lightseagreen\:40 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-lightseagreen\:45, html.auto .sf-c-lightseagreen\:45 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 55%) } - html[data-theme='auto'] .sf-c-lightseagreen\:50, html.auto .sf-c-lightseagreen\:50 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-lightseagreen\:55, html.auto .sf-c-lightseagreen\:55 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 45%) } - html[data-theme='auto'] .sf-c-lightseagreen\:60, html.auto .sf-c-lightseagreen\:60 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-lightseagreen\:65, html.auto .sf-c-lightseagreen\:65 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 35%) } - html[data-theme='auto'] .sf-c-lightseagreen\:70, html.auto .sf-c-lightseagreen\:70 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-lightseagreen\:75, html.auto .sf-c-lightseagreen\:75 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 25%) } - html[data-theme='auto'] .sf-c-lightseagreen\:80, html.auto .sf-c-lightseagreen\:80 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-lightseagreen\:85, html.auto .sf-c-lightseagreen\:85 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 15%) } - html[data-theme='auto'] .sf-c-lightseagreen\:90, html.auto .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-lightseagreen\:95, html.auto .sf-c-lightseagreen\:95 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } - html[data-theme='auto'] .sf-c-lightseagreen\:100, html.auto .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } - - html[data-theme='auto'] .sf-c-lightseagreen\:st, html.auto .sf-c-lightseagreen\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 41%) } - html[data-theme='auto'] .sf-c-lightseagreen\:0\:st, html.auto .sf-c-lightseagreen\:0\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } - html[data-theme='auto'] .sf-c-lightseagreen\:5\:st, html.auto .sf-c-lightseagreen\:5\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } - html[data-theme='auto'] .sf-c-lightseagreen\:10\:st, html.auto .sf-c-lightseagreen\:10\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-lightseagreen\:15\:st, html.auto .sf-c-lightseagreen\:15\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 15%) } - html[data-theme='auto'] .sf-c-lightseagreen\:20\:st, html.auto .sf-c-lightseagreen\:20\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-lightseagreen\:25\:st, html.auto .sf-c-lightseagreen\:25\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 25%) } - html[data-theme='auto'] .sf-c-lightseagreen\:30\:st, html.auto .sf-c-lightseagreen\:30\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-lightseagreen\:35\:st, html.auto .sf-c-lightseagreen\:35\:st { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 35%) } - html[data-theme='auto'] .sf-c-lightseagreen\:40\:st, html.auto .sf-c-lightseagreen\:40\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-lightseagreen\:45\:st, html.auto .sf-c-lightseagreen\:45\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 45%) } - html[data-theme='auto'] .sf-c-lightseagreen\:50\:st, html.auto .sf-c-lightseagreen\:50\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-lightseagreen\:55\:st, html.auto .sf-c-lightseagreen\:55\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 55%) } - html[data-theme='auto'] .sf-c-lightseagreen\:60\:st, html.auto .sf-c-lightseagreen\:60\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-lightseagreen\:65\:st, html.auto .sf-c-lightseagreen\:65\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 65%) } - html[data-theme='auto'] .sf-c-lightseagreen\:70\:st, html.auto .sf-c-lightseagreen\:70\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-lightseagreen\:75\:st, html.auto .sf-c-lightseagreen\:75\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 75%) } - html[data-theme='auto'] .sf-c-lightseagreen\:80\:st, html.auto .sf-c-lightseagreen\:80\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-lightseagreen\:85\:st, html.auto .sf-c-lightseagreen\:85\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 85%) } - html[data-theme='auto'] .sf-c-lightseagreen\:90\:st, html.auto .sf-c-lightseagreen\:90\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-lightseagreen\:95\:st, html.auto .sf-c-lightseagreen\:95\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } - html[data-theme='auto'] .sf-c-lightseagreen\:100\:st, html.auto .sf-c-lightseagreen\:100\:st { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:5, html.auto .sf-c-txt-lightseagreen\:5 { color: hsl(177, 70%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:15, html.auto .sf-c-txt-lightseagreen\:15 { color: hsl(177, 70%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:25, html.auto .sf-c-txt-lightseagreen\:25 { color: hsl(177, 70%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:35, html.auto .sf-c-txt-lightseagreen\:35 { color: hsl(177, 70%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:45, html.auto .sf-c-txt-lightseagreen\:45 { color: hsl(177, 70%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:55, html.auto .sf-c-txt-lightseagreen\:55 { color: hsl(177, 70%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:65, html.auto .sf-c-txt-lightseagreen\:65 { color: hsl(177, 70%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:75, html.auto .sf-c-txt-lightseagreen\:75 { color: hsl(177, 70%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:85, html.auto .sf-c-txt-lightseagreen\:85 { color: hsl(177, 70%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:95, html.auto .sf-c-txt-lightseagreen\:95 { color: hsl(177, 70%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightseagreen\:st, html.auto .sf-c-txt-lightseagreen\:st { color: hsl(177, 70%, 41%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:st, html.auto .sf-c-txt-lightseagreen\:0\:st { color: hsl(177, 70%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:5\:st, html.auto .sf-c-txt-lightseagreen\:5\:st { color: hsl(177, 70%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:st, html.auto .sf-c-txt-lightseagreen\:10\:st { color: hsl(177, 70%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:15\:st, html.auto .sf-c-txt-lightseagreen\:15\:st { color: hsl(177, 70%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:st, html.auto .sf-c-txt-lightseagreen\:20\:st { color: hsl(177, 70%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:25\:st, html.auto .sf-c-txt-lightseagreen\:25\:st { color: hsl(177, 70%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:st, html.auto .sf-c-txt-lightseagreen\:30\:st { color: hsl(177, 70%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:35\:st, html.auto .sf-c-txt-lightseagreen\:35\:st { color: hsl(177, 70%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:st, html.auto .sf-c-txt-lightseagreen\:40\:st { color: hsl(177, 70%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:45\:st, html.auto .sf-c-txt-lightseagreen\:45\:st { color: hsl(177, 70%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:st, html.auto .sf-c-txt-lightseagreen\:50\:st { color: hsl(177, 70%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:55\:st, html.auto .sf-c-txt-lightseagreen\:55\:st { color: hsl(177, 70%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:st, html.auto .sf-c-txt-lightseagreen\:60\:st { color: hsl(177, 70%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:65\:st, html.auto .sf-c-txt-lightseagreen\:65\:st { color: hsl(177, 70%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:st, html.auto .sf-c-txt-lightseagreen\:70\:st { color: hsl(177, 70%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:75\:st, html.auto .sf-c-txt-lightseagreen\:75\:st { color: hsl(177, 70%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:st, html.auto .sf-c-txt-lightseagreen\:80\:st { color: hsl(177, 70%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:85\:st, html.auto .sf-c-txt-lightseagreen\:85\:st { color: hsl(177, 70%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:st, html.auto .sf-c-txt-lightseagreen\:90\:st { color: hsl(177, 70%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:95\:st, html.auto .sf-c-txt-lightseagreen\:95\:st { color: hsl(177, 70%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:st, html.auto .sf-c-txt-lightseagreen\:100\:st { color: hsl(177, 70%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightskyblue.css b/src/colors/20/lightskyblue.css deleted file mode 100644 index d3901a9..0000000 --- a/src/colors/20/lightskyblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightskyblue { - --sf-c-lightskyblue: 203 92% 75%; - --sf-c-lightskyblue-0: 203 92% 0%; - --sf-c-lightskyblue-5: 203 92% 5%; - --sf-c-lightskyblue-10: 203 92% 10%; - --sf-c-lightskyblue-15: 203 92% 15%; - --sf-c-lightskyblue-20: 203 92% 20%; - --sf-c-lightskyblue-25: 203 92% 25%; - --sf-c-lightskyblue-30: 203 92% 30%; - --sf-c-lightskyblue-35: 203 92% 35%; - --sf-c-lightskyblue-40: 203 92% 40%; - --sf-c-lightskyblue-45: 203 92% 45%; - --sf-c-lightskyblue-50: 203 92% 50%; - --sf-c-lightskyblue-55: 203 92% 55%; - --sf-c-lightskyblue-60: 203 92% 60%; - --sf-c-lightskyblue-65: 203 92% 65%; - --sf-c-lightskyblue-70: 203 92% 70%; - --sf-c-lightskyblue-75: 203 92% 75%; - --sf-c-lightskyblue-80: 203 92% 80%; - --sf-c-lightskyblue-85: 203 92% 85%; - --sf-c-lightskyblue-90: 203 92% 90%; - --sf-c-lightskyblue-95: 203 92% 95%; - --sf-c-lightskyblue-100: 203 92% 100%; -} - -.sf-c-lightskyblue, .sf-c-lightskyblue\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } -.sf-c-lightskyblue\:0, .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } -.sf-c-lightskyblue\:5, .sf-c-lightskyblue\:5\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } -.sf-c-lightskyblue\:10, .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } -.sf-c-lightskyblue\:15, .sf-c-lightskyblue\:15\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 15%) } -.sf-c-lightskyblue\:20, .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 20%) } -.sf-c-lightskyblue\:25, .sf-c-lightskyblue\:25\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } -.sf-c-lightskyblue\:30, .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 30%) } -.sf-c-lightskyblue\:35, .sf-c-lightskyblue\:35\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 35%) } -.sf-c-lightskyblue\:40, .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 40%) } -.sf-c-lightskyblue\:45, .sf-c-lightskyblue\:45\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 45%) } -.sf-c-lightskyblue\:50, .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 50%) } -.sf-c-lightskyblue\:55, .sf-c-lightskyblue\:55\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 55%) } -.sf-c-lightskyblue\:60, .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 60%) } -.sf-c-lightskyblue\:65, .sf-c-lightskyblue\:65\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 65%) } -.sf-c-lightskyblue\:70, .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 70%) } -.sf-c-lightskyblue\:75, .sf-c-lightskyblue\:75\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } -.sf-c-lightskyblue\:80, .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 80%) } -.sf-c-lightskyblue\:85, .sf-c-lightskyblue\:85\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 85%) } -.sf-c-lightskyblue\:90, .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 90%) } -.sf-c-lightskyblue\:95, .sf-c-lightskyblue\:95\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } -.sf-c-lightskyblue\:100, .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } - -.sf-c-txt-lightskyblue { color: hsl(203, 92%, 10%) } -.sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } -.sf-c-txt-lightskyblue\:0, .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } -.sf-c-txt-lightskyblue\:5, .sf-c-txt-lightskyblue\:5\:st { color: hsl(203, 92%, 5%) } -.sf-c-txt-lightskyblue\:10, .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } -.sf-c-txt-lightskyblue\:15, .sf-c-txt-lightskyblue\:15\:st { color: hsl(203, 92%, 15%) } -.sf-c-txt-lightskyblue\:20, .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } -.sf-c-txt-lightskyblue\:25, .sf-c-txt-lightskyblue\:25\:st { color: hsl(203, 92%, 25%) } -.sf-c-txt-lightskyblue\:30, .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } -.sf-c-txt-lightskyblue\:35, .sf-c-txt-lightskyblue\:35\:st { color: hsl(203, 92%, 35%) } -.sf-c-txt-lightskyblue\:40, .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } -.sf-c-txt-lightskyblue\:45, .sf-c-txt-lightskyblue\:45\:st { color: hsl(203, 92%, 45%) } -.sf-c-txt-lightskyblue\:50, .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } -.sf-c-txt-lightskyblue\:55, .sf-c-txt-lightskyblue\:55\:st { color: hsl(203, 92%, 55%) } -.sf-c-txt-lightskyblue\:60, .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } -.sf-c-txt-lightskyblue\:65, .sf-c-txt-lightskyblue\:65\:st { color: hsl(203, 92%, 65%) } -.sf-c-txt-lightskyblue\:70, .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } -.sf-c-txt-lightskyblue\:75, .sf-c-txt-lightskyblue\:75\:st { color: hsl(203, 92%, 75%) } -.sf-c-txt-lightskyblue\:80, .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } -.sf-c-txt-lightskyblue\:85, .sf-c-txt-lightskyblue\:85\:st { color: hsl(203, 92%, 85%) } -.sf-c-txt-lightskyblue\:90, .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } -.sf-c-txt-lightskyblue\:95, .sf-c-txt-lightskyblue\:95\:st { color: hsl(203, 92%, 95%) } -.sf-c-txt-lightskyblue\:100, .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } - -html[data-theme='dark'] .sf-c-lightskyblue, html.dark .sf-c-lightskyblue { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-lightskyblue\:0, html.dark .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } -html[data-theme='dark'] .sf-c-lightskyblue\:5, html.dark .sf-c-lightskyblue\:5 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } -html[data-theme='dark'] .sf-c-lightskyblue\:10, html.dark .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-lightskyblue\:15, html.dark .sf-c-lightskyblue\:15 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 85%) } -html[data-theme='dark'] .sf-c-lightskyblue\:20, html.dark .sf-c-lightskyblue\:20 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-lightskyblue\:25, html.dark .sf-c-lightskyblue\:25 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-lightskyblue\:30, html.dark .sf-c-lightskyblue\:30 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-lightskyblue\:35, html.dark .sf-c-lightskyblue\:35 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 65%) } -html[data-theme='dark'] .sf-c-lightskyblue\:40, html.dark .sf-c-lightskyblue\:40 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-lightskyblue\:45, html.dark .sf-c-lightskyblue\:45 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 55%) } -html[data-theme='dark'] .sf-c-lightskyblue\:50, html.dark .sf-c-lightskyblue\:50 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-lightskyblue\:55, html.dark .sf-c-lightskyblue\:55 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 45%) } -html[data-theme='dark'] .sf-c-lightskyblue\:60, html.dark .sf-c-lightskyblue\:60 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-lightskyblue\:65, html.dark .sf-c-lightskyblue\:65 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 35%) } -html[data-theme='dark'] .sf-c-lightskyblue\:70, html.dark .sf-c-lightskyblue\:70 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-lightskyblue\:75, html.dark .sf-c-lightskyblue\:75 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-lightskyblue\:80, html.dark .sf-c-lightskyblue\:80 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-lightskyblue\:85, html.dark .sf-c-lightskyblue\:85 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 15%) } -html[data-theme='dark'] .sf-c-lightskyblue\:90, html.dark .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-lightskyblue\:95, html.dark .sf-c-lightskyblue\:95 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } -html[data-theme='dark'] .sf-c-lightskyblue\:100, html.dark .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } - -html[data-theme='dark'] .sf-c-lightskyblue\:st, html.dark .sf-c-lightskyblue\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-lightskyblue\:0\:st, html.dark .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } -html[data-theme='dark'] .sf-c-lightskyblue\:5\:st, html.dark .sf-c-lightskyblue\:5\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } -html[data-theme='dark'] .sf-c-lightskyblue\:10\:st, html.dark .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-lightskyblue\:15\:st, html.dark .sf-c-lightskyblue\:15\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 15%) } -html[data-theme='dark'] .sf-c-lightskyblue\:20\:st, html.dark .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-lightskyblue\:25\:st, html.dark .sf-c-lightskyblue\:25\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-lightskyblue\:30\:st, html.dark .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-lightskyblue\:35\:st, html.dark .sf-c-lightskyblue\:35\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 35%) } -html[data-theme='dark'] .sf-c-lightskyblue\:40\:st, html.dark .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-lightskyblue\:45\:st, html.dark .sf-c-lightskyblue\:45\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 45%) } -html[data-theme='dark'] .sf-c-lightskyblue\:50\:st, html.dark .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-lightskyblue\:55\:st, html.dark .sf-c-lightskyblue\:55\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 55%) } -html[data-theme='dark'] .sf-c-lightskyblue\:60\:st, html.dark .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-lightskyblue\:65\:st, html.dark .sf-c-lightskyblue\:65\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 65%) } -html[data-theme='dark'] .sf-c-lightskyblue\:70\:st, html.dark .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-lightskyblue\:75\:st, html.dark .sf-c-lightskyblue\:75\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-lightskyblue\:80\:st, html.dark .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-lightskyblue\:85\:st, html.dark .sf-c-lightskyblue\:85\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 85%) } -html[data-theme='dark'] .sf-c-lightskyblue\:90\:st, html.dark .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-lightskyblue\:95\:st, html.dark .sf-c-lightskyblue\:95\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } -html[data-theme='dark'] .sf-c-lightskyblue\:100\:st, html.dark .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:5, html.dark .sf-c-txt-lightskyblue\:5 { color: hsl(203, 92%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:15, html.dark .sf-c-txt-lightskyblue\:15 { color: hsl(203, 92%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:25, html.dark .sf-c-txt-lightskyblue\:25 { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:35, html.dark .sf-c-txt-lightskyblue\:35 { color: hsl(203, 92%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:45, html.dark .sf-c-txt-lightskyblue\:45 { color: hsl(203, 92%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:55, html.dark .sf-c-txt-lightskyblue\:55 { color: hsl(203, 92%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:65, html.dark .sf-c-txt-lightskyblue\:65 { color: hsl(203, 92%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:75, html.dark .sf-c-txt-lightskyblue\:75 { color: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:85, html.dark .sf-c-txt-lightskyblue\:85 { color: hsl(203, 92%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:95, html.dark .sf-c-txt-lightskyblue\:95 { color: hsl(203, 92%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightskyblue\:st, html.dark .sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:st, html.dark .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:5\:st, html.dark .sf-c-txt-lightskyblue\:5\:st { color: hsl(203, 92%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:st, html.dark .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:15\:st, html.dark .sf-c-txt-lightskyblue\:15\:st { color: hsl(203, 92%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:st, html.dark .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:25\:st, html.dark .sf-c-txt-lightskyblue\:25\:st { color: hsl(203, 92%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:st, html.dark .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:35\:st, html.dark .sf-c-txt-lightskyblue\:35\:st { color: hsl(203, 92%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:st, html.dark .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:45\:st, html.dark .sf-c-txt-lightskyblue\:45\:st { color: hsl(203, 92%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:st, html.dark .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:55\:st, html.dark .sf-c-txt-lightskyblue\:55\:st { color: hsl(203, 92%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:st, html.dark .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:65\:st, html.dark .sf-c-txt-lightskyblue\:65\:st { color: hsl(203, 92%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:st, html.dark .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:75\:st, html.dark .sf-c-txt-lightskyblue\:75\:st { color: hsl(203, 92%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:st, html.dark .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:85\:st, html.dark .sf-c-txt-lightskyblue\:85\:st { color: hsl(203, 92%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:st, html.dark .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:95\:st, html.dark .sf-c-txt-lightskyblue\:95\:st { color: hsl(203, 92%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:st, html.dark .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightskyblue, html.auto .sf-c-lightskyblue { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-lightskyblue\:0, html.auto .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } - html[data-theme='auto'] .sf-c-lightskyblue\:5, html.auto .sf-c-lightskyblue\:5 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } - html[data-theme='auto'] .sf-c-lightskyblue\:10, html.auto .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-lightskyblue\:15, html.auto .sf-c-lightskyblue\:15 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 85%) } - html[data-theme='auto'] .sf-c-lightskyblue\:20, html.auto .sf-c-lightskyblue\:20 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-lightskyblue\:25, html.auto .sf-c-lightskyblue\:25 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-lightskyblue\:30, html.auto .sf-c-lightskyblue\:30 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-lightskyblue\:35, html.auto .sf-c-lightskyblue\:35 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 65%) } - html[data-theme='auto'] .sf-c-lightskyblue\:40, html.auto .sf-c-lightskyblue\:40 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-lightskyblue\:45, html.auto .sf-c-lightskyblue\:45 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 55%) } - html[data-theme='auto'] .sf-c-lightskyblue\:50, html.auto .sf-c-lightskyblue\:50 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-lightskyblue\:55, html.auto .sf-c-lightskyblue\:55 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 45%) } - html[data-theme='auto'] .sf-c-lightskyblue\:60, html.auto .sf-c-lightskyblue\:60 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-lightskyblue\:65, html.auto .sf-c-lightskyblue\:65 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 35%) } - html[data-theme='auto'] .sf-c-lightskyblue\:70, html.auto .sf-c-lightskyblue\:70 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-lightskyblue\:75, html.auto .sf-c-lightskyblue\:75 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-lightskyblue\:80, html.auto .sf-c-lightskyblue\:80 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-lightskyblue\:85, html.auto .sf-c-lightskyblue\:85 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 15%) } - html[data-theme='auto'] .sf-c-lightskyblue\:90, html.auto .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-lightskyblue\:95, html.auto .sf-c-lightskyblue\:95 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } - html[data-theme='auto'] .sf-c-lightskyblue\:100, html.auto .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } - - html[data-theme='auto'] .sf-c-lightskyblue\:st, html.auto .sf-c-lightskyblue\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-lightskyblue\:0\:st, html.auto .sf-c-lightskyblue\:0\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } - html[data-theme='auto'] .sf-c-lightskyblue\:5\:st, html.auto .sf-c-lightskyblue\:5\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } - html[data-theme='auto'] .sf-c-lightskyblue\:10\:st, html.auto .sf-c-lightskyblue\:10\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-lightskyblue\:15\:st, html.auto .sf-c-lightskyblue\:15\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 15%) } - html[data-theme='auto'] .sf-c-lightskyblue\:20\:st, html.auto .sf-c-lightskyblue\:20\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-lightskyblue\:25\:st, html.auto .sf-c-lightskyblue\:25\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-lightskyblue\:30\:st, html.auto .sf-c-lightskyblue\:30\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-lightskyblue\:35\:st, html.auto .sf-c-lightskyblue\:35\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 35%) } - html[data-theme='auto'] .sf-c-lightskyblue\:40\:st, html.auto .sf-c-lightskyblue\:40\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-lightskyblue\:45\:st, html.auto .sf-c-lightskyblue\:45\:st { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 45%) } - html[data-theme='auto'] .sf-c-lightskyblue\:50\:st, html.auto .sf-c-lightskyblue\:50\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-lightskyblue\:55\:st, html.auto .sf-c-lightskyblue\:55\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 55%) } - html[data-theme='auto'] .sf-c-lightskyblue\:60\:st, html.auto .sf-c-lightskyblue\:60\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-lightskyblue\:65\:st, html.auto .sf-c-lightskyblue\:65\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 65%) } - html[data-theme='auto'] .sf-c-lightskyblue\:70\:st, html.auto .sf-c-lightskyblue\:70\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-lightskyblue\:75\:st, html.auto .sf-c-lightskyblue\:75\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-lightskyblue\:80\:st, html.auto .sf-c-lightskyblue\:80\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-lightskyblue\:85\:st, html.auto .sf-c-lightskyblue\:85\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 85%) } - html[data-theme='auto'] .sf-c-lightskyblue\:90\:st, html.auto .sf-c-lightskyblue\:90\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-lightskyblue\:95\:st, html.auto .sf-c-lightskyblue\:95\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } - html[data-theme='auto'] .sf-c-lightskyblue\:100\:st, html.auto .sf-c-lightskyblue\:100\:st { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:5, html.auto .sf-c-txt-lightskyblue\:5 { color: hsl(203, 92%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:15, html.auto .sf-c-txt-lightskyblue\:15 { color: hsl(203, 92%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:25, html.auto .sf-c-txt-lightskyblue\:25 { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:35, html.auto .sf-c-txt-lightskyblue\:35 { color: hsl(203, 92%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:45, html.auto .sf-c-txt-lightskyblue\:45 { color: hsl(203, 92%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:55, html.auto .sf-c-txt-lightskyblue\:55 { color: hsl(203, 92%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:65, html.auto .sf-c-txt-lightskyblue\:65 { color: hsl(203, 92%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:75, html.auto .sf-c-txt-lightskyblue\:75 { color: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:85, html.auto .sf-c-txt-lightskyblue\:85 { color: hsl(203, 92%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:95, html.auto .sf-c-txt-lightskyblue\:95 { color: hsl(203, 92%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightskyblue\:st, html.auto .sf-c-txt-lightskyblue\:st { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:st, html.auto .sf-c-txt-lightskyblue\:0\:st { color: hsl(203, 92%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:5\:st, html.auto .sf-c-txt-lightskyblue\:5\:st { color: hsl(203, 92%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:st, html.auto .sf-c-txt-lightskyblue\:10\:st { color: hsl(203, 92%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:15\:st, html.auto .sf-c-txt-lightskyblue\:15\:st { color: hsl(203, 92%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:st, html.auto .sf-c-txt-lightskyblue\:20\:st { color: hsl(203, 92%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:25\:st, html.auto .sf-c-txt-lightskyblue\:25\:st { color: hsl(203, 92%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:st, html.auto .sf-c-txt-lightskyblue\:30\:st { color: hsl(203, 92%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:35\:st, html.auto .sf-c-txt-lightskyblue\:35\:st { color: hsl(203, 92%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:st, html.auto .sf-c-txt-lightskyblue\:40\:st { color: hsl(203, 92%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:45\:st, html.auto .sf-c-txt-lightskyblue\:45\:st { color: hsl(203, 92%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:st, html.auto .sf-c-txt-lightskyblue\:50\:st { color: hsl(203, 92%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:55\:st, html.auto .sf-c-txt-lightskyblue\:55\:st { color: hsl(203, 92%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:st, html.auto .sf-c-txt-lightskyblue\:60\:st { color: hsl(203, 92%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:65\:st, html.auto .sf-c-txt-lightskyblue\:65\:st { color: hsl(203, 92%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:st, html.auto .sf-c-txt-lightskyblue\:70\:st { color: hsl(203, 92%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:75\:st, html.auto .sf-c-txt-lightskyblue\:75\:st { color: hsl(203, 92%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:st, html.auto .sf-c-txt-lightskyblue\:80\:st { color: hsl(203, 92%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:85\:st, html.auto .sf-c-txt-lightskyblue\:85\:st { color: hsl(203, 92%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:st, html.auto .sf-c-txt-lightskyblue\:90\:st { color: hsl(203, 92%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:95\:st, html.auto .sf-c-txt-lightskyblue\:95\:st { color: hsl(203, 92%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:st, html.auto .sf-c-txt-lightskyblue\:100\:st { color: hsl(203, 92%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightslategray.css b/src/colors/20/lightslategray.css deleted file mode 100644 index e9e41a4..0000000 --- a/src/colors/20/lightslategray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightslategray { - --sf-c-lightslategray: 210 14% 53%; - --sf-c-lightslategray-0: 210 14% 0%; - --sf-c-lightslategray-5: 210 14% 5%; - --sf-c-lightslategray-10: 210 14% 10%; - --sf-c-lightslategray-15: 210 14% 15%; - --sf-c-lightslategray-20: 210 14% 20%; - --sf-c-lightslategray-25: 210 14% 25%; - --sf-c-lightslategray-30: 210 14% 30%; - --sf-c-lightslategray-35: 210 14% 35%; - --sf-c-lightslategray-40: 210 14% 40%; - --sf-c-lightslategray-45: 210 14% 45%; - --sf-c-lightslategray-50: 210 14% 50%; - --sf-c-lightslategray-55: 210 14% 55%; - --sf-c-lightslategray-60: 210 14% 60%; - --sf-c-lightslategray-65: 210 14% 65%; - --sf-c-lightslategray-70: 210 14% 70%; - --sf-c-lightslategray-75: 210 14% 75%; - --sf-c-lightslategray-80: 210 14% 80%; - --sf-c-lightslategray-85: 210 14% 85%; - --sf-c-lightslategray-90: 210 14% 90%; - --sf-c-lightslategray-95: 210 14% 95%; - --sf-c-lightslategray-100: 210 14% 100%; -} - -.sf-c-lightslategray, .sf-c-lightslategray\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } -.sf-c-lightslategray\:0, .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -.sf-c-lightslategray\:5, .sf-c-lightslategray\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -.sf-c-lightslategray\:10, .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -.sf-c-lightslategray\:15, .sf-c-lightslategray\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -.sf-c-lightslategray\:20, .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -.sf-c-lightslategray\:25, .sf-c-lightslategray\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -.sf-c-lightslategray\:30, .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -.sf-c-lightslategray\:35, .sf-c-lightslategray\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -.sf-c-lightslategray\:40, .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -.sf-c-lightslategray\:45, .sf-c-lightslategray\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -.sf-c-lightslategray\:50, .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -.sf-c-lightslategray\:55, .sf-c-lightslategray\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -.sf-c-lightslategray\:60, .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -.sf-c-lightslategray\:65, .sf-c-lightslategray\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -.sf-c-lightslategray\:70, .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -.sf-c-lightslategray\:75, .sf-c-lightslategray\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -.sf-c-lightslategray\:80, .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -.sf-c-lightslategray\:85, .sf-c-lightslategray\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -.sf-c-lightslategray\:90, .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -.sf-c-lightslategray\:95, .sf-c-lightslategray\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -.sf-c-lightslategray\:100, .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - -.sf-c-txt-lightslategray { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } -.sf-c-txt-lightslategray\:0, .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } -.sf-c-txt-lightslategray\:5, .sf-c-txt-lightslategray\:5\:st { color: hsl(210, 14%, 5%) } -.sf-c-txt-lightslategray\:10, .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategray\:15, .sf-c-txt-lightslategray\:15\:st { color: hsl(210, 14%, 15%) } -.sf-c-txt-lightslategray\:20, .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } -.sf-c-txt-lightslategray\:25, .sf-c-txt-lightslategray\:25\:st { color: hsl(210, 14%, 25%) } -.sf-c-txt-lightslategray\:30, .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } -.sf-c-txt-lightslategray\:35, .sf-c-txt-lightslategray\:35\:st { color: hsl(210, 14%, 35%) } -.sf-c-txt-lightslategray\:40, .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } -.sf-c-txt-lightslategray\:45, .sf-c-txt-lightslategray\:45\:st { color: hsl(210, 14%, 45%) } -.sf-c-txt-lightslategray\:50, .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } -.sf-c-txt-lightslategray\:55, .sf-c-txt-lightslategray\:55\:st { color: hsl(210, 14%, 55%) } -.sf-c-txt-lightslategray\:60, .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } -.sf-c-txt-lightslategray\:65, .sf-c-txt-lightslategray\:65\:st { color: hsl(210, 14%, 65%) } -.sf-c-txt-lightslategray\:70, .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } -.sf-c-txt-lightslategray\:75, .sf-c-txt-lightslategray\:75\:st { color: hsl(210, 14%, 75%) } -.sf-c-txt-lightslategray\:80, .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } -.sf-c-txt-lightslategray\:85, .sf-c-txt-lightslategray\:85\:st { color: hsl(210, 14%, 85%) } -.sf-c-txt-lightslategray\:90, .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } -.sf-c-txt-lightslategray\:95, .sf-c-txt-lightslategray\:95\:st { color: hsl(210, 14%, 95%) } -.sf-c-txt-lightslategray\:100, .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-lightslategray, html.dark .sf-c-lightslategray { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } -html[data-theme='dark'] .sf-c-lightslategray\:0, html.dark .sf-c-lightslategray\:0 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-lightslategray\:5, html.dark .sf-c-lightslategray\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-lightslategray\:10, html.dark .sf-c-lightslategray\:10 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategray\:15, html.dark .sf-c-lightslategray\:15 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-lightslategray\:20, html.dark .sf-c-lightslategray\:20 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategray\:25, html.dark .sf-c-lightslategray\:25 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-lightslategray\:30, html.dark .sf-c-lightslategray\:30 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategray\:35, html.dark .sf-c-lightslategray\:35 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-lightslategray\:40, html.dark .sf-c-lightslategray\:40 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategray\:45, html.dark .sf-c-lightslategray\:45 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-lightslategray\:50, html.dark .sf-c-lightslategray\:50 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategray\:55, html.dark .sf-c-lightslategray\:55 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-lightslategray\:60, html.dark .sf-c-lightslategray\:60 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategray\:65, html.dark .sf-c-lightslategray\:65 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-lightslategray\:70, html.dark .sf-c-lightslategray\:70 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategray\:75, html.dark .sf-c-lightslategray\:75 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-lightslategray\:80, html.dark .sf-c-lightslategray\:80 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategray\:85, html.dark .sf-c-lightslategray\:85 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-lightslategray\:90, html.dark .sf-c-lightslategray\:90 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategray\:95, html.dark .sf-c-lightslategray\:95 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-lightslategray\:100, html.dark .sf-c-lightslategray\:100 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-lightslategray\:st, html.dark .sf-c-lightslategray\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-lightslategray\:0\:st, html.dark .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-lightslategray\:5\:st, html.dark .sf-c-lightslategray\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-lightslategray\:10\:st, html.dark .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategray\:15\:st, html.dark .sf-c-lightslategray\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-lightslategray\:20\:st, html.dark .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategray\:25\:st, html.dark .sf-c-lightslategray\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-lightslategray\:30\:st, html.dark .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategray\:35\:st, html.dark .sf-c-lightslategray\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-lightslategray\:40\:st, html.dark .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategray\:45\:st, html.dark .sf-c-lightslategray\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-lightslategray\:50\:st, html.dark .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategray\:55\:st, html.dark .sf-c-lightslategray\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-lightslategray\:60\:st, html.dark .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategray\:65\:st, html.dark .sf-c-lightslategray\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-lightslategray\:70\:st, html.dark .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategray\:75\:st, html.dark .sf-c-lightslategray\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-lightslategray\:80\:st, html.dark .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategray\:85\:st, html.dark .sf-c-lightslategray\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-lightslategray\:90\:st, html.dark .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategray\:95\:st, html.dark .sf-c-lightslategray\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-lightslategray\:100\:st, html.dark .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:5, html.dark .sf-c-txt-lightslategray\:5 { color: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:15, html.dark .sf-c-txt-lightslategray\:15 { color: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:25, html.dark .sf-c-txt-lightslategray\:25 { color: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:35, html.dark .sf-c-txt-lightslategray\:35 { color: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:45, html.dark .sf-c-txt-lightslategray\:45 { color: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:55, html.dark .sf-c-txt-lightslategray\:55 { color: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:65, html.dark .sf-c-txt-lightslategray\:65 { color: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:75, html.dark .sf-c-txt-lightslategray\:75 { color: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:85, html.dark .sf-c-txt-lightslategray\:85 { color: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:95, html.dark .sf-c-txt-lightslategray\:95 { color: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightslategray\:st, html.dark .sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:0\:st, html.dark .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:5\:st, html.dark .sf-c-txt-lightslategray\:5\:st { color: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:10\:st, html.dark .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:15\:st, html.dark .sf-c-txt-lightslategray\:15\:st { color: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:20\:st, html.dark .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:25\:st, html.dark .sf-c-txt-lightslategray\:25\:st { color: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:30\:st, html.dark .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:35\:st, html.dark .sf-c-txt-lightslategray\:35\:st { color: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:40\:st, html.dark .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:45\:st, html.dark .sf-c-txt-lightslategray\:45\:st { color: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:50\:st, html.dark .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:55\:st, html.dark .sf-c-txt-lightslategray\:55\:st { color: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:60\:st, html.dark .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:65\:st, html.dark .sf-c-txt-lightslategray\:65\:st { color: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:70\:st, html.dark .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:75\:st, html.dark .sf-c-txt-lightslategray\:75\:st { color: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:80\:st, html.dark .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:85\:st, html.dark .sf-c-txt-lightslategray\:85\:st { color: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:90\:st, html.dark .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:95\:st, html.dark .sf-c-txt-lightslategray\:95\:st { color: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightslategray\:100\:st, html.dark .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightslategray, html.auto .sf-c-lightslategray { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } - html[data-theme='auto'] .sf-c-lightslategray\:0, html.auto .sf-c-lightslategray\:0 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-lightslategray\:5, html.auto .sf-c-lightslategray\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-lightslategray\:10, html.auto .sf-c-lightslategray\:10 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategray\:15, html.auto .sf-c-lightslategray\:15 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-lightslategray\:20, html.auto .sf-c-lightslategray\:20 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategray\:25, html.auto .sf-c-lightslategray\:25 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-lightslategray\:30, html.auto .sf-c-lightslategray\:30 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategray\:35, html.auto .sf-c-lightslategray\:35 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-lightslategray\:40, html.auto .sf-c-lightslategray\:40 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategray\:45, html.auto .sf-c-lightslategray\:45 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-lightslategray\:50, html.auto .sf-c-lightslategray\:50 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategray\:55, html.auto .sf-c-lightslategray\:55 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-lightslategray\:60, html.auto .sf-c-lightslategray\:60 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategray\:65, html.auto .sf-c-lightslategray\:65 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-lightslategray\:70, html.auto .sf-c-lightslategray\:70 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategray\:75, html.auto .sf-c-lightslategray\:75 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-lightslategray\:80, html.auto .sf-c-lightslategray\:80 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategray\:85, html.auto .sf-c-lightslategray\:85 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-lightslategray\:90, html.auto .sf-c-lightslategray\:90 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategray\:95, html.auto .sf-c-lightslategray\:95 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-lightslategray\:100, html.auto .sf-c-lightslategray\:100 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-lightslategray\:st, html.auto .sf-c-lightslategray\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-lightslategray\:0\:st, html.auto .sf-c-lightslategray\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-lightslategray\:5\:st, html.auto .sf-c-lightslategray\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-lightslategray\:10\:st, html.auto .sf-c-lightslategray\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategray\:15\:st, html.auto .sf-c-lightslategray\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-lightslategray\:20\:st, html.auto .sf-c-lightslategray\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategray\:25\:st, html.auto .sf-c-lightslategray\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-lightslategray\:30\:st, html.auto .sf-c-lightslategray\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategray\:35\:st, html.auto .sf-c-lightslategray\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-lightslategray\:40\:st, html.auto .sf-c-lightslategray\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategray\:45\:st, html.auto .sf-c-lightslategray\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-lightslategray\:50\:st, html.auto .sf-c-lightslategray\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategray\:55\:st, html.auto .sf-c-lightslategray\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-lightslategray\:60\:st, html.auto .sf-c-lightslategray\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategray\:65\:st, html.auto .sf-c-lightslategray\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-lightslategray\:70\:st, html.auto .sf-c-lightslategray\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategray\:75\:st, html.auto .sf-c-lightslategray\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-lightslategray\:80\:st, html.auto .sf-c-lightslategray\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategray\:85\:st, html.auto .sf-c-lightslategray\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-lightslategray\:90\:st, html.auto .sf-c-lightslategray\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategray\:95\:st, html.auto .sf-c-lightslategray\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-lightslategray\:100\:st, html.auto .sf-c-lightslategray\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:5, html.auto .sf-c-txt-lightslategray\:5 { color: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:15, html.auto .sf-c-txt-lightslategray\:15 { color: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:25, html.auto .sf-c-txt-lightslategray\:25 { color: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:35, html.auto .sf-c-txt-lightslategray\:35 { color: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:45, html.auto .sf-c-txt-lightslategray\:45 { color: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:55, html.auto .sf-c-txt-lightslategray\:55 { color: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:65, html.auto .sf-c-txt-lightslategray\:65 { color: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:75, html.auto .sf-c-txt-lightslategray\:75 { color: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:85, html.auto .sf-c-txt-lightslategray\:85 { color: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:95, html.auto .sf-c-txt-lightslategray\:95 { color: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightslategray\:st, html.auto .sf-c-txt-lightslategray\:st { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:0\:st, html.auto .sf-c-txt-lightslategray\:0\:st { color: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:5\:st, html.auto .sf-c-txt-lightslategray\:5\:st { color: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:10\:st, html.auto .sf-c-txt-lightslategray\:10\:st { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:15\:st, html.auto .sf-c-txt-lightslategray\:15\:st { color: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:20\:st, html.auto .sf-c-txt-lightslategray\:20\:st { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:25\:st, html.auto .sf-c-txt-lightslategray\:25\:st { color: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:30\:st, html.auto .sf-c-txt-lightslategray\:30\:st { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:35\:st, html.auto .sf-c-txt-lightslategray\:35\:st { color: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:40\:st, html.auto .sf-c-txt-lightslategray\:40\:st { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:45\:st, html.auto .sf-c-txt-lightslategray\:45\:st { color: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:50\:st, html.auto .sf-c-txt-lightslategray\:50\:st { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:55\:st, html.auto .sf-c-txt-lightslategray\:55\:st { color: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:60\:st, html.auto .sf-c-txt-lightslategray\:60\:st { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:65\:st, html.auto .sf-c-txt-lightslategray\:65\:st { color: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:70\:st, html.auto .sf-c-txt-lightslategray\:70\:st { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:75\:st, html.auto .sf-c-txt-lightslategray\:75\:st { color: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:80\:st, html.auto .sf-c-txt-lightslategray\:80\:st { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:85\:st, html.auto .sf-c-txt-lightslategray\:85\:st { color: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:90\:st, html.auto .sf-c-txt-lightslategray\:90\:st { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:95\:st, html.auto .sf-c-txt-lightslategray\:95\:st { color: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightslategray\:100\:st, html.auto .sf-c-txt-lightslategray\:100\:st { color: hsl(210, 14%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightslategrey.css b/src/colors/20/lightslategrey.css deleted file mode 100644 index e535707..0000000 --- a/src/colors/20/lightslategrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightslategrey { - --sf-c-lightslategrey: 210 14% 53%; - --sf-c-lightslategrey-0: 210 14% 0%; - --sf-c-lightslategrey-5: 210 14% 5%; - --sf-c-lightslategrey-10: 210 14% 10%; - --sf-c-lightslategrey-15: 210 14% 15%; - --sf-c-lightslategrey-20: 210 14% 20%; - --sf-c-lightslategrey-25: 210 14% 25%; - --sf-c-lightslategrey-30: 210 14% 30%; - --sf-c-lightslategrey-35: 210 14% 35%; - --sf-c-lightslategrey-40: 210 14% 40%; - --sf-c-lightslategrey-45: 210 14% 45%; - --sf-c-lightslategrey-50: 210 14% 50%; - --sf-c-lightslategrey-55: 210 14% 55%; - --sf-c-lightslategrey-60: 210 14% 60%; - --sf-c-lightslategrey-65: 210 14% 65%; - --sf-c-lightslategrey-70: 210 14% 70%; - --sf-c-lightslategrey-75: 210 14% 75%; - --sf-c-lightslategrey-80: 210 14% 80%; - --sf-c-lightslategrey-85: 210 14% 85%; - --sf-c-lightslategrey-90: 210 14% 90%; - --sf-c-lightslategrey-95: 210 14% 95%; - --sf-c-lightslategrey-100: 210 14% 100%; -} - -.sf-c-lightslategrey, .sf-c-lightslategrey\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } -.sf-c-lightslategrey\:0, .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -.sf-c-lightslategrey\:5, .sf-c-lightslategrey\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -.sf-c-lightslategrey\:10, .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -.sf-c-lightslategrey\:15, .sf-c-lightslategrey\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -.sf-c-lightslategrey\:20, .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -.sf-c-lightslategrey\:25, .sf-c-lightslategrey\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -.sf-c-lightslategrey\:30, .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -.sf-c-lightslategrey\:35, .sf-c-lightslategrey\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -.sf-c-lightslategrey\:40, .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -.sf-c-lightslategrey\:45, .sf-c-lightslategrey\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -.sf-c-lightslategrey\:50, .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -.sf-c-lightslategrey\:55, .sf-c-lightslategrey\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -.sf-c-lightslategrey\:60, .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -.sf-c-lightslategrey\:65, .sf-c-lightslategrey\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -.sf-c-lightslategrey\:70, .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -.sf-c-lightslategrey\:75, .sf-c-lightslategrey\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -.sf-c-lightslategrey\:80, .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -.sf-c-lightslategrey\:85, .sf-c-lightslategrey\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -.sf-c-lightslategrey\:90, .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -.sf-c-lightslategrey\:95, .sf-c-lightslategrey\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -.sf-c-lightslategrey\:100, .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - -.sf-c-txt-lightslategrey { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } -.sf-c-txt-lightslategrey\:0, .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } -.sf-c-txt-lightslategrey\:5, .sf-c-txt-lightslategrey\:5\:st { color: hsl(210, 14%, 5%) } -.sf-c-txt-lightslategrey\:10, .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } -.sf-c-txt-lightslategrey\:15, .sf-c-txt-lightslategrey\:15\:st { color: hsl(210, 14%, 15%) } -.sf-c-txt-lightslategrey\:20, .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } -.sf-c-txt-lightslategrey\:25, .sf-c-txt-lightslategrey\:25\:st { color: hsl(210, 14%, 25%) } -.sf-c-txt-lightslategrey\:30, .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } -.sf-c-txt-lightslategrey\:35, .sf-c-txt-lightslategrey\:35\:st { color: hsl(210, 14%, 35%) } -.sf-c-txt-lightslategrey\:40, .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } -.sf-c-txt-lightslategrey\:45, .sf-c-txt-lightslategrey\:45\:st { color: hsl(210, 14%, 45%) } -.sf-c-txt-lightslategrey\:50, .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } -.sf-c-txt-lightslategrey\:55, .sf-c-txt-lightslategrey\:55\:st { color: hsl(210, 14%, 55%) } -.sf-c-txt-lightslategrey\:60, .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } -.sf-c-txt-lightslategrey\:65, .sf-c-txt-lightslategrey\:65\:st { color: hsl(210, 14%, 65%) } -.sf-c-txt-lightslategrey\:70, .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } -.sf-c-txt-lightslategrey\:75, .sf-c-txt-lightslategrey\:75\:st { color: hsl(210, 14%, 75%) } -.sf-c-txt-lightslategrey\:80, .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } -.sf-c-txt-lightslategrey\:85, .sf-c-txt-lightslategrey\:85\:st { color: hsl(210, 14%, 85%) } -.sf-c-txt-lightslategrey\:90, .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } -.sf-c-txt-lightslategrey\:95, .sf-c-txt-lightslategrey\:95\:st { color: hsl(210, 14%, 95%) } -.sf-c-txt-lightslategrey\:100, .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-lightslategrey, html.dark .sf-c-lightslategrey { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } -html[data-theme='dark'] .sf-c-lightslategrey\:0, html.dark .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-lightslategrey\:5, html.dark .sf-c-lightslategrey\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-lightslategrey\:10, html.dark .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategrey\:15, html.dark .sf-c-lightslategrey\:15 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-lightslategrey\:20, html.dark .sf-c-lightslategrey\:20 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategrey\:25, html.dark .sf-c-lightslategrey\:25 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-lightslategrey\:30, html.dark .sf-c-lightslategrey\:30 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategrey\:35, html.dark .sf-c-lightslategrey\:35 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-lightslategrey\:40, html.dark .sf-c-lightslategrey\:40 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategrey\:45, html.dark .sf-c-lightslategrey\:45 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-lightslategrey\:50, html.dark .sf-c-lightslategrey\:50 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategrey\:55, html.dark .sf-c-lightslategrey\:55 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-lightslategrey\:60, html.dark .sf-c-lightslategrey\:60 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategrey\:65, html.dark .sf-c-lightslategrey\:65 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-lightslategrey\:70, html.dark .sf-c-lightslategrey\:70 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategrey\:75, html.dark .sf-c-lightslategrey\:75 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-lightslategrey\:80, html.dark .sf-c-lightslategrey\:80 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategrey\:85, html.dark .sf-c-lightslategrey\:85 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-lightslategrey\:90, html.dark .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategrey\:95, html.dark .sf-c-lightslategrey\:95 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-lightslategrey\:100, html.dark .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-lightslategrey\:st, html.dark .sf-c-lightslategrey\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-lightslategrey\:0\:st, html.dark .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-lightslategrey\:5\:st, html.dark .sf-c-lightslategrey\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-lightslategrey\:10\:st, html.dark .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-lightslategrey\:15\:st, html.dark .sf-c-lightslategrey\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-lightslategrey\:20\:st, html.dark .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-lightslategrey\:25\:st, html.dark .sf-c-lightslategrey\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-lightslategrey\:30\:st, html.dark .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-lightslategrey\:35\:st, html.dark .sf-c-lightslategrey\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-lightslategrey\:40\:st, html.dark .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-lightslategrey\:45\:st, html.dark .sf-c-lightslategrey\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-lightslategrey\:50\:st, html.dark .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-lightslategrey\:55\:st, html.dark .sf-c-lightslategrey\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-lightslategrey\:60\:st, html.dark .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-lightslategrey\:65\:st, html.dark .sf-c-lightslategrey\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-lightslategrey\:70\:st, html.dark .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-lightslategrey\:75\:st, html.dark .sf-c-lightslategrey\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-lightslategrey\:80\:st, html.dark .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-lightslategrey\:85\:st, html.dark .sf-c-lightslategrey\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-lightslategrey\:90\:st, html.dark .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-lightslategrey\:95\:st, html.dark .sf-c-lightslategrey\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-lightslategrey\:100\:st, html.dark .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:5, html.dark .sf-c-txt-lightslategrey\:5 { color: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:15, html.dark .sf-c-txt-lightslategrey\:15 { color: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:25, html.dark .sf-c-txt-lightslategrey\:25 { color: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:35, html.dark .sf-c-txt-lightslategrey\:35 { color: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:45, html.dark .sf-c-txt-lightslategrey\:45 { color: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:55, html.dark .sf-c-txt-lightslategrey\:55 { color: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:65, html.dark .sf-c-txt-lightslategrey\:65 { color: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:75, html.dark .sf-c-txt-lightslategrey\:75 { color: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:85, html.dark .sf-c-txt-lightslategrey\:85 { color: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:95, html.dark .sf-c-txt-lightslategrey\:95 { color: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightslategrey\:st, html.dark .sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:st, html.dark .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:5\:st, html.dark .sf-c-txt-lightslategrey\:5\:st { color: hsl(210, 14%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:st, html.dark .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:15\:st, html.dark .sf-c-txt-lightslategrey\:15\:st { color: hsl(210, 14%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:st, html.dark .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:25\:st, html.dark .sf-c-txt-lightslategrey\:25\:st { color: hsl(210, 14%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:st, html.dark .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:35\:st, html.dark .sf-c-txt-lightslategrey\:35\:st { color: hsl(210, 14%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:st, html.dark .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:45\:st, html.dark .sf-c-txt-lightslategrey\:45\:st { color: hsl(210, 14%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:st, html.dark .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:55\:st, html.dark .sf-c-txt-lightslategrey\:55\:st { color: hsl(210, 14%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:st, html.dark .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:65\:st, html.dark .sf-c-txt-lightslategrey\:65\:st { color: hsl(210, 14%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:st, html.dark .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:75\:st, html.dark .sf-c-txt-lightslategrey\:75\:st { color: hsl(210, 14%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:st, html.dark .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:85\:st, html.dark .sf-c-txt-lightslategrey\:85\:st { color: hsl(210, 14%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:st, html.dark .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:95\:st, html.dark .sf-c-txt-lightslategrey\:95\:st { color: hsl(210, 14%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:st, html.dark .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightslategrey, html.auto .sf-c-lightslategrey { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } - html[data-theme='auto'] .sf-c-lightslategrey\:0, html.auto .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-lightslategrey\:5, html.auto .sf-c-lightslategrey\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-lightslategrey\:10, html.auto .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategrey\:15, html.auto .sf-c-lightslategrey\:15 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-lightslategrey\:20, html.auto .sf-c-lightslategrey\:20 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategrey\:25, html.auto .sf-c-lightslategrey\:25 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-lightslategrey\:30, html.auto .sf-c-lightslategrey\:30 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategrey\:35, html.auto .sf-c-lightslategrey\:35 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-lightslategrey\:40, html.auto .sf-c-lightslategrey\:40 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategrey\:45, html.auto .sf-c-lightslategrey\:45 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-lightslategrey\:50, html.auto .sf-c-lightslategrey\:50 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategrey\:55, html.auto .sf-c-lightslategrey\:55 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-lightslategrey\:60, html.auto .sf-c-lightslategrey\:60 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategrey\:65, html.auto .sf-c-lightslategrey\:65 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-lightslategrey\:70, html.auto .sf-c-lightslategrey\:70 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategrey\:75, html.auto .sf-c-lightslategrey\:75 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-lightslategrey\:80, html.auto .sf-c-lightslategrey\:80 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategrey\:85, html.auto .sf-c-lightslategrey\:85 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-lightslategrey\:90, html.auto .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategrey\:95, html.auto .sf-c-lightslategrey\:95 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-lightslategrey\:100, html.auto .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-lightslategrey\:st, html.auto .sf-c-lightslategrey\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-lightslategrey\:0\:st, html.auto .sf-c-lightslategrey\:0\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-lightslategrey\:5\:st, html.auto .sf-c-lightslategrey\:5\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-lightslategrey\:10\:st, html.auto .sf-c-lightslategrey\:10\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-lightslategrey\:15\:st, html.auto .sf-c-lightslategrey\:15\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-lightslategrey\:20\:st, html.auto .sf-c-lightslategrey\:20\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-lightslategrey\:25\:st, html.auto .sf-c-lightslategrey\:25\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-lightslategrey\:30\:st, html.auto .sf-c-lightslategrey\:30\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-lightslategrey\:35\:st, html.auto .sf-c-lightslategrey\:35\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-lightslategrey\:40\:st, html.auto .sf-c-lightslategrey\:40\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-lightslategrey\:45\:st, html.auto .sf-c-lightslategrey\:45\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-lightslategrey\:50\:st, html.auto .sf-c-lightslategrey\:50\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-lightslategrey\:55\:st, html.auto .sf-c-lightslategrey\:55\:st { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-lightslategrey\:60\:st, html.auto .sf-c-lightslategrey\:60\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-lightslategrey\:65\:st, html.auto .sf-c-lightslategrey\:65\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-lightslategrey\:70\:st, html.auto .sf-c-lightslategrey\:70\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-lightslategrey\:75\:st, html.auto .sf-c-lightslategrey\:75\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-lightslategrey\:80\:st, html.auto .sf-c-lightslategrey\:80\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-lightslategrey\:85\:st, html.auto .sf-c-lightslategrey\:85\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-lightslategrey\:90\:st, html.auto .sf-c-lightslategrey\:90\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-lightslategrey\:95\:st, html.auto .sf-c-lightslategrey\:95\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-lightslategrey\:100\:st, html.auto .sf-c-lightslategrey\:100\:st { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:5, html.auto .sf-c-txt-lightslategrey\:5 { color: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:15, html.auto .sf-c-txt-lightslategrey\:15 { color: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:25, html.auto .sf-c-txt-lightslategrey\:25 { color: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:35, html.auto .sf-c-txt-lightslategrey\:35 { color: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:45, html.auto .sf-c-txt-lightslategrey\:45 { color: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:55, html.auto .sf-c-txt-lightslategrey\:55 { color: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:65, html.auto .sf-c-txt-lightslategrey\:65 { color: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:75, html.auto .sf-c-txt-lightslategrey\:75 { color: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:85, html.auto .sf-c-txt-lightslategrey\:85 { color: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:95, html.auto .sf-c-txt-lightslategrey\:95 { color: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightslategrey\:st, html.auto .sf-c-txt-lightslategrey\:st { color: hsl(210, 14%, 53%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:st, html.auto .sf-c-txt-lightslategrey\:0\:st { color: hsl(210, 14%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:5\:st, html.auto .sf-c-txt-lightslategrey\:5\:st { color: hsl(210, 14%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:st, html.auto .sf-c-txt-lightslategrey\:10\:st { color: hsl(210, 14%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:15\:st, html.auto .sf-c-txt-lightslategrey\:15\:st { color: hsl(210, 14%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:st, html.auto .sf-c-txt-lightslategrey\:20\:st { color: hsl(210, 14%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:25\:st, html.auto .sf-c-txt-lightslategrey\:25\:st { color: hsl(210, 14%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:st, html.auto .sf-c-txt-lightslategrey\:30\:st { color: hsl(210, 14%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:35\:st, html.auto .sf-c-txt-lightslategrey\:35\:st { color: hsl(210, 14%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:st, html.auto .sf-c-txt-lightslategrey\:40\:st { color: hsl(210, 14%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:45\:st, html.auto .sf-c-txt-lightslategrey\:45\:st { color: hsl(210, 14%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:st, html.auto .sf-c-txt-lightslategrey\:50\:st { color: hsl(210, 14%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:55\:st, html.auto .sf-c-txt-lightslategrey\:55\:st { color: hsl(210, 14%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:st, html.auto .sf-c-txt-lightslategrey\:60\:st { color: hsl(210, 14%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:65\:st, html.auto .sf-c-txt-lightslategrey\:65\:st { color: hsl(210, 14%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:st, html.auto .sf-c-txt-lightslategrey\:70\:st { color: hsl(210, 14%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:75\:st, html.auto .sf-c-txt-lightslategrey\:75\:st { color: hsl(210, 14%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:st, html.auto .sf-c-txt-lightslategrey\:80\:st { color: hsl(210, 14%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:85\:st, html.auto .sf-c-txt-lightslategrey\:85\:st { color: hsl(210, 14%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:st, html.auto .sf-c-txt-lightslategrey\:90\:st { color: hsl(210, 14%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:95\:st, html.auto .sf-c-txt-lightslategrey\:95\:st { color: hsl(210, 14%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:st, html.auto .sf-c-txt-lightslategrey\:100\:st { color: hsl(210, 14%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightsteelblue.css b/src/colors/20/lightsteelblue.css deleted file mode 100644 index 42f78ab..0000000 --- a/src/colors/20/lightsteelblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightsteelblue { - --sf-c-lightsteelblue: 214 41% 78%; - --sf-c-lightsteelblue-0: 214 41% 0%; - --sf-c-lightsteelblue-5: 214 41% 5%; - --sf-c-lightsteelblue-10: 214 41% 10%; - --sf-c-lightsteelblue-15: 214 41% 15%; - --sf-c-lightsteelblue-20: 214 41% 20%; - --sf-c-lightsteelblue-25: 214 41% 25%; - --sf-c-lightsteelblue-30: 214 41% 30%; - --sf-c-lightsteelblue-35: 214 41% 35%; - --sf-c-lightsteelblue-40: 214 41% 40%; - --sf-c-lightsteelblue-45: 214 41% 45%; - --sf-c-lightsteelblue-50: 214 41% 50%; - --sf-c-lightsteelblue-55: 214 41% 55%; - --sf-c-lightsteelblue-60: 214 41% 60%; - --sf-c-lightsteelblue-65: 214 41% 65%; - --sf-c-lightsteelblue-70: 214 41% 70%; - --sf-c-lightsteelblue-75: 214 41% 75%; - --sf-c-lightsteelblue-80: 214 41% 80%; - --sf-c-lightsteelblue-85: 214 41% 85%; - --sf-c-lightsteelblue-90: 214 41% 90%; - --sf-c-lightsteelblue-95: 214 41% 95%; - --sf-c-lightsteelblue-100: 214 41% 100%; -} - -.sf-c-lightsteelblue, .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 78%) } -.sf-c-lightsteelblue\:0, .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } -.sf-c-lightsteelblue\:5, .sf-c-lightsteelblue\:5\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } -.sf-c-lightsteelblue\:10, .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } -.sf-c-lightsteelblue\:15, .sf-c-lightsteelblue\:15\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 15%) } -.sf-c-lightsteelblue\:20, .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 20%) } -.sf-c-lightsteelblue\:25, .sf-c-lightsteelblue\:25\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 25%) } -.sf-c-lightsteelblue\:30, .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 30%) } -.sf-c-lightsteelblue\:35, .sf-c-lightsteelblue\:35\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 35%) } -.sf-c-lightsteelblue\:40, .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 40%) } -.sf-c-lightsteelblue\:45, .sf-c-lightsteelblue\:45\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 45%) } -.sf-c-lightsteelblue\:50, .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 50%) } -.sf-c-lightsteelblue\:55, .sf-c-lightsteelblue\:55\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 55%) } -.sf-c-lightsteelblue\:60, .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 60%) } -.sf-c-lightsteelblue\:65, .sf-c-lightsteelblue\:65\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 65%) } -.sf-c-lightsteelblue\:70, .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 70%) } -.sf-c-lightsteelblue\:75, .sf-c-lightsteelblue\:75\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 75%) } -.sf-c-lightsteelblue\:80, .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 80%) } -.sf-c-lightsteelblue\:85, .sf-c-lightsteelblue\:85\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 85%) } -.sf-c-lightsteelblue\:90, .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 90%) } -.sf-c-lightsteelblue\:95, .sf-c-lightsteelblue\:95\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } -.sf-c-lightsteelblue\:100, .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } - -.sf-c-txt-lightsteelblue { color: hsl(214, 41%, 10%) } -.sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } -.sf-c-txt-lightsteelblue\:0, .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } -.sf-c-txt-lightsteelblue\:5, .sf-c-txt-lightsteelblue\:5\:st { color: hsl(214, 41%, 5%) } -.sf-c-txt-lightsteelblue\:10, .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } -.sf-c-txt-lightsteelblue\:15, .sf-c-txt-lightsteelblue\:15\:st { color: hsl(214, 41%, 15%) } -.sf-c-txt-lightsteelblue\:20, .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } -.sf-c-txt-lightsteelblue\:25, .sf-c-txt-lightsteelblue\:25\:st { color: hsl(214, 41%, 25%) } -.sf-c-txt-lightsteelblue\:30, .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } -.sf-c-txt-lightsteelblue\:35, .sf-c-txt-lightsteelblue\:35\:st { color: hsl(214, 41%, 35%) } -.sf-c-txt-lightsteelblue\:40, .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } -.sf-c-txt-lightsteelblue\:45, .sf-c-txt-lightsteelblue\:45\:st { color: hsl(214, 41%, 45%) } -.sf-c-txt-lightsteelblue\:50, .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } -.sf-c-txt-lightsteelblue\:55, .sf-c-txt-lightsteelblue\:55\:st { color: hsl(214, 41%, 55%) } -.sf-c-txt-lightsteelblue\:60, .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } -.sf-c-txt-lightsteelblue\:65, .sf-c-txt-lightsteelblue\:65\:st { color: hsl(214, 41%, 65%) } -.sf-c-txt-lightsteelblue\:70, .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } -.sf-c-txt-lightsteelblue\:75, .sf-c-txt-lightsteelblue\:75\:st { color: hsl(214, 41%, 75%) } -.sf-c-txt-lightsteelblue\:80, .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } -.sf-c-txt-lightsteelblue\:85, .sf-c-txt-lightsteelblue\:85\:st { color: hsl(214, 41%, 85%) } -.sf-c-txt-lightsteelblue\:90, .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } -.sf-c-txt-lightsteelblue\:95, .sf-c-txt-lightsteelblue\:95\:st { color: hsl(214, 41%, 95%) } -.sf-c-txt-lightsteelblue\:100, .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } - -html[data-theme='dark'] .sf-c-lightsteelblue, html.dark .sf-c-lightsteelblue { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 22%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:0, html.dark .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:5, html.dark .sf-c-lightsteelblue\:5 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:10, html.dark .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:15, html.dark .sf-c-lightsteelblue\:15 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 85%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:20, html.dark .sf-c-lightsteelblue\:20 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:25, html.dark .sf-c-lightsteelblue\:25 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 75%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:30, html.dark .sf-c-lightsteelblue\:30 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:35, html.dark .sf-c-lightsteelblue\:35 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 65%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:40, html.dark .sf-c-lightsteelblue\:40 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:45, html.dark .sf-c-lightsteelblue\:45 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 55%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:50, html.dark .sf-c-lightsteelblue\:50 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:55, html.dark .sf-c-lightsteelblue\:55 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 45%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:60, html.dark .sf-c-lightsteelblue\:60 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:65, html.dark .sf-c-lightsteelblue\:65 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 35%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:70, html.dark .sf-c-lightsteelblue\:70 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:75, html.dark .sf-c-lightsteelblue\:75 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 25%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:80, html.dark .sf-c-lightsteelblue\:80 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:85, html.dark .sf-c-lightsteelblue\:85 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 15%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:90, html.dark .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:95, html.dark .sf-c-lightsteelblue\:95 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:100, html.dark .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } - -html[data-theme='dark'] .sf-c-lightsteelblue\:st, html.dark .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:0\:st, html.dark .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:5\:st, html.dark .sf-c-lightsteelblue\:5\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:10\:st, html.dark .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:15\:st, html.dark .sf-c-lightsteelblue\:15\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 15%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:20\:st, html.dark .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:25\:st, html.dark .sf-c-lightsteelblue\:25\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 25%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:30\:st, html.dark .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:35\:st, html.dark .sf-c-lightsteelblue\:35\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 35%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:40\:st, html.dark .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:45\:st, html.dark .sf-c-lightsteelblue\:45\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 45%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:50\:st, html.dark .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:55\:st, html.dark .sf-c-lightsteelblue\:55\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 55%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:60\:st, html.dark .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:65\:st, html.dark .sf-c-lightsteelblue\:65\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 65%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:70\:st, html.dark .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:75\:st, html.dark .sf-c-lightsteelblue\:75\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 75%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:80\:st, html.dark .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:85\:st, html.dark .sf-c-lightsteelblue\:85\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 85%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:90\:st, html.dark .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:95\:st, html.dark .sf-c-lightsteelblue\:95\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } -html[data-theme='dark'] .sf-c-lightsteelblue\:100\:st, html.dark .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:5, html.dark .sf-c-txt-lightsteelblue\:5 { color: hsl(214, 41%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:15, html.dark .sf-c-txt-lightsteelblue\:15 { color: hsl(214, 41%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:25, html.dark .sf-c-txt-lightsteelblue\:25 { color: hsl(214, 41%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:35, html.dark .sf-c-txt-lightsteelblue\:35 { color: hsl(214, 41%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:45, html.dark .sf-c-txt-lightsteelblue\:45 { color: hsl(214, 41%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:55, html.dark .sf-c-txt-lightsteelblue\:55 { color: hsl(214, 41%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:65, html.dark .sf-c-txt-lightsteelblue\:65 { color: hsl(214, 41%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:75, html.dark .sf-c-txt-lightsteelblue\:75 { color: hsl(214, 41%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:85, html.dark .sf-c-txt-lightsteelblue\:85 { color: hsl(214, 41%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:95, html.dark .sf-c-txt-lightsteelblue\:95 { color: hsl(214, 41%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:st, html.dark .sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:st, html.dark .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:5\:st, html.dark .sf-c-txt-lightsteelblue\:5\:st { color: hsl(214, 41%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:st, html.dark .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:15\:st, html.dark .sf-c-txt-lightsteelblue\:15\:st { color: hsl(214, 41%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:st, html.dark .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:25\:st, html.dark .sf-c-txt-lightsteelblue\:25\:st { color: hsl(214, 41%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:st, html.dark .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:35\:st, html.dark .sf-c-txt-lightsteelblue\:35\:st { color: hsl(214, 41%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:st, html.dark .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:45\:st, html.dark .sf-c-txt-lightsteelblue\:45\:st { color: hsl(214, 41%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:st, html.dark .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:55\:st, html.dark .sf-c-txt-lightsteelblue\:55\:st { color: hsl(214, 41%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:st, html.dark .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:65\:st, html.dark .sf-c-txt-lightsteelblue\:65\:st { color: hsl(214, 41%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:st, html.dark .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:75\:st, html.dark .sf-c-txt-lightsteelblue\:75\:st { color: hsl(214, 41%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:st, html.dark .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:85\:st, html.dark .sf-c-txt-lightsteelblue\:85\:st { color: hsl(214, 41%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:st, html.dark .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:95\:st, html.dark .sf-c-txt-lightsteelblue\:95\:st { color: hsl(214, 41%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:st, html.dark .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightsteelblue, html.auto .sf-c-lightsteelblue { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 22%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:0, html.auto .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:5, html.auto .sf-c-lightsteelblue\:5 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:10, html.auto .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:15, html.auto .sf-c-lightsteelblue\:15 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 85%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:20, html.auto .sf-c-lightsteelblue\:20 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:25, html.auto .sf-c-lightsteelblue\:25 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 75%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:30, html.auto .sf-c-lightsteelblue\:30 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:35, html.auto .sf-c-lightsteelblue\:35 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 65%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:40, html.auto .sf-c-lightsteelblue\:40 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:45, html.auto .sf-c-lightsteelblue\:45 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 55%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:50, html.auto .sf-c-lightsteelblue\:50 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:55, html.auto .sf-c-lightsteelblue\:55 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 45%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:60, html.auto .sf-c-lightsteelblue\:60 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:65, html.auto .sf-c-lightsteelblue\:65 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 35%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:70, html.auto .sf-c-lightsteelblue\:70 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:75, html.auto .sf-c-lightsteelblue\:75 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 25%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:80, html.auto .sf-c-lightsteelblue\:80 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:85, html.auto .sf-c-lightsteelblue\:85 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 15%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:90, html.auto .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:95, html.auto .sf-c-lightsteelblue\:95 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:100, html.auto .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } - - html[data-theme='auto'] .sf-c-lightsteelblue\:st, html.auto .sf-c-lightsteelblue\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:0\:st, html.auto .sf-c-lightsteelblue\:0\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:5\:st, html.auto .sf-c-lightsteelblue\:5\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:10\:st, html.auto .sf-c-lightsteelblue\:10\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:15\:st, html.auto .sf-c-lightsteelblue\:15\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 15%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:20\:st, html.auto .sf-c-lightsteelblue\:20\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:25\:st, html.auto .sf-c-lightsteelblue\:25\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 25%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:30\:st, html.auto .sf-c-lightsteelblue\:30\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:35\:st, html.auto .sf-c-lightsteelblue\:35\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 35%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:40\:st, html.auto .sf-c-lightsteelblue\:40\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:45\:st, html.auto .sf-c-lightsteelblue\:45\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 45%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:50\:st, html.auto .sf-c-lightsteelblue\:50\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:55\:st, html.auto .sf-c-lightsteelblue\:55\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 55%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:60\:st, html.auto .sf-c-lightsteelblue\:60\:st { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:65\:st, html.auto .sf-c-lightsteelblue\:65\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 65%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:70\:st, html.auto .sf-c-lightsteelblue\:70\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:75\:st, html.auto .sf-c-lightsteelblue\:75\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 75%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:80\:st, html.auto .sf-c-lightsteelblue\:80\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:85\:st, html.auto .sf-c-lightsteelblue\:85\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 85%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:90\:st, html.auto .sf-c-lightsteelblue\:90\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:95\:st, html.auto .sf-c-lightsteelblue\:95\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } - html[data-theme='auto'] .sf-c-lightsteelblue\:100\:st, html.auto .sf-c-lightsteelblue\:100\:st { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:5, html.auto .sf-c-txt-lightsteelblue\:5 { color: hsl(214, 41%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:15, html.auto .sf-c-txt-lightsteelblue\:15 { color: hsl(214, 41%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:25, html.auto .sf-c-txt-lightsteelblue\:25 { color: hsl(214, 41%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:35, html.auto .sf-c-txt-lightsteelblue\:35 { color: hsl(214, 41%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:45, html.auto .sf-c-txt-lightsteelblue\:45 { color: hsl(214, 41%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:55, html.auto .sf-c-txt-lightsteelblue\:55 { color: hsl(214, 41%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:65, html.auto .sf-c-txt-lightsteelblue\:65 { color: hsl(214, 41%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:75, html.auto .sf-c-txt-lightsteelblue\:75 { color: hsl(214, 41%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:85, html.auto .sf-c-txt-lightsteelblue\:85 { color: hsl(214, 41%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:95, html.auto .sf-c-txt-lightsteelblue\:95 { color: hsl(214, 41%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:st, html.auto .sf-c-txt-lightsteelblue\:st { color: hsl(214, 41%, 78%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:st, html.auto .sf-c-txt-lightsteelblue\:0\:st { color: hsl(214, 41%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:5\:st, html.auto .sf-c-txt-lightsteelblue\:5\:st { color: hsl(214, 41%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:st, html.auto .sf-c-txt-lightsteelblue\:10\:st { color: hsl(214, 41%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:15\:st, html.auto .sf-c-txt-lightsteelblue\:15\:st { color: hsl(214, 41%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:st, html.auto .sf-c-txt-lightsteelblue\:20\:st { color: hsl(214, 41%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:25\:st, html.auto .sf-c-txt-lightsteelblue\:25\:st { color: hsl(214, 41%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:st, html.auto .sf-c-txt-lightsteelblue\:30\:st { color: hsl(214, 41%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:35\:st, html.auto .sf-c-txt-lightsteelblue\:35\:st { color: hsl(214, 41%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:st, html.auto .sf-c-txt-lightsteelblue\:40\:st { color: hsl(214, 41%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:45\:st, html.auto .sf-c-txt-lightsteelblue\:45\:st { color: hsl(214, 41%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:st, html.auto .sf-c-txt-lightsteelblue\:50\:st { color: hsl(214, 41%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:55\:st, html.auto .sf-c-txt-lightsteelblue\:55\:st { color: hsl(214, 41%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:st, html.auto .sf-c-txt-lightsteelblue\:60\:st { color: hsl(214, 41%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:65\:st, html.auto .sf-c-txt-lightsteelblue\:65\:st { color: hsl(214, 41%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:st, html.auto .sf-c-txt-lightsteelblue\:70\:st { color: hsl(214, 41%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:75\:st, html.auto .sf-c-txt-lightsteelblue\:75\:st { color: hsl(214, 41%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:st, html.auto .sf-c-txt-lightsteelblue\:80\:st { color: hsl(214, 41%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:85\:st, html.auto .sf-c-txt-lightsteelblue\:85\:st { color: hsl(214, 41%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:st, html.auto .sf-c-txt-lightsteelblue\:90\:st { color: hsl(214, 41%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:95\:st, html.auto .sf-c-txt-lightsteelblue\:95\:st { color: hsl(214, 41%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:st, html.auto .sf-c-txt-lightsteelblue\:100\:st { color: hsl(214, 41%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lightyellow.css b/src/colors/20/lightyellow.css deleted file mode 100644 index 092e9d8..0000000 --- a/src/colors/20/lightyellow.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lightyellow { - --sf-c-lightyellow: 60 100% 94%; - --sf-c-lightyellow-0: 60 100% 0%; - --sf-c-lightyellow-5: 60 100% 5%; - --sf-c-lightyellow-10: 60 100% 10%; - --sf-c-lightyellow-15: 60 100% 15%; - --sf-c-lightyellow-20: 60 100% 20%; - --sf-c-lightyellow-25: 60 100% 25%; - --sf-c-lightyellow-30: 60 100% 30%; - --sf-c-lightyellow-35: 60 100% 35%; - --sf-c-lightyellow-40: 60 100% 40%; - --sf-c-lightyellow-45: 60 100% 45%; - --sf-c-lightyellow-50: 60 100% 50%; - --sf-c-lightyellow-55: 60 100% 55%; - --sf-c-lightyellow-60: 60 100% 60%; - --sf-c-lightyellow-65: 60 100% 65%; - --sf-c-lightyellow-70: 60 100% 70%; - --sf-c-lightyellow-75: 60 100% 75%; - --sf-c-lightyellow-80: 60 100% 80%; - --sf-c-lightyellow-85: 60 100% 85%; - --sf-c-lightyellow-90: 60 100% 90%; - --sf-c-lightyellow-95: 60 100% 95%; - --sf-c-lightyellow-100: 60 100% 100%; -} - -.sf-c-lightyellow, .sf-c-lightyellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 94%) } -.sf-c-lightyellow\:0, .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -.sf-c-lightyellow\:5, .sf-c-lightyellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -.sf-c-lightyellow\:10, .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -.sf-c-lightyellow\:15, .sf-c-lightyellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -.sf-c-lightyellow\:20, .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -.sf-c-lightyellow\:25, .sf-c-lightyellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -.sf-c-lightyellow\:30, .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -.sf-c-lightyellow\:35, .sf-c-lightyellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -.sf-c-lightyellow\:40, .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -.sf-c-lightyellow\:45, .sf-c-lightyellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -.sf-c-lightyellow\:50, .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -.sf-c-lightyellow\:55, .sf-c-lightyellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -.sf-c-lightyellow\:60, .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -.sf-c-lightyellow\:65, .sf-c-lightyellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -.sf-c-lightyellow\:70, .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -.sf-c-lightyellow\:75, .sf-c-lightyellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -.sf-c-lightyellow\:80, .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -.sf-c-lightyellow\:85, .sf-c-lightyellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -.sf-c-lightyellow\:90, .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -.sf-c-lightyellow\:95, .sf-c-lightyellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -.sf-c-lightyellow\:100, .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-lightyellow { color: hsl(60, 100%, 10%) } -.sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } -.sf-c-txt-lightyellow\:0, .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-lightyellow\:5, .sf-c-txt-lightyellow\:5\:st { color: hsl(60, 100%, 5%) } -.sf-c-txt-lightyellow\:10, .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-lightyellow\:15, .sf-c-txt-lightyellow\:15\:st { color: hsl(60, 100%, 15%) } -.sf-c-txt-lightyellow\:20, .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-lightyellow\:25, .sf-c-txt-lightyellow\:25\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-lightyellow\:30, .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-lightyellow\:35, .sf-c-txt-lightyellow\:35\:st { color: hsl(60, 100%, 35%) } -.sf-c-txt-lightyellow\:40, .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-lightyellow\:45, .sf-c-txt-lightyellow\:45\:st { color: hsl(60, 100%, 45%) } -.sf-c-txt-lightyellow\:50, .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-lightyellow\:55, .sf-c-txt-lightyellow\:55\:st { color: hsl(60, 100%, 55%) } -.sf-c-txt-lightyellow\:60, .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-lightyellow\:65, .sf-c-txt-lightyellow\:65\:st { color: hsl(60, 100%, 65%) } -.sf-c-txt-lightyellow\:70, .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-lightyellow\:75, .sf-c-txt-lightyellow\:75\:st { color: hsl(60, 100%, 75%) } -.sf-c-txt-lightyellow\:80, .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-lightyellow\:85, .sf-c-txt-lightyellow\:85\:st { color: hsl(60, 100%, 85%) } -.sf-c-txt-lightyellow\:90, .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-lightyellow\:95, .sf-c-txt-lightyellow\:95\:st { color: hsl(60, 100%, 95%) } -.sf-c-txt-lightyellow\:100, .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lightyellow, html.dark .sf-c-lightyellow { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 6%) } -html[data-theme='dark'] .sf-c-lightyellow\:0, html.dark .sf-c-lightyellow\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-lightyellow\:5, html.dark .sf-c-lightyellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightyellow\:10, html.dark .sf-c-lightyellow\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightyellow\:15, html.dark .sf-c-lightyellow\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightyellow\:20, html.dark .sf-c-lightyellow\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightyellow\:25, html.dark .sf-c-lightyellow\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightyellow\:30, html.dark .sf-c-lightyellow\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightyellow\:35, html.dark .sf-c-lightyellow\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightyellow\:40, html.dark .sf-c-lightyellow\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightyellow\:45, html.dark .sf-c-lightyellow\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightyellow\:50, html.dark .sf-c-lightyellow\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightyellow\:55, html.dark .sf-c-lightyellow\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightyellow\:60, html.dark .sf-c-lightyellow\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightyellow\:65, html.dark .sf-c-lightyellow\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightyellow\:70, html.dark .sf-c-lightyellow\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightyellow\:75, html.dark .sf-c-lightyellow\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightyellow\:80, html.dark .sf-c-lightyellow\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightyellow\:85, html.dark .sf-c-lightyellow\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightyellow\:90, html.dark .sf-c-lightyellow\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightyellow\:95, html.dark .sf-c-lightyellow\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightyellow\:100, html.dark .sf-c-lightyellow\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lightyellow\:st, html.dark .sf-c-lightyellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-lightyellow\:0\:st, html.dark .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-lightyellow\:5\:st, html.dark .sf-c-lightyellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-lightyellow\:10\:st, html.dark .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-lightyellow\:15\:st, html.dark .sf-c-lightyellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-lightyellow\:20\:st, html.dark .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-lightyellow\:25\:st, html.dark .sf-c-lightyellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-lightyellow\:30\:st, html.dark .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-lightyellow\:35\:st, html.dark .sf-c-lightyellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-lightyellow\:40\:st, html.dark .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-lightyellow\:45\:st, html.dark .sf-c-lightyellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-lightyellow\:50\:st, html.dark .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-lightyellow\:55\:st, html.dark .sf-c-lightyellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-lightyellow\:60\:st, html.dark .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-lightyellow\:65\:st, html.dark .sf-c-lightyellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-lightyellow\:70\:st, html.dark .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-lightyellow\:75\:st, html.dark .sf-c-lightyellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-lightyellow\:80\:st, html.dark .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-lightyellow\:85\:st, html.dark .sf-c-lightyellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-lightyellow\:90\:st, html.dark .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-lightyellow\:95\:st, html.dark .sf-c-lightyellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-lightyellow\:100\:st, html.dark .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:5, html.dark .sf-c-txt-lightyellow\:5 { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:15, html.dark .sf-c-txt-lightyellow\:15 { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:25, html.dark .sf-c-txt-lightyellow\:25 { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:35, html.dark .sf-c-txt-lightyellow\:35 { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:45, html.dark .sf-c-txt-lightyellow\:45 { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:55, html.dark .sf-c-txt-lightyellow\:55 { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:65, html.dark .sf-c-txt-lightyellow\:65 { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:75, html.dark .sf-c-txt-lightyellow\:75 { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:85, html.dark .sf-c-txt-lightyellow\:85 { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:95, html.dark .sf-c-txt-lightyellow\:95 { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lightyellow\:st, html.dark .sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:0\:st, html.dark .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:5\:st, html.dark .sf-c-txt-lightyellow\:5\:st { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:10\:st, html.dark .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:15\:st, html.dark .sf-c-txt-lightyellow\:15\:st { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:20\:st, html.dark .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:25\:st, html.dark .sf-c-txt-lightyellow\:25\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:30\:st, html.dark .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:35\:st, html.dark .sf-c-txt-lightyellow\:35\:st { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:40\:st, html.dark .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:45\:st, html.dark .sf-c-txt-lightyellow\:45\:st { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:50\:st, html.dark .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:55\:st, html.dark .sf-c-txt-lightyellow\:55\:st { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:60\:st, html.dark .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:65\:st, html.dark .sf-c-txt-lightyellow\:65\:st { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:70\:st, html.dark .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:75\:st, html.dark .sf-c-txt-lightyellow\:75\:st { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:80\:st, html.dark .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:85\:st, html.dark .sf-c-txt-lightyellow\:85\:st { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:90\:st, html.dark .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:95\:st, html.dark .sf-c-txt-lightyellow\:95\:st { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lightyellow\:100\:st, html.dark .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lightyellow, html.auto .sf-c-lightyellow { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 6%) } - html[data-theme='auto'] .sf-c-lightyellow\:0, html.auto .sf-c-lightyellow\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-lightyellow\:5, html.auto .sf-c-lightyellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightyellow\:10, html.auto .sf-c-lightyellow\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightyellow\:15, html.auto .sf-c-lightyellow\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightyellow\:20, html.auto .sf-c-lightyellow\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightyellow\:25, html.auto .sf-c-lightyellow\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightyellow\:30, html.auto .sf-c-lightyellow\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightyellow\:35, html.auto .sf-c-lightyellow\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightyellow\:40, html.auto .sf-c-lightyellow\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightyellow\:45, html.auto .sf-c-lightyellow\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightyellow\:50, html.auto .sf-c-lightyellow\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightyellow\:55, html.auto .sf-c-lightyellow\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightyellow\:60, html.auto .sf-c-lightyellow\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightyellow\:65, html.auto .sf-c-lightyellow\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightyellow\:70, html.auto .sf-c-lightyellow\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightyellow\:75, html.auto .sf-c-lightyellow\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightyellow\:80, html.auto .sf-c-lightyellow\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightyellow\:85, html.auto .sf-c-lightyellow\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightyellow\:90, html.auto .sf-c-lightyellow\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightyellow\:95, html.auto .sf-c-lightyellow\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightyellow\:100, html.auto .sf-c-lightyellow\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lightyellow\:st, html.auto .sf-c-lightyellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-lightyellow\:0\:st, html.auto .sf-c-lightyellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-lightyellow\:5\:st, html.auto .sf-c-lightyellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-lightyellow\:10\:st, html.auto .sf-c-lightyellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-lightyellow\:15\:st, html.auto .sf-c-lightyellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-lightyellow\:20\:st, html.auto .sf-c-lightyellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-lightyellow\:25\:st, html.auto .sf-c-lightyellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-lightyellow\:30\:st, html.auto .sf-c-lightyellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-lightyellow\:35\:st, html.auto .sf-c-lightyellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-lightyellow\:40\:st, html.auto .sf-c-lightyellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-lightyellow\:45\:st, html.auto .sf-c-lightyellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-lightyellow\:50\:st, html.auto .sf-c-lightyellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-lightyellow\:55\:st, html.auto .sf-c-lightyellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-lightyellow\:60\:st, html.auto .sf-c-lightyellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-lightyellow\:65\:st, html.auto .sf-c-lightyellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-lightyellow\:70\:st, html.auto .sf-c-lightyellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-lightyellow\:75\:st, html.auto .sf-c-lightyellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-lightyellow\:80\:st, html.auto .sf-c-lightyellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-lightyellow\:85\:st, html.auto .sf-c-lightyellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-lightyellow\:90\:st, html.auto .sf-c-lightyellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-lightyellow\:95\:st, html.auto .sf-c-lightyellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-lightyellow\:100\:st, html.auto .sf-c-lightyellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:5, html.auto .sf-c-txt-lightyellow\:5 { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:15, html.auto .sf-c-txt-lightyellow\:15 { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:25, html.auto .sf-c-txt-lightyellow\:25 { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:35, html.auto .sf-c-txt-lightyellow\:35 { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:45, html.auto .sf-c-txt-lightyellow\:45 { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:55, html.auto .sf-c-txt-lightyellow\:55 { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:65, html.auto .sf-c-txt-lightyellow\:65 { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:75, html.auto .sf-c-txt-lightyellow\:75 { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:85, html.auto .sf-c-txt-lightyellow\:85 { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:95, html.auto .sf-c-txt-lightyellow\:95 { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lightyellow\:st, html.auto .sf-c-txt-lightyellow\:st { color: hsl(60, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:0\:st, html.auto .sf-c-txt-lightyellow\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:5\:st, html.auto .sf-c-txt-lightyellow\:5\:st { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:10\:st, html.auto .sf-c-txt-lightyellow\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:15\:st, html.auto .sf-c-txt-lightyellow\:15\:st { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:20\:st, html.auto .sf-c-txt-lightyellow\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:25\:st, html.auto .sf-c-txt-lightyellow\:25\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:30\:st, html.auto .sf-c-txt-lightyellow\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:35\:st, html.auto .sf-c-txt-lightyellow\:35\:st { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:40\:st, html.auto .sf-c-txt-lightyellow\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:45\:st, html.auto .sf-c-txt-lightyellow\:45\:st { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:50\:st, html.auto .sf-c-txt-lightyellow\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:55\:st, html.auto .sf-c-txt-lightyellow\:55\:st { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:60\:st, html.auto .sf-c-txt-lightyellow\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:65\:st, html.auto .sf-c-txt-lightyellow\:65\:st { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:70\:st, html.auto .sf-c-txt-lightyellow\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:75\:st, html.auto .sf-c-txt-lightyellow\:75\:st { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:80\:st, html.auto .sf-c-txt-lightyellow\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:85\:st, html.auto .sf-c-txt-lightyellow\:85\:st { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:90\:st, html.auto .sf-c-txt-lightyellow\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:95\:st, html.auto .sf-c-txt-lightyellow\:95\:st { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lightyellow\:100\:st, html.auto .sf-c-txt-lightyellow\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/lime.css b/src/colors/20/lime.css deleted file mode 100644 index 63ce18f..0000000 --- a/src/colors/20/lime.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-lime { - --sf-c-lime: 120 100% 50%; - --sf-c-lime-0: 120 100% 0%; - --sf-c-lime-5: 120 100% 5%; - --sf-c-lime-10: 120 100% 10%; - --sf-c-lime-15: 120 100% 15%; - --sf-c-lime-20: 120 100% 20%; - --sf-c-lime-25: 120 100% 25%; - --sf-c-lime-30: 120 100% 30%; - --sf-c-lime-35: 120 100% 35%; - --sf-c-lime-40: 120 100% 40%; - --sf-c-lime-45: 120 100% 45%; - --sf-c-lime-50: 120 100% 50%; - --sf-c-lime-55: 120 100% 55%; - --sf-c-lime-60: 120 100% 60%; - --sf-c-lime-65: 120 100% 65%; - --sf-c-lime-70: 120 100% 70%; - --sf-c-lime-75: 120 100% 75%; - --sf-c-lime-80: 120 100% 80%; - --sf-c-lime-85: 120 100% 85%; - --sf-c-lime-90: 120 100% 90%; - --sf-c-lime-95: 120 100% 95%; - --sf-c-lime-100: 120 100% 100%; -} - -.sf-c-lime, .sf-c-lime\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -.sf-c-lime\:0, .sf-c-lime\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -.sf-c-lime\:5, .sf-c-lime\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -.sf-c-lime\:10, .sf-c-lime\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -.sf-c-lime\:15, .sf-c-lime\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -.sf-c-lime\:20, .sf-c-lime\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -.sf-c-lime\:25, .sf-c-lime\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -.sf-c-lime\:30, .sf-c-lime\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -.sf-c-lime\:35, .sf-c-lime\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -.sf-c-lime\:40, .sf-c-lime\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -.sf-c-lime\:45, .sf-c-lime\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -.sf-c-lime\:50, .sf-c-lime\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -.sf-c-lime\:55, .sf-c-lime\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -.sf-c-lime\:60, .sf-c-lime\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -.sf-c-lime\:65, .sf-c-lime\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -.sf-c-lime\:70, .sf-c-lime\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -.sf-c-lime\:75, .sf-c-lime\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -.sf-c-lime\:80, .sf-c-lime\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -.sf-c-lime\:85, .sf-c-lime\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -.sf-c-lime\:90, .sf-c-lime\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -.sf-c-lime\:95, .sf-c-lime\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -.sf-c-lime\:100, .sf-c-lime\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -.sf-c-txt-lime { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:0, .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } -.sf-c-txt-lime\:5, .sf-c-txt-lime\:5\:st { color: hsl(120, 100%, 5%) } -.sf-c-txt-lime\:10, .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } -.sf-c-txt-lime\:15, .sf-c-txt-lime\:15\:st { color: hsl(120, 100%, 15%) } -.sf-c-txt-lime\:20, .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } -.sf-c-txt-lime\:25, .sf-c-txt-lime\:25\:st { color: hsl(120, 100%, 25%) } -.sf-c-txt-lime\:30, .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } -.sf-c-txt-lime\:35, .sf-c-txt-lime\:35\:st { color: hsl(120, 100%, 35%) } -.sf-c-txt-lime\:40, .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } -.sf-c-txt-lime\:45, .sf-c-txt-lime\:45\:st { color: hsl(120, 100%, 45%) } -.sf-c-txt-lime\:50, .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } -.sf-c-txt-lime\:55, .sf-c-txt-lime\:55\:st { color: hsl(120, 100%, 55%) } -.sf-c-txt-lime\:60, .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } -.sf-c-txt-lime\:65, .sf-c-txt-lime\:65\:st { color: hsl(120, 100%, 65%) } -.sf-c-txt-lime\:70, .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } -.sf-c-txt-lime\:75, .sf-c-txt-lime\:75\:st { color: hsl(120, 100%, 75%) } -.sf-c-txt-lime\:80, .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } -.sf-c-txt-lime\:85, .sf-c-txt-lime\:85\:st { color: hsl(120, 100%, 85%) } -.sf-c-txt-lime\:90, .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } -.sf-c-txt-lime\:95, .sf-c-txt-lime\:95\:st { color: hsl(120, 100%, 95%) } -.sf-c-txt-lime\:100, .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-lime, html.dark .sf-c-lime { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:0, html.dark .sf-c-lime\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-lime\:5, html.dark .sf-c-lime\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-lime\:10, html.dark .sf-c-lime\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-lime\:15, html.dark .sf-c-lime\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-lime\:20, html.dark .sf-c-lime\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-lime\:25, html.dark .sf-c-lime\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-lime\:30, html.dark .sf-c-lime\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-lime\:35, html.dark .sf-c-lime\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-lime\:40, html.dark .sf-c-lime\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-lime\:45, html.dark .sf-c-lime\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-lime\:50, html.dark .sf-c-lime\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:55, html.dark .sf-c-lime\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-lime\:60, html.dark .sf-c-lime\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-lime\:65, html.dark .sf-c-lime\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-lime\:70, html.dark .sf-c-lime\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-lime\:75, html.dark .sf-c-lime\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-lime\:80, html.dark .sf-c-lime\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-lime\:85, html.dark .sf-c-lime\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-lime\:90, html.dark .sf-c-lime\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-lime\:95, html.dark .sf-c-lime\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-lime\:100, html.dark .sf-c-lime\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-lime\:st, html.dark .sf-c-lime\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:0\:st, html.dark .sf-c-lime\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-lime\:5\:st, html.dark .sf-c-lime\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-lime\:10\:st, html.dark .sf-c-lime\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-lime\:15\:st, html.dark .sf-c-lime\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-lime\:20\:st, html.dark .sf-c-lime\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-lime\:25\:st, html.dark .sf-c-lime\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-lime\:30\:st, html.dark .sf-c-lime\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-lime\:35\:st, html.dark .sf-c-lime\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-lime\:40\:st, html.dark .sf-c-lime\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-lime\:45\:st, html.dark .sf-c-lime\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-lime\:50\:st, html.dark .sf-c-lime\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-lime\:55\:st, html.dark .sf-c-lime\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-lime\:60\:st, html.dark .sf-c-lime\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-lime\:65\:st, html.dark .sf-c-lime\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-lime\:70\:st, html.dark .sf-c-lime\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-lime\:75\:st, html.dark .sf-c-lime\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-lime\:80\:st, html.dark .sf-c-lime\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-lime\:85\:st, html.dark .sf-c-lime\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-lime\:90\:st, html.dark .sf-c-lime\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-lime\:95\:st, html.dark .sf-c-lime\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-lime\:100\:st, html.dark .sf-c-lime\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-lime\:5, html.dark .sf-c-txt-lime\:5 { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lime\:15, html.dark .sf-c-txt-lime\:15 { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lime\:25, html.dark .sf-c-txt-lime\:25 { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lime\:35, html.dark .sf-c-txt-lime\:35 { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lime\:45, html.dark .sf-c-txt-lime\:45 { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:55, html.dark .sf-c-txt-lime\:55 { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lime\:65, html.dark .sf-c-txt-lime\:65 { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lime\:75, html.dark .sf-c-txt-lime\:75 { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lime\:85, html.dark .sf-c-txt-lime\:85 { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lime\:95, html.dark .sf-c-txt-lime\:95 { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-lime\:st, html.dark .sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:0\:st, html.dark .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-lime\:5\:st, html.dark .sf-c-txt-lime\:5\:st { color: hsl(120, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-lime\:10\:st, html.dark .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-lime\:15\:st, html.dark .sf-c-txt-lime\:15\:st { color: hsl(120, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-lime\:20\:st, html.dark .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-lime\:25\:st, html.dark .sf-c-txt-lime\:25\:st { color: hsl(120, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-lime\:30\:st, html.dark .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-lime\:35\:st, html.dark .sf-c-txt-lime\:35\:st { color: hsl(120, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-lime\:40\:st, html.dark .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-lime\:45\:st, html.dark .sf-c-txt-lime\:45\:st { color: hsl(120, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-lime\:50\:st, html.dark .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-lime\:55\:st, html.dark .sf-c-txt-lime\:55\:st { color: hsl(120, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-lime\:60\:st, html.dark .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-lime\:65\:st, html.dark .sf-c-txt-lime\:65\:st { color: hsl(120, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-lime\:70\:st, html.dark .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-lime\:75\:st, html.dark .sf-c-txt-lime\:75\:st { color: hsl(120, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-lime\:80\:st, html.dark .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-lime\:85\:st, html.dark .sf-c-txt-lime\:85\:st { color: hsl(120, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-lime\:90\:st, html.dark .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-lime\:95\:st, html.dark .sf-c-txt-lime\:95\:st { color: hsl(120, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-lime\:100\:st, html.dark .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-lime, html.auto .sf-c-lime { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:0, html.auto .sf-c-lime\:0 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-lime\:5, html.auto .sf-c-lime\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-lime\:10, html.auto .sf-c-lime\:10 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-lime\:15, html.auto .sf-c-lime\:15 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-lime\:20, html.auto .sf-c-lime\:20 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-lime\:25, html.auto .sf-c-lime\:25 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-lime\:30, html.auto .sf-c-lime\:30 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-lime\:35, html.auto .sf-c-lime\:35 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-lime\:40, html.auto .sf-c-lime\:40 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-lime\:45, html.auto .sf-c-lime\:45 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-lime\:50, html.auto .sf-c-lime\:50 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:55, html.auto .sf-c-lime\:55 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-lime\:60, html.auto .sf-c-lime\:60 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-lime\:65, html.auto .sf-c-lime\:65 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-lime\:70, html.auto .sf-c-lime\:70 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-lime\:75, html.auto .sf-c-lime\:75 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-lime\:80, html.auto .sf-c-lime\:80 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-lime\:85, html.auto .sf-c-lime\:85 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-lime\:90, html.auto .sf-c-lime\:90 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-lime\:95, html.auto .sf-c-lime\:95 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-lime\:100, html.auto .sf-c-lime\:100 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-lime\:st, html.auto .sf-c-lime\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:0\:st, html.auto .sf-c-lime\:0\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-lime\:5\:st, html.auto .sf-c-lime\:5\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-lime\:10\:st, html.auto .sf-c-lime\:10\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-lime\:15\:st, html.auto .sf-c-lime\:15\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-lime\:20\:st, html.auto .sf-c-lime\:20\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-lime\:25\:st, html.auto .sf-c-lime\:25\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-lime\:30\:st, html.auto .sf-c-lime\:30\:st { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-lime\:35\:st, html.auto .sf-c-lime\:35\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-lime\:40\:st, html.auto .sf-c-lime\:40\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-lime\:45\:st, html.auto .sf-c-lime\:45\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-lime\:50\:st, html.auto .sf-c-lime\:50\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-lime\:55\:st, html.auto .sf-c-lime\:55\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-lime\:60\:st, html.auto .sf-c-lime\:60\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-lime\:65\:st, html.auto .sf-c-lime\:65\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-lime\:70\:st, html.auto .sf-c-lime\:70\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-lime\:75\:st, html.auto .sf-c-lime\:75\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-lime\:80\:st, html.auto .sf-c-lime\:80\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-lime\:85\:st, html.auto .sf-c-lime\:85\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-lime\:90\:st, html.auto .sf-c-lime\:90\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-lime\:95\:st, html.auto .sf-c-lime\:95\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-lime\:100\:st, html.auto .sf-c-lime\:100\:st { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-lime\:5, html.auto .sf-c-txt-lime\:5 { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lime\:15, html.auto .sf-c-txt-lime\:15 { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lime\:25, html.auto .sf-c-txt-lime\:25 { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lime\:35, html.auto .sf-c-txt-lime\:35 { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lime\:45, html.auto .sf-c-txt-lime\:45 { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:55, html.auto .sf-c-txt-lime\:55 { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lime\:65, html.auto .sf-c-txt-lime\:65 { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lime\:75, html.auto .sf-c-txt-lime\:75 { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lime\:85, html.auto .sf-c-txt-lime\:85 { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lime\:95, html.auto .sf-c-txt-lime\:95 { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-lime\:st, html.auto .sf-c-txt-lime\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:0\:st, html.auto .sf-c-txt-lime\:0\:st { color: hsl(120, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-lime\:5\:st, html.auto .sf-c-txt-lime\:5\:st { color: hsl(120, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-lime\:10\:st, html.auto .sf-c-txt-lime\:10\:st { color: hsl(120, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-lime\:15\:st, html.auto .sf-c-txt-lime\:15\:st { color: hsl(120, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-lime\:20\:st, html.auto .sf-c-txt-lime\:20\:st { color: hsl(120, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-lime\:25\:st, html.auto .sf-c-txt-lime\:25\:st { color: hsl(120, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-lime\:30\:st, html.auto .sf-c-txt-lime\:30\:st { color: hsl(120, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-lime\:35\:st, html.auto .sf-c-txt-lime\:35\:st { color: hsl(120, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-lime\:40\:st, html.auto .sf-c-txt-lime\:40\:st { color: hsl(120, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-lime\:45\:st, html.auto .sf-c-txt-lime\:45\:st { color: hsl(120, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-lime\:50\:st, html.auto .sf-c-txt-lime\:50\:st { color: hsl(120, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-lime\:55\:st, html.auto .sf-c-txt-lime\:55\:st { color: hsl(120, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-lime\:60\:st, html.auto .sf-c-txt-lime\:60\:st { color: hsl(120, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-lime\:65\:st, html.auto .sf-c-txt-lime\:65\:st { color: hsl(120, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-lime\:70\:st, html.auto .sf-c-txt-lime\:70\:st { color: hsl(120, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-lime\:75\:st, html.auto .sf-c-txt-lime\:75\:st { color: hsl(120, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-lime\:80\:st, html.auto .sf-c-txt-lime\:80\:st { color: hsl(120, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-lime\:85\:st, html.auto .sf-c-txt-lime\:85\:st { color: hsl(120, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-lime\:90\:st, html.auto .sf-c-txt-lime\:90\:st { color: hsl(120, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-lime\:95\:st, html.auto .sf-c-txt-lime\:95\:st { color: hsl(120, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-lime\:100\:st, html.auto .sf-c-txt-lime\:100\:st { color: hsl(120, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/limegreen.css b/src/colors/20/limegreen.css deleted file mode 100644 index 1ba4b31..0000000 --- a/src/colors/20/limegreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-limegreen { - --sf-c-limegreen: 120 61% 50%; - --sf-c-limegreen-0: 120 61% 0%; - --sf-c-limegreen-5: 120 61% 5%; - --sf-c-limegreen-10: 120 61% 10%; - --sf-c-limegreen-15: 120 61% 15%; - --sf-c-limegreen-20: 120 61% 20%; - --sf-c-limegreen-25: 120 61% 25%; - --sf-c-limegreen-30: 120 61% 30%; - --sf-c-limegreen-35: 120 61% 35%; - --sf-c-limegreen-40: 120 61% 40%; - --sf-c-limegreen-45: 120 61% 45%; - --sf-c-limegreen-50: 120 61% 50%; - --sf-c-limegreen-55: 120 61% 55%; - --sf-c-limegreen-60: 120 61% 60%; - --sf-c-limegreen-65: 120 61% 65%; - --sf-c-limegreen-70: 120 61% 70%; - --sf-c-limegreen-75: 120 61% 75%; - --sf-c-limegreen-80: 120 61% 80%; - --sf-c-limegreen-85: 120 61% 85%; - --sf-c-limegreen-90: 120 61% 90%; - --sf-c-limegreen-95: 120 61% 95%; - --sf-c-limegreen-100: 120 61% 100%; -} - -.sf-c-limegreen, .sf-c-limegreen\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -.sf-c-limegreen\:0, .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -.sf-c-limegreen\:5, .sf-c-limegreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -.sf-c-limegreen\:10, .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -.sf-c-limegreen\:15, .sf-c-limegreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -.sf-c-limegreen\:20, .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -.sf-c-limegreen\:25, .sf-c-limegreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -.sf-c-limegreen\:30, .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -.sf-c-limegreen\:35, .sf-c-limegreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -.sf-c-limegreen\:40, .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -.sf-c-limegreen\:45, .sf-c-limegreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -.sf-c-limegreen\:50, .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -.sf-c-limegreen\:55, .sf-c-limegreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -.sf-c-limegreen\:60, .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -.sf-c-limegreen\:65, .sf-c-limegreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -.sf-c-limegreen\:70, .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -.sf-c-limegreen\:75, .sf-c-limegreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -.sf-c-limegreen\:80, .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -.sf-c-limegreen\:85, .sf-c-limegreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -.sf-c-limegreen\:90, .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -.sf-c-limegreen\:95, .sf-c-limegreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -.sf-c-limegreen\:100, .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - -.sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:0, .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } -.sf-c-txt-limegreen\:5, .sf-c-txt-limegreen\:5\:st { color: hsl(120, 61%, 5%) } -.sf-c-txt-limegreen\:10, .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } -.sf-c-txt-limegreen\:15, .sf-c-txt-limegreen\:15\:st { color: hsl(120, 61%, 15%) } -.sf-c-txt-limegreen\:20, .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } -.sf-c-txt-limegreen\:25, .sf-c-txt-limegreen\:25\:st { color: hsl(120, 61%, 25%) } -.sf-c-txt-limegreen\:30, .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } -.sf-c-txt-limegreen\:35, .sf-c-txt-limegreen\:35\:st { color: hsl(120, 61%, 35%) } -.sf-c-txt-limegreen\:40, .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } -.sf-c-txt-limegreen\:45, .sf-c-txt-limegreen\:45\:st { color: hsl(120, 61%, 45%) } -.sf-c-txt-limegreen\:50, .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } -.sf-c-txt-limegreen\:55, .sf-c-txt-limegreen\:55\:st { color: hsl(120, 61%, 55%) } -.sf-c-txt-limegreen\:60, .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } -.sf-c-txt-limegreen\:65, .sf-c-txt-limegreen\:65\:st { color: hsl(120, 61%, 65%) } -.sf-c-txt-limegreen\:70, .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } -.sf-c-txt-limegreen\:75, .sf-c-txt-limegreen\:75\:st { color: hsl(120, 61%, 75%) } -.sf-c-txt-limegreen\:80, .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } -.sf-c-txt-limegreen\:85, .sf-c-txt-limegreen\:85\:st { color: hsl(120, 61%, 85%) } -.sf-c-txt-limegreen\:90, .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } -.sf-c-txt-limegreen\:95, .sf-c-txt-limegreen\:95\:st { color: hsl(120, 61%, 95%) } -.sf-c-txt-limegreen\:100, .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-limegreen, html.dark .sf-c-limegreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:0, html.dark .sf-c-limegreen\:0 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-limegreen\:5, html.dark .sf-c-limegreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-limegreen\:10, html.dark .sf-c-limegreen\:10 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-limegreen\:15, html.dark .sf-c-limegreen\:15 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-limegreen\:20, html.dark .sf-c-limegreen\:20 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-limegreen\:25, html.dark .sf-c-limegreen\:25 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-limegreen\:30, html.dark .sf-c-limegreen\:30 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-limegreen\:35, html.dark .sf-c-limegreen\:35 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-limegreen\:40, html.dark .sf-c-limegreen\:40 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-limegreen\:45, html.dark .sf-c-limegreen\:45 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-limegreen\:50, html.dark .sf-c-limegreen\:50 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:55, html.dark .sf-c-limegreen\:55 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-limegreen\:60, html.dark .sf-c-limegreen\:60 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-limegreen\:65, html.dark .sf-c-limegreen\:65 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-limegreen\:70, html.dark .sf-c-limegreen\:70 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-limegreen\:75, html.dark .sf-c-limegreen\:75 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-limegreen\:80, html.dark .sf-c-limegreen\:80 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-limegreen\:85, html.dark .sf-c-limegreen\:85 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-limegreen\:90, html.dark .sf-c-limegreen\:90 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-limegreen\:95, html.dark .sf-c-limegreen\:95 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-limegreen\:100, html.dark .sf-c-limegreen\:100 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-limegreen\:st, html.dark .sf-c-limegreen\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:0\:st, html.dark .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-limegreen\:5\:st, html.dark .sf-c-limegreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-limegreen\:10\:st, html.dark .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-limegreen\:15\:st, html.dark .sf-c-limegreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-limegreen\:20\:st, html.dark .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-limegreen\:25\:st, html.dark .sf-c-limegreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-limegreen\:30\:st, html.dark .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-limegreen\:35\:st, html.dark .sf-c-limegreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-limegreen\:40\:st, html.dark .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-limegreen\:45\:st, html.dark .sf-c-limegreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-limegreen\:50\:st, html.dark .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-limegreen\:55\:st, html.dark .sf-c-limegreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-limegreen\:60\:st, html.dark .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-limegreen\:65\:st, html.dark .sf-c-limegreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-limegreen\:70\:st, html.dark .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-limegreen\:75\:st, html.dark .sf-c-limegreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-limegreen\:80\:st, html.dark .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-limegreen\:85\:st, html.dark .sf-c-limegreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-limegreen\:90\:st, html.dark .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-limegreen\:95\:st, html.dark .sf-c-limegreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-limegreen\:100\:st, html.dark .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:5, html.dark .sf-c-txt-limegreen\:5 { color: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:15, html.dark .sf-c-txt-limegreen\:15 { color: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:25, html.dark .sf-c-txt-limegreen\:25 { color: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:35, html.dark .sf-c-txt-limegreen\:35 { color: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:45, html.dark .sf-c-txt-limegreen\:45 { color: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:55, html.dark .sf-c-txt-limegreen\:55 { color: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:65, html.dark .sf-c-txt-limegreen\:65 { color: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:75, html.dark .sf-c-txt-limegreen\:75 { color: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:85, html.dark .sf-c-txt-limegreen\:85 { color: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:95, html.dark .sf-c-txt-limegreen\:95 { color: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-limegreen\:st, html.dark .sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:0\:st, html.dark .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:5\:st, html.dark .sf-c-txt-limegreen\:5\:st { color: hsl(120, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:10\:st, html.dark .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:15\:st, html.dark .sf-c-txt-limegreen\:15\:st { color: hsl(120, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:20\:st, html.dark .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:25\:st, html.dark .sf-c-txt-limegreen\:25\:st { color: hsl(120, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:30\:st, html.dark .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:35\:st, html.dark .sf-c-txt-limegreen\:35\:st { color: hsl(120, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:40\:st, html.dark .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:45\:st, html.dark .sf-c-txt-limegreen\:45\:st { color: hsl(120, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:50\:st, html.dark .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:55\:st, html.dark .sf-c-txt-limegreen\:55\:st { color: hsl(120, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:60\:st, html.dark .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:65\:st, html.dark .sf-c-txt-limegreen\:65\:st { color: hsl(120, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:70\:st, html.dark .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:75\:st, html.dark .sf-c-txt-limegreen\:75\:st { color: hsl(120, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:80\:st, html.dark .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:85\:st, html.dark .sf-c-txt-limegreen\:85\:st { color: hsl(120, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:90\:st, html.dark .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:95\:st, html.dark .sf-c-txt-limegreen\:95\:st { color: hsl(120, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-limegreen\:100\:st, html.dark .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-limegreen, html.auto .sf-c-limegreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:0, html.auto .sf-c-limegreen\:0 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-limegreen\:5, html.auto .sf-c-limegreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-limegreen\:10, html.auto .sf-c-limegreen\:10 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-limegreen\:15, html.auto .sf-c-limegreen\:15 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-limegreen\:20, html.auto .sf-c-limegreen\:20 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-limegreen\:25, html.auto .sf-c-limegreen\:25 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-limegreen\:30, html.auto .sf-c-limegreen\:30 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-limegreen\:35, html.auto .sf-c-limegreen\:35 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-limegreen\:40, html.auto .sf-c-limegreen\:40 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-limegreen\:45, html.auto .sf-c-limegreen\:45 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-limegreen\:50, html.auto .sf-c-limegreen\:50 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:55, html.auto .sf-c-limegreen\:55 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-limegreen\:60, html.auto .sf-c-limegreen\:60 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-limegreen\:65, html.auto .sf-c-limegreen\:65 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-limegreen\:70, html.auto .sf-c-limegreen\:70 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-limegreen\:75, html.auto .sf-c-limegreen\:75 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-limegreen\:80, html.auto .sf-c-limegreen\:80 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-limegreen\:85, html.auto .sf-c-limegreen\:85 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-limegreen\:90, html.auto .sf-c-limegreen\:90 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-limegreen\:95, html.auto .sf-c-limegreen\:95 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-limegreen\:100, html.auto .sf-c-limegreen\:100 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-limegreen\:st, html.auto .sf-c-limegreen\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:0\:st, html.auto .sf-c-limegreen\:0\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-limegreen\:5\:st, html.auto .sf-c-limegreen\:5\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-limegreen\:10\:st, html.auto .sf-c-limegreen\:10\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-limegreen\:15\:st, html.auto .sf-c-limegreen\:15\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-limegreen\:20\:st, html.auto .sf-c-limegreen\:20\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-limegreen\:25\:st, html.auto .sf-c-limegreen\:25\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-limegreen\:30\:st, html.auto .sf-c-limegreen\:30\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-limegreen\:35\:st, html.auto .sf-c-limegreen\:35\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-limegreen\:40\:st, html.auto .sf-c-limegreen\:40\:st { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-limegreen\:45\:st, html.auto .sf-c-limegreen\:45\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-limegreen\:50\:st, html.auto .sf-c-limegreen\:50\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-limegreen\:55\:st, html.auto .sf-c-limegreen\:55\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-limegreen\:60\:st, html.auto .sf-c-limegreen\:60\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-limegreen\:65\:st, html.auto .sf-c-limegreen\:65\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-limegreen\:70\:st, html.auto .sf-c-limegreen\:70\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-limegreen\:75\:st, html.auto .sf-c-limegreen\:75\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-limegreen\:80\:st, html.auto .sf-c-limegreen\:80\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-limegreen\:85\:st, html.auto .sf-c-limegreen\:85\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-limegreen\:90\:st, html.auto .sf-c-limegreen\:90\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-limegreen\:95\:st, html.auto .sf-c-limegreen\:95\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-limegreen\:100\:st, html.auto .sf-c-limegreen\:100\:st { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:5, html.auto .sf-c-txt-limegreen\:5 { color: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:15, html.auto .sf-c-txt-limegreen\:15 { color: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:25, html.auto .sf-c-txt-limegreen\:25 { color: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:35, html.auto .sf-c-txt-limegreen\:35 { color: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:45, html.auto .sf-c-txt-limegreen\:45 { color: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:55, html.auto .sf-c-txt-limegreen\:55 { color: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:65, html.auto .sf-c-txt-limegreen\:65 { color: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:75, html.auto .sf-c-txt-limegreen\:75 { color: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:85, html.auto .sf-c-txt-limegreen\:85 { color: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:95, html.auto .sf-c-txt-limegreen\:95 { color: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-limegreen\:st, html.auto .sf-c-txt-limegreen\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:0\:st, html.auto .sf-c-txt-limegreen\:0\:st { color: hsl(120, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:5\:st, html.auto .sf-c-txt-limegreen\:5\:st { color: hsl(120, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:10\:st, html.auto .sf-c-txt-limegreen\:10\:st { color: hsl(120, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:15\:st, html.auto .sf-c-txt-limegreen\:15\:st { color: hsl(120, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:20\:st, html.auto .sf-c-txt-limegreen\:20\:st { color: hsl(120, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:25\:st, html.auto .sf-c-txt-limegreen\:25\:st { color: hsl(120, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:30\:st, html.auto .sf-c-txt-limegreen\:30\:st { color: hsl(120, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:35\:st, html.auto .sf-c-txt-limegreen\:35\:st { color: hsl(120, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:40\:st, html.auto .sf-c-txt-limegreen\:40\:st { color: hsl(120, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:45\:st, html.auto .sf-c-txt-limegreen\:45\:st { color: hsl(120, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:50\:st, html.auto .sf-c-txt-limegreen\:50\:st { color: hsl(120, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:55\:st, html.auto .sf-c-txt-limegreen\:55\:st { color: hsl(120, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:60\:st, html.auto .sf-c-txt-limegreen\:60\:st { color: hsl(120, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:65\:st, html.auto .sf-c-txt-limegreen\:65\:st { color: hsl(120, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:70\:st, html.auto .sf-c-txt-limegreen\:70\:st { color: hsl(120, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:75\:st, html.auto .sf-c-txt-limegreen\:75\:st { color: hsl(120, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:80\:st, html.auto .sf-c-txt-limegreen\:80\:st { color: hsl(120, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:85\:st, html.auto .sf-c-txt-limegreen\:85\:st { color: hsl(120, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:90\:st, html.auto .sf-c-txt-limegreen\:90\:st { color: hsl(120, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:95\:st, html.auto .sf-c-txt-limegreen\:95\:st { color: hsl(120, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-limegreen\:100\:st, html.auto .sf-c-txt-limegreen\:100\:st { color: hsl(120, 61%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/linen.css b/src/colors/20/linen.css deleted file mode 100644 index 6d87eac..0000000 --- a/src/colors/20/linen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-linen { - --sf-c-linen: 30 67% 94%; - --sf-c-linen-0: 30 67% 0%; - --sf-c-linen-5: 30 67% 5%; - --sf-c-linen-10: 30 67% 10%; - --sf-c-linen-15: 30 67% 15%; - --sf-c-linen-20: 30 67% 20%; - --sf-c-linen-25: 30 67% 25%; - --sf-c-linen-30: 30 67% 30%; - --sf-c-linen-35: 30 67% 35%; - --sf-c-linen-40: 30 67% 40%; - --sf-c-linen-45: 30 67% 45%; - --sf-c-linen-50: 30 67% 50%; - --sf-c-linen-55: 30 67% 55%; - --sf-c-linen-60: 30 67% 60%; - --sf-c-linen-65: 30 67% 65%; - --sf-c-linen-70: 30 67% 70%; - --sf-c-linen-75: 30 67% 75%; - --sf-c-linen-80: 30 67% 80%; - --sf-c-linen-85: 30 67% 85%; - --sf-c-linen-90: 30 67% 90%; - --sf-c-linen-95: 30 67% 95%; - --sf-c-linen-100: 30 67% 100%; -} - -.sf-c-linen, .sf-c-linen\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 94%) } -.sf-c-linen\:0, .sf-c-linen\:0\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } -.sf-c-linen\:5, .sf-c-linen\:5\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } -.sf-c-linen\:10, .sf-c-linen\:10\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } -.sf-c-linen\:15, .sf-c-linen\:15\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 15%) } -.sf-c-linen\:20, .sf-c-linen\:20\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 20%) } -.sf-c-linen\:25, .sf-c-linen\:25\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 25%) } -.sf-c-linen\:30, .sf-c-linen\:30\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 30%) } -.sf-c-linen\:35, .sf-c-linen\:35\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 35%) } -.sf-c-linen\:40, .sf-c-linen\:40\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 40%) } -.sf-c-linen\:45, .sf-c-linen\:45\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 45%) } -.sf-c-linen\:50, .sf-c-linen\:50\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 50%) } -.sf-c-linen\:55, .sf-c-linen\:55\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 55%) } -.sf-c-linen\:60, .sf-c-linen\:60\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 60%) } -.sf-c-linen\:65, .sf-c-linen\:65\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 65%) } -.sf-c-linen\:70, .sf-c-linen\:70\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 70%) } -.sf-c-linen\:75, .sf-c-linen\:75\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 75%) } -.sf-c-linen\:80, .sf-c-linen\:80\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 80%) } -.sf-c-linen\:85, .sf-c-linen\:85\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 85%) } -.sf-c-linen\:90, .sf-c-linen\:90\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90%) } -.sf-c-linen\:95, .sf-c-linen\:95\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } -.sf-c-linen\:100, .sf-c-linen\:100\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } - -.sf-c-txt-linen { color: hsl(30, 67%, 10%) } -.sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } -.sf-c-txt-linen\:0, .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } -.sf-c-txt-linen\:5, .sf-c-txt-linen\:5\:st { color: hsl(30, 67%, 5%) } -.sf-c-txt-linen\:10, .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } -.sf-c-txt-linen\:15, .sf-c-txt-linen\:15\:st { color: hsl(30, 67%, 15%) } -.sf-c-txt-linen\:20, .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } -.sf-c-txt-linen\:25, .sf-c-txt-linen\:25\:st { color: hsl(30, 67%, 25%) } -.sf-c-txt-linen\:30, .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } -.sf-c-txt-linen\:35, .sf-c-txt-linen\:35\:st { color: hsl(30, 67%, 35%) } -.sf-c-txt-linen\:40, .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } -.sf-c-txt-linen\:45, .sf-c-txt-linen\:45\:st { color: hsl(30, 67%, 45%) } -.sf-c-txt-linen\:50, .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } -.sf-c-txt-linen\:55, .sf-c-txt-linen\:55\:st { color: hsl(30, 67%, 55%) } -.sf-c-txt-linen\:60, .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } -.sf-c-txt-linen\:65, .sf-c-txt-linen\:65\:st { color: hsl(30, 67%, 65%) } -.sf-c-txt-linen\:70, .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } -.sf-c-txt-linen\:75, .sf-c-txt-linen\:75\:st { color: hsl(30, 67%, 75%) } -.sf-c-txt-linen\:80, .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } -.sf-c-txt-linen\:85, .sf-c-txt-linen\:85\:st { color: hsl(30, 67%, 85%) } -.sf-c-txt-linen\:90, .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } -.sf-c-txt-linen\:95, .sf-c-txt-linen\:95\:st { color: hsl(30, 67%, 95%) } -.sf-c-txt-linen\:100, .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } - -html[data-theme='dark'] .sf-c-linen, html.dark .sf-c-linen { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 6%) } -html[data-theme='dark'] .sf-c-linen\:0, html.dark .sf-c-linen\:0 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } -html[data-theme='dark'] .sf-c-linen\:5, html.dark .sf-c-linen\:5 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } -html[data-theme='dark'] .sf-c-linen\:10, html.dark .sf-c-linen\:10 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-linen\:15, html.dark .sf-c-linen\:15 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 85%) } -html[data-theme='dark'] .sf-c-linen\:20, html.dark .sf-c-linen\:20 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-linen\:25, html.dark .sf-c-linen\:25 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 75%) } -html[data-theme='dark'] .sf-c-linen\:30, html.dark .sf-c-linen\:30 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-linen\:35, html.dark .sf-c-linen\:35 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 65%) } -html[data-theme='dark'] .sf-c-linen\:40, html.dark .sf-c-linen\:40 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-linen\:45, html.dark .sf-c-linen\:45 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 55%) } -html[data-theme='dark'] .sf-c-linen\:50, html.dark .sf-c-linen\:50 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-linen\:55, html.dark .sf-c-linen\:55 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 45%) } -html[data-theme='dark'] .sf-c-linen\:60, html.dark .sf-c-linen\:60 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-linen\:65, html.dark .sf-c-linen\:65 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 35%) } -html[data-theme='dark'] .sf-c-linen\:70, html.dark .sf-c-linen\:70 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-linen\:75, html.dark .sf-c-linen\:75 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 25%) } -html[data-theme='dark'] .sf-c-linen\:80, html.dark .sf-c-linen\:80 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-linen\:85, html.dark .sf-c-linen\:85 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 15%) } -html[data-theme='dark'] .sf-c-linen\:90, html.dark .sf-c-linen\:90 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-linen\:95, html.dark .sf-c-linen\:95 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } -html[data-theme='dark'] .sf-c-linen\:100, html.dark .sf-c-linen\:100 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } - -html[data-theme='dark'] .sf-c-linen\:st, html.dark .sf-c-linen\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-linen\:0\:st, html.dark .sf-c-linen\:0\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } -html[data-theme='dark'] .sf-c-linen\:5\:st, html.dark .sf-c-linen\:5\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } -html[data-theme='dark'] .sf-c-linen\:10\:st, html.dark .sf-c-linen\:10\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-linen\:15\:st, html.dark .sf-c-linen\:15\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 15%) } -html[data-theme='dark'] .sf-c-linen\:20\:st, html.dark .sf-c-linen\:20\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-linen\:25\:st, html.dark .sf-c-linen\:25\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 25%) } -html[data-theme='dark'] .sf-c-linen\:30\:st, html.dark .sf-c-linen\:30\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-linen\:35\:st, html.dark .sf-c-linen\:35\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 35%) } -html[data-theme='dark'] .sf-c-linen\:40\:st, html.dark .sf-c-linen\:40\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-linen\:45\:st, html.dark .sf-c-linen\:45\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 45%) } -html[data-theme='dark'] .sf-c-linen\:50\:st, html.dark .sf-c-linen\:50\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-linen\:55\:st, html.dark .sf-c-linen\:55\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 55%) } -html[data-theme='dark'] .sf-c-linen\:60\:st, html.dark .sf-c-linen\:60\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-linen\:65\:st, html.dark .sf-c-linen\:65\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 65%) } -html[data-theme='dark'] .sf-c-linen\:70\:st, html.dark .sf-c-linen\:70\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-linen\:75\:st, html.dark .sf-c-linen\:75\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 75%) } -html[data-theme='dark'] .sf-c-linen\:80\:st, html.dark .sf-c-linen\:80\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-linen\:85\:st, html.dark .sf-c-linen\:85\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 85%) } -html[data-theme='dark'] .sf-c-linen\:90\:st, html.dark .sf-c-linen\:90\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-linen\:95\:st, html.dark .sf-c-linen\:95\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } -html[data-theme='dark'] .sf-c-linen\:100\:st, html.dark .sf-c-linen\:100\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-linen\:5, html.dark .sf-c-txt-linen\:5 { color: hsl(30, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-linen\:15, html.dark .sf-c-txt-linen\:15 { color: hsl(30, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-linen\:25, html.dark .sf-c-txt-linen\:25 { color: hsl(30, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-linen\:35, html.dark .sf-c-txt-linen\:35 { color: hsl(30, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-linen\:45, html.dark .sf-c-txt-linen\:45 { color: hsl(30, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-linen\:55, html.dark .sf-c-txt-linen\:55 { color: hsl(30, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-linen\:65, html.dark .sf-c-txt-linen\:65 { color: hsl(30, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-linen\:75, html.dark .sf-c-txt-linen\:75 { color: hsl(30, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-linen\:85, html.dark .sf-c-txt-linen\:85 { color: hsl(30, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-linen\:95, html.dark .sf-c-txt-linen\:95 { color: hsl(30, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-linen\:st, html.dark .sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } -html[data-theme='dark'] .sf-c-txt-linen\:0\:st, html.dark .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-linen\:5\:st, html.dark .sf-c-txt-linen\:5\:st { color: hsl(30, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-linen\:10\:st, html.dark .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-linen\:15\:st, html.dark .sf-c-txt-linen\:15\:st { color: hsl(30, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-linen\:20\:st, html.dark .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-linen\:25\:st, html.dark .sf-c-txt-linen\:25\:st { color: hsl(30, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-linen\:30\:st, html.dark .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-linen\:35\:st, html.dark .sf-c-txt-linen\:35\:st { color: hsl(30, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-linen\:40\:st, html.dark .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-linen\:45\:st, html.dark .sf-c-txt-linen\:45\:st { color: hsl(30, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-linen\:50\:st, html.dark .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-linen\:55\:st, html.dark .sf-c-txt-linen\:55\:st { color: hsl(30, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-linen\:60\:st, html.dark .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-linen\:65\:st, html.dark .sf-c-txt-linen\:65\:st { color: hsl(30, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-linen\:70\:st, html.dark .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-linen\:75\:st, html.dark .sf-c-txt-linen\:75\:st { color: hsl(30, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-linen\:80\:st, html.dark .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-linen\:85\:st, html.dark .sf-c-txt-linen\:85\:st { color: hsl(30, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-linen\:90\:st, html.dark .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-linen\:95\:st, html.dark .sf-c-txt-linen\:95\:st { color: hsl(30, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-linen\:100\:st, html.dark .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-linen, html.auto .sf-c-linen { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 6%) } - html[data-theme='auto'] .sf-c-linen\:0, html.auto .sf-c-linen\:0 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } - html[data-theme='auto'] .sf-c-linen\:5, html.auto .sf-c-linen\:5 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } - html[data-theme='auto'] .sf-c-linen\:10, html.auto .sf-c-linen\:10 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-linen\:15, html.auto .sf-c-linen\:15 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 85%) } - html[data-theme='auto'] .sf-c-linen\:20, html.auto .sf-c-linen\:20 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-linen\:25, html.auto .sf-c-linen\:25 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 75%) } - html[data-theme='auto'] .sf-c-linen\:30, html.auto .sf-c-linen\:30 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-linen\:35, html.auto .sf-c-linen\:35 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 65%) } - html[data-theme='auto'] .sf-c-linen\:40, html.auto .sf-c-linen\:40 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-linen\:45, html.auto .sf-c-linen\:45 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 55%) } - html[data-theme='auto'] .sf-c-linen\:50, html.auto .sf-c-linen\:50 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-linen\:55, html.auto .sf-c-linen\:55 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 45%) } - html[data-theme='auto'] .sf-c-linen\:60, html.auto .sf-c-linen\:60 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-linen\:65, html.auto .sf-c-linen\:65 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 35%) } - html[data-theme='auto'] .sf-c-linen\:70, html.auto .sf-c-linen\:70 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-linen\:75, html.auto .sf-c-linen\:75 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 25%) } - html[data-theme='auto'] .sf-c-linen\:80, html.auto .sf-c-linen\:80 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-linen\:85, html.auto .sf-c-linen\:85 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 15%) } - html[data-theme='auto'] .sf-c-linen\:90, html.auto .sf-c-linen\:90 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-linen\:95, html.auto .sf-c-linen\:95 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } - html[data-theme='auto'] .sf-c-linen\:100, html.auto .sf-c-linen\:100 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } - - html[data-theme='auto'] .sf-c-linen\:st, html.auto .sf-c-linen\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-linen\:0\:st, html.auto .sf-c-linen\:0\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } - html[data-theme='auto'] .sf-c-linen\:5\:st, html.auto .sf-c-linen\:5\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } - html[data-theme='auto'] .sf-c-linen\:10\:st, html.auto .sf-c-linen\:10\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-linen\:15\:st, html.auto .sf-c-linen\:15\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 15%) } - html[data-theme='auto'] .sf-c-linen\:20\:st, html.auto .sf-c-linen\:20\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-linen\:25\:st, html.auto .sf-c-linen\:25\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 25%) } - html[data-theme='auto'] .sf-c-linen\:30\:st, html.auto .sf-c-linen\:30\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-linen\:35\:st, html.auto .sf-c-linen\:35\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 35%) } - html[data-theme='auto'] .sf-c-linen\:40\:st, html.auto .sf-c-linen\:40\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-linen\:45\:st, html.auto .sf-c-linen\:45\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 45%) } - html[data-theme='auto'] .sf-c-linen\:50\:st, html.auto .sf-c-linen\:50\:st { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-linen\:55\:st, html.auto .sf-c-linen\:55\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 55%) } - html[data-theme='auto'] .sf-c-linen\:60\:st, html.auto .sf-c-linen\:60\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-linen\:65\:st, html.auto .sf-c-linen\:65\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 65%) } - html[data-theme='auto'] .sf-c-linen\:70\:st, html.auto .sf-c-linen\:70\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-linen\:75\:st, html.auto .sf-c-linen\:75\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 75%) } - html[data-theme='auto'] .sf-c-linen\:80\:st, html.auto .sf-c-linen\:80\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-linen\:85\:st, html.auto .sf-c-linen\:85\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 85%) } - html[data-theme='auto'] .sf-c-linen\:90\:st, html.auto .sf-c-linen\:90\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-linen\:95\:st, html.auto .sf-c-linen\:95\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } - html[data-theme='auto'] .sf-c-linen\:100\:st, html.auto .sf-c-linen\:100\:st { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-linen\:5, html.auto .sf-c-txt-linen\:5 { color: hsl(30, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-linen\:15, html.auto .sf-c-txt-linen\:15 { color: hsl(30, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-linen\:25, html.auto .sf-c-txt-linen\:25 { color: hsl(30, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-linen\:35, html.auto .sf-c-txt-linen\:35 { color: hsl(30, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-linen\:45, html.auto .sf-c-txt-linen\:45 { color: hsl(30, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-linen\:55, html.auto .sf-c-txt-linen\:55 { color: hsl(30, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-linen\:65, html.auto .sf-c-txt-linen\:65 { color: hsl(30, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-linen\:75, html.auto .sf-c-txt-linen\:75 { color: hsl(30, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-linen\:85, html.auto .sf-c-txt-linen\:85 { color: hsl(30, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-linen\:95, html.auto .sf-c-txt-linen\:95 { color: hsl(30, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-linen\:st, html.auto .sf-c-txt-linen\:st { color: hsl(30, 67%, 94%) } - html[data-theme='auto'] .sf-c-txt-linen\:0\:st, html.auto .sf-c-txt-linen\:0\:st { color: hsl(30, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-linen\:5\:st, html.auto .sf-c-txt-linen\:5\:st { color: hsl(30, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-linen\:10\:st, html.auto .sf-c-txt-linen\:10\:st { color: hsl(30, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-linen\:15\:st, html.auto .sf-c-txt-linen\:15\:st { color: hsl(30, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-linen\:20\:st, html.auto .sf-c-txt-linen\:20\:st { color: hsl(30, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-linen\:25\:st, html.auto .sf-c-txt-linen\:25\:st { color: hsl(30, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-linen\:30\:st, html.auto .sf-c-txt-linen\:30\:st { color: hsl(30, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-linen\:35\:st, html.auto .sf-c-txt-linen\:35\:st { color: hsl(30, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-linen\:40\:st, html.auto .sf-c-txt-linen\:40\:st { color: hsl(30, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-linen\:45\:st, html.auto .sf-c-txt-linen\:45\:st { color: hsl(30, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-linen\:50\:st, html.auto .sf-c-txt-linen\:50\:st { color: hsl(30, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-linen\:55\:st, html.auto .sf-c-txt-linen\:55\:st { color: hsl(30, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-linen\:60\:st, html.auto .sf-c-txt-linen\:60\:st { color: hsl(30, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-linen\:65\:st, html.auto .sf-c-txt-linen\:65\:st { color: hsl(30, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-linen\:70\:st, html.auto .sf-c-txt-linen\:70\:st { color: hsl(30, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-linen\:75\:st, html.auto .sf-c-txt-linen\:75\:st { color: hsl(30, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-linen\:80\:st, html.auto .sf-c-txt-linen\:80\:st { color: hsl(30, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-linen\:85\:st, html.auto .sf-c-txt-linen\:85\:st { color: hsl(30, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-linen\:90\:st, html.auto .sf-c-txt-linen\:90\:st { color: hsl(30, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-linen\:95\:st, html.auto .sf-c-txt-linen\:95\:st { color: hsl(30, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-linen\:100\:st, html.auto .sf-c-txt-linen\:100\:st { color: hsl(30, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/magenta.css b/src/colors/20/magenta.css deleted file mode 100644 index e14b1bc..0000000 --- a/src/colors/20/magenta.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-magenta { - --sf-c-magenta: 300 100% 50%; - --sf-c-magenta-0: 300 100% 0%; - --sf-c-magenta-5: 300 100% 5%; - --sf-c-magenta-10: 300 100% 10%; - --sf-c-magenta-15: 300 100% 15%; - --sf-c-magenta-20: 300 100% 20%; - --sf-c-magenta-25: 300 100% 25%; - --sf-c-magenta-30: 300 100% 30%; - --sf-c-magenta-35: 300 100% 35%; - --sf-c-magenta-40: 300 100% 40%; - --sf-c-magenta-45: 300 100% 45%; - --sf-c-magenta-50: 300 100% 50%; - --sf-c-magenta-55: 300 100% 55%; - --sf-c-magenta-60: 300 100% 60%; - --sf-c-magenta-65: 300 100% 65%; - --sf-c-magenta-70: 300 100% 70%; - --sf-c-magenta-75: 300 100% 75%; - --sf-c-magenta-80: 300 100% 80%; - --sf-c-magenta-85: 300 100% 85%; - --sf-c-magenta-90: 300 100% 90%; - --sf-c-magenta-95: 300 100% 95%; - --sf-c-magenta-100: 300 100% 100%; -} - -.sf-c-magenta, .sf-c-magenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-magenta\:0, .sf-c-magenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -.sf-c-magenta\:5, .sf-c-magenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -.sf-c-magenta\:10, .sf-c-magenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -.sf-c-magenta\:15, .sf-c-magenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -.sf-c-magenta\:20, .sf-c-magenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -.sf-c-magenta\:25, .sf-c-magenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -.sf-c-magenta\:30, .sf-c-magenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -.sf-c-magenta\:35, .sf-c-magenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -.sf-c-magenta\:40, .sf-c-magenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -.sf-c-magenta\:45, .sf-c-magenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -.sf-c-magenta\:50, .sf-c-magenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-magenta\:55, .sf-c-magenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -.sf-c-magenta\:60, .sf-c-magenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -.sf-c-magenta\:65, .sf-c-magenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -.sf-c-magenta\:70, .sf-c-magenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -.sf-c-magenta\:75, .sf-c-magenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -.sf-c-magenta\:80, .sf-c-magenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -.sf-c-magenta\:85, .sf-c-magenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -.sf-c-magenta\:90, .sf-c-magenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -.sf-c-magenta\:95, .sf-c-magenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -.sf-c-magenta\:100, .sf-c-magenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-magenta { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:0, .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-magenta\:5, .sf-c-txt-magenta\:5\:st { color: hsl(300, 100%, 5%) } -.sf-c-txt-magenta\:10, .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-magenta\:15, .sf-c-txt-magenta\:15\:st { color: hsl(300, 100%, 15%) } -.sf-c-txt-magenta\:20, .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-magenta\:25, .sf-c-txt-magenta\:25\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-magenta\:30, .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-magenta\:35, .sf-c-txt-magenta\:35\:st { color: hsl(300, 100%, 35%) } -.sf-c-txt-magenta\:40, .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-magenta\:45, .sf-c-txt-magenta\:45\:st { color: hsl(300, 100%, 45%) } -.sf-c-txt-magenta\:50, .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-magenta\:55, .sf-c-txt-magenta\:55\:st { color: hsl(300, 100%, 55%) } -.sf-c-txt-magenta\:60, .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-magenta\:65, .sf-c-txt-magenta\:65\:st { color: hsl(300, 100%, 65%) } -.sf-c-txt-magenta\:70, .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-magenta\:75, .sf-c-txt-magenta\:75\:st { color: hsl(300, 100%, 75%) } -.sf-c-txt-magenta\:80, .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-magenta\:85, .sf-c-txt-magenta\:85\:st { color: hsl(300, 100%, 85%) } -.sf-c-txt-magenta\:90, .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-magenta\:95, .sf-c-txt-magenta\:95\:st { color: hsl(300, 100%, 95%) } -.sf-c-txt-magenta\:100, .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-magenta, html.dark .sf-c-magenta { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:0, html.dark .sf-c-magenta\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-magenta\:5, html.dark .sf-c-magenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-magenta\:10, html.dark .sf-c-magenta\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-magenta\:15, html.dark .sf-c-magenta\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-magenta\:20, html.dark .sf-c-magenta\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-magenta\:25, html.dark .sf-c-magenta\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-magenta\:30, html.dark .sf-c-magenta\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-magenta\:35, html.dark .sf-c-magenta\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-magenta\:40, html.dark .sf-c-magenta\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-magenta\:45, html.dark .sf-c-magenta\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-magenta\:50, html.dark .sf-c-magenta\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:55, html.dark .sf-c-magenta\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-magenta\:60, html.dark .sf-c-magenta\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-magenta\:65, html.dark .sf-c-magenta\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-magenta\:70, html.dark .sf-c-magenta\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-magenta\:75, html.dark .sf-c-magenta\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-magenta\:80, html.dark .sf-c-magenta\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-magenta\:85, html.dark .sf-c-magenta\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-magenta\:90, html.dark .sf-c-magenta\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-magenta\:95, html.dark .sf-c-magenta\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-magenta\:100, html.dark .sf-c-magenta\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-magenta\:st, html.dark .sf-c-magenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:0\:st, html.dark .sf-c-magenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-magenta\:5\:st, html.dark .sf-c-magenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-magenta\:10\:st, html.dark .sf-c-magenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-magenta\:15\:st, html.dark .sf-c-magenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-magenta\:20\:st, html.dark .sf-c-magenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-magenta\:25\:st, html.dark .sf-c-magenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-magenta\:30\:st, html.dark .sf-c-magenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-magenta\:35\:st, html.dark .sf-c-magenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-magenta\:40\:st, html.dark .sf-c-magenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-magenta\:45\:st, html.dark .sf-c-magenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-magenta\:50\:st, html.dark .sf-c-magenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-magenta\:55\:st, html.dark .sf-c-magenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-magenta\:60\:st, html.dark .sf-c-magenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-magenta\:65\:st, html.dark .sf-c-magenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-magenta\:70\:st, html.dark .sf-c-magenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-magenta\:75\:st, html.dark .sf-c-magenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-magenta\:80\:st, html.dark .sf-c-magenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-magenta\:85\:st, html.dark .sf-c-magenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-magenta\:90\:st, html.dark .sf-c-magenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-magenta\:95\:st, html.dark .sf-c-magenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-magenta\:100\:st, html.dark .sf-c-magenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-magenta\:5, html.dark .sf-c-txt-magenta\:5 { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-magenta\:15, html.dark .sf-c-txt-magenta\:15 { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-magenta\:25, html.dark .sf-c-txt-magenta\:25 { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-magenta\:35, html.dark .sf-c-txt-magenta\:35 { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-magenta\:45, html.dark .sf-c-txt-magenta\:45 { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:55, html.dark .sf-c-txt-magenta\:55 { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-magenta\:65, html.dark .sf-c-txt-magenta\:65 { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-magenta\:75, html.dark .sf-c-txt-magenta\:75 { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-magenta\:85, html.dark .sf-c-txt-magenta\:85 { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-magenta\:95, html.dark .sf-c-txt-magenta\:95 { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-magenta\:st, html.dark .sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:0\:st, html.dark .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-magenta\:5\:st, html.dark .sf-c-txt-magenta\:5\:st { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-magenta\:10\:st, html.dark .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-magenta\:15\:st, html.dark .sf-c-txt-magenta\:15\:st { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-magenta\:20\:st, html.dark .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-magenta\:25\:st, html.dark .sf-c-txt-magenta\:25\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-magenta\:30\:st, html.dark .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-magenta\:35\:st, html.dark .sf-c-txt-magenta\:35\:st { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-magenta\:40\:st, html.dark .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-magenta\:45\:st, html.dark .sf-c-txt-magenta\:45\:st { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-magenta\:50\:st, html.dark .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-magenta\:55\:st, html.dark .sf-c-txt-magenta\:55\:st { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-magenta\:60\:st, html.dark .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-magenta\:65\:st, html.dark .sf-c-txt-magenta\:65\:st { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-magenta\:70\:st, html.dark .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-magenta\:75\:st, html.dark .sf-c-txt-magenta\:75\:st { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-magenta\:80\:st, html.dark .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-magenta\:85\:st, html.dark .sf-c-txt-magenta\:85\:st { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-magenta\:90\:st, html.dark .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-magenta\:95\:st, html.dark .sf-c-txt-magenta\:95\:st { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-magenta\:100\:st, html.dark .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-magenta, html.auto .sf-c-magenta { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:0, html.auto .sf-c-magenta\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-magenta\:5, html.auto .sf-c-magenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-magenta\:10, html.auto .sf-c-magenta\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-magenta\:15, html.auto .sf-c-magenta\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-magenta\:20, html.auto .sf-c-magenta\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-magenta\:25, html.auto .sf-c-magenta\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-magenta\:30, html.auto .sf-c-magenta\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-magenta\:35, html.auto .sf-c-magenta\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-magenta\:40, html.auto .sf-c-magenta\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-magenta\:45, html.auto .sf-c-magenta\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-magenta\:50, html.auto .sf-c-magenta\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:55, html.auto .sf-c-magenta\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-magenta\:60, html.auto .sf-c-magenta\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-magenta\:65, html.auto .sf-c-magenta\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-magenta\:70, html.auto .sf-c-magenta\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-magenta\:75, html.auto .sf-c-magenta\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-magenta\:80, html.auto .sf-c-magenta\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-magenta\:85, html.auto .sf-c-magenta\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-magenta\:90, html.auto .sf-c-magenta\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-magenta\:95, html.auto .sf-c-magenta\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-magenta\:100, html.auto .sf-c-magenta\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-magenta\:st, html.auto .sf-c-magenta\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:0\:st, html.auto .sf-c-magenta\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-magenta\:5\:st, html.auto .sf-c-magenta\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-magenta\:10\:st, html.auto .sf-c-magenta\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-magenta\:15\:st, html.auto .sf-c-magenta\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-magenta\:20\:st, html.auto .sf-c-magenta\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-magenta\:25\:st, html.auto .sf-c-magenta\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-magenta\:30\:st, html.auto .sf-c-magenta\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-magenta\:35\:st, html.auto .sf-c-magenta\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-magenta\:40\:st, html.auto .sf-c-magenta\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-magenta\:45\:st, html.auto .sf-c-magenta\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-magenta\:50\:st, html.auto .sf-c-magenta\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-magenta\:55\:st, html.auto .sf-c-magenta\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-magenta\:60\:st, html.auto .sf-c-magenta\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-magenta\:65\:st, html.auto .sf-c-magenta\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-magenta\:70\:st, html.auto .sf-c-magenta\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-magenta\:75\:st, html.auto .sf-c-magenta\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-magenta\:80\:st, html.auto .sf-c-magenta\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-magenta\:85\:st, html.auto .sf-c-magenta\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-magenta\:90\:st, html.auto .sf-c-magenta\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-magenta\:95\:st, html.auto .sf-c-magenta\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-magenta\:100\:st, html.auto .sf-c-magenta\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-magenta\:5, html.auto .sf-c-txt-magenta\:5 { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-magenta\:15, html.auto .sf-c-txt-magenta\:15 { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-magenta\:25, html.auto .sf-c-txt-magenta\:25 { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-magenta\:35, html.auto .sf-c-txt-magenta\:35 { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-magenta\:45, html.auto .sf-c-txt-magenta\:45 { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:55, html.auto .sf-c-txt-magenta\:55 { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-magenta\:65, html.auto .sf-c-txt-magenta\:65 { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-magenta\:75, html.auto .sf-c-txt-magenta\:75 { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-magenta\:85, html.auto .sf-c-txt-magenta\:85 { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-magenta\:95, html.auto .sf-c-txt-magenta\:95 { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-magenta\:st, html.auto .sf-c-txt-magenta\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:0\:st, html.auto .sf-c-txt-magenta\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-magenta\:5\:st, html.auto .sf-c-txt-magenta\:5\:st { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-magenta\:10\:st, html.auto .sf-c-txt-magenta\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-magenta\:15\:st, html.auto .sf-c-txt-magenta\:15\:st { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-magenta\:20\:st, html.auto .sf-c-txt-magenta\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-magenta\:25\:st, html.auto .sf-c-txt-magenta\:25\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-magenta\:30\:st, html.auto .sf-c-txt-magenta\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-magenta\:35\:st, html.auto .sf-c-txt-magenta\:35\:st { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-magenta\:40\:st, html.auto .sf-c-txt-magenta\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-magenta\:45\:st, html.auto .sf-c-txt-magenta\:45\:st { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-magenta\:50\:st, html.auto .sf-c-txt-magenta\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-magenta\:55\:st, html.auto .sf-c-txt-magenta\:55\:st { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-magenta\:60\:st, html.auto .sf-c-txt-magenta\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-magenta\:65\:st, html.auto .sf-c-txt-magenta\:65\:st { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-magenta\:70\:st, html.auto .sf-c-txt-magenta\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-magenta\:75\:st, html.auto .sf-c-txt-magenta\:75\:st { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-magenta\:80\:st, html.auto .sf-c-txt-magenta\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-magenta\:85\:st, html.auto .sf-c-txt-magenta\:85\:st { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-magenta\:90\:st, html.auto .sf-c-txt-magenta\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-magenta\:95\:st, html.auto .sf-c-txt-magenta\:95\:st { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-magenta\:100\:st, html.auto .sf-c-txt-magenta\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/maroon.css b/src/colors/20/maroon.css deleted file mode 100644 index b5effab..0000000 --- a/src/colors/20/maroon.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-maroon { - --sf-c-maroon: 0 100% 25%; - --sf-c-maroon-0: 0 100% 0%; - --sf-c-maroon-5: 0 100% 5%; - --sf-c-maroon-10: 0 100% 10%; - --sf-c-maroon-15: 0 100% 15%; - --sf-c-maroon-20: 0 100% 20%; - --sf-c-maroon-25: 0 100% 25%; - --sf-c-maroon-30: 0 100% 30%; - --sf-c-maroon-35: 0 100% 35%; - --sf-c-maroon-40: 0 100% 40%; - --sf-c-maroon-45: 0 100% 45%; - --sf-c-maroon-50: 0 100% 50%; - --sf-c-maroon-55: 0 100% 55%; - --sf-c-maroon-60: 0 100% 60%; - --sf-c-maroon-65: 0 100% 65%; - --sf-c-maroon-70: 0 100% 70%; - --sf-c-maroon-75: 0 100% 75%; - --sf-c-maroon-80: 0 100% 80%; - --sf-c-maroon-85: 0 100% 85%; - --sf-c-maroon-90: 0 100% 90%; - --sf-c-maroon-95: 0 100% 95%; - --sf-c-maroon-100: 0 100% 100%; -} - -.sf-c-maroon, .sf-c-maroon\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -.sf-c-maroon\:0, .sf-c-maroon\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -.sf-c-maroon\:5, .sf-c-maroon\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -.sf-c-maroon\:10, .sf-c-maroon\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -.sf-c-maroon\:15, .sf-c-maroon\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -.sf-c-maroon\:20, .sf-c-maroon\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -.sf-c-maroon\:25, .sf-c-maroon\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -.sf-c-maroon\:30, .sf-c-maroon\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -.sf-c-maroon\:35, .sf-c-maroon\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -.sf-c-maroon\:40, .sf-c-maroon\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -.sf-c-maroon\:45, .sf-c-maroon\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -.sf-c-maroon\:50, .sf-c-maroon\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -.sf-c-maroon\:55, .sf-c-maroon\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -.sf-c-maroon\:60, .sf-c-maroon\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -.sf-c-maroon\:65, .sf-c-maroon\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -.sf-c-maroon\:70, .sf-c-maroon\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -.sf-c-maroon\:75, .sf-c-maroon\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -.sf-c-maroon\:80, .sf-c-maroon\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -.sf-c-maroon\:85, .sf-c-maroon\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -.sf-c-maroon\:90, .sf-c-maroon\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -.sf-c-maroon\:95, .sf-c-maroon\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -.sf-c-maroon\:100, .sf-c-maroon\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-maroon { color: hsl(0, 100%, 25%) } -.sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-maroon\:0, .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-maroon\:5, .sf-c-txt-maroon\:5\:st { color: hsl(0, 100%, 5%) } -.sf-c-txt-maroon\:10, .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-maroon\:15, .sf-c-txt-maroon\:15\:st { color: hsl(0, 100%, 15%) } -.sf-c-txt-maroon\:20, .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-maroon\:25, .sf-c-txt-maroon\:25\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-maroon\:30, .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-maroon\:35, .sf-c-txt-maroon\:35\:st { color: hsl(0, 100%, 35%) } -.sf-c-txt-maroon\:40, .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-maroon\:45, .sf-c-txt-maroon\:45\:st { color: hsl(0, 100%, 45%) } -.sf-c-txt-maroon\:50, .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-maroon\:55, .sf-c-txt-maroon\:55\:st { color: hsl(0, 100%, 55%) } -.sf-c-txt-maroon\:60, .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-maroon\:65, .sf-c-txt-maroon\:65\:st { color: hsl(0, 100%, 65%) } -.sf-c-txt-maroon\:70, .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-maroon\:75, .sf-c-txt-maroon\:75\:st { color: hsl(0, 100%, 75%) } -.sf-c-txt-maroon\:80, .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-maroon\:85, .sf-c-txt-maroon\:85\:st { color: hsl(0, 100%, 85%) } -.sf-c-txt-maroon\:90, .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-maroon\:95, .sf-c-txt-maroon\:95\:st { color: hsl(0, 100%, 95%) } -.sf-c-txt-maroon\:100, .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-maroon, html.dark .sf-c-maroon { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-maroon\:0, html.dark .sf-c-maroon\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-maroon\:5, html.dark .sf-c-maroon\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-maroon\:10, html.dark .sf-c-maroon\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-maroon\:15, html.dark .sf-c-maroon\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-maroon\:20, html.dark .sf-c-maroon\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-maroon\:25, html.dark .sf-c-maroon\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-maroon\:30, html.dark .sf-c-maroon\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-maroon\:35, html.dark .sf-c-maroon\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-maroon\:40, html.dark .sf-c-maroon\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-maroon\:45, html.dark .sf-c-maroon\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-maroon\:50, html.dark .sf-c-maroon\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-maroon\:55, html.dark .sf-c-maroon\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-maroon\:60, html.dark .sf-c-maroon\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-maroon\:65, html.dark .sf-c-maroon\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-maroon\:70, html.dark .sf-c-maroon\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-maroon\:75, html.dark .sf-c-maroon\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-maroon\:80, html.dark .sf-c-maroon\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-maroon\:85, html.dark .sf-c-maroon\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-maroon\:90, html.dark .sf-c-maroon\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-maroon\:95, html.dark .sf-c-maroon\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-maroon\:100, html.dark .sf-c-maroon\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-maroon\:st, html.dark .sf-c-maroon\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-maroon\:0\:st, html.dark .sf-c-maroon\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-maroon\:5\:st, html.dark .sf-c-maroon\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-maroon\:10\:st, html.dark .sf-c-maroon\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-maroon\:15\:st, html.dark .sf-c-maroon\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-maroon\:20\:st, html.dark .sf-c-maroon\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-maroon\:25\:st, html.dark .sf-c-maroon\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-maroon\:30\:st, html.dark .sf-c-maroon\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-maroon\:35\:st, html.dark .sf-c-maroon\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-maroon\:40\:st, html.dark .sf-c-maroon\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-maroon\:45\:st, html.dark .sf-c-maroon\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-maroon\:50\:st, html.dark .sf-c-maroon\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-maroon\:55\:st, html.dark .sf-c-maroon\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-maroon\:60\:st, html.dark .sf-c-maroon\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-maroon\:65\:st, html.dark .sf-c-maroon\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-maroon\:70\:st, html.dark .sf-c-maroon\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-maroon\:75\:st, html.dark .sf-c-maroon\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-maroon\:80\:st, html.dark .sf-c-maroon\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-maroon\:85\:st, html.dark .sf-c-maroon\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-maroon\:90\:st, html.dark .sf-c-maroon\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-maroon\:95\:st, html.dark .sf-c-maroon\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-maroon\:100\:st, html.dark .sf-c-maroon\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-maroon\:5, html.dark .sf-c-txt-maroon\:5 { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-maroon\:15, html.dark .sf-c-txt-maroon\:15 { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-maroon\:25, html.dark .sf-c-txt-maroon\:25 { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-maroon\:35, html.dark .sf-c-txt-maroon\:35 { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-maroon\:45, html.dark .sf-c-txt-maroon\:45 { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-maroon\:55, html.dark .sf-c-txt-maroon\:55 { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-maroon\:65, html.dark .sf-c-txt-maroon\:65 { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-maroon\:75, html.dark .sf-c-txt-maroon\:75 { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-maroon\:85, html.dark .sf-c-txt-maroon\:85 { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-maroon\:95, html.dark .sf-c-txt-maroon\:95 { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-maroon\:st, html.dark .sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-maroon\:0\:st, html.dark .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-maroon\:5\:st, html.dark .sf-c-txt-maroon\:5\:st { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-maroon\:10\:st, html.dark .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-maroon\:15\:st, html.dark .sf-c-txt-maroon\:15\:st { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-maroon\:20\:st, html.dark .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-maroon\:25\:st, html.dark .sf-c-txt-maroon\:25\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-maroon\:30\:st, html.dark .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-maroon\:35\:st, html.dark .sf-c-txt-maroon\:35\:st { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-maroon\:40\:st, html.dark .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-maroon\:45\:st, html.dark .sf-c-txt-maroon\:45\:st { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-maroon\:50\:st, html.dark .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-maroon\:55\:st, html.dark .sf-c-txt-maroon\:55\:st { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-maroon\:60\:st, html.dark .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-maroon\:65\:st, html.dark .sf-c-txt-maroon\:65\:st { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-maroon\:70\:st, html.dark .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-maroon\:75\:st, html.dark .sf-c-txt-maroon\:75\:st { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-maroon\:80\:st, html.dark .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-maroon\:85\:st, html.dark .sf-c-txt-maroon\:85\:st { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-maroon\:90\:st, html.dark .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-maroon\:95\:st, html.dark .sf-c-txt-maroon\:95\:st { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-maroon\:100\:st, html.dark .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-maroon, html.auto .sf-c-maroon { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-maroon\:0, html.auto .sf-c-maroon\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-maroon\:5, html.auto .sf-c-maroon\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-maroon\:10, html.auto .sf-c-maroon\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-maroon\:15, html.auto .sf-c-maroon\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-maroon\:20, html.auto .sf-c-maroon\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-maroon\:25, html.auto .sf-c-maroon\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-maroon\:30, html.auto .sf-c-maroon\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-maroon\:35, html.auto .sf-c-maroon\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-maroon\:40, html.auto .sf-c-maroon\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-maroon\:45, html.auto .sf-c-maroon\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-maroon\:50, html.auto .sf-c-maroon\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-maroon\:55, html.auto .sf-c-maroon\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-maroon\:60, html.auto .sf-c-maroon\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-maroon\:65, html.auto .sf-c-maroon\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-maroon\:70, html.auto .sf-c-maroon\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-maroon\:75, html.auto .sf-c-maroon\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-maroon\:80, html.auto .sf-c-maroon\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-maroon\:85, html.auto .sf-c-maroon\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-maroon\:90, html.auto .sf-c-maroon\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-maroon\:95, html.auto .sf-c-maroon\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-maroon\:100, html.auto .sf-c-maroon\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-maroon\:st, html.auto .sf-c-maroon\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-maroon\:0\:st, html.auto .sf-c-maroon\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-maroon\:5\:st, html.auto .sf-c-maroon\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-maroon\:10\:st, html.auto .sf-c-maroon\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-maroon\:15\:st, html.auto .sf-c-maroon\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-maroon\:20\:st, html.auto .sf-c-maroon\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-maroon\:25\:st, html.auto .sf-c-maroon\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-maroon\:30\:st, html.auto .sf-c-maroon\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-maroon\:35\:st, html.auto .sf-c-maroon\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-maroon\:40\:st, html.auto .sf-c-maroon\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-maroon\:45\:st, html.auto .sf-c-maroon\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-maroon\:50\:st, html.auto .sf-c-maroon\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-maroon\:55\:st, html.auto .sf-c-maroon\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-maroon\:60\:st, html.auto .sf-c-maroon\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-maroon\:65\:st, html.auto .sf-c-maroon\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-maroon\:70\:st, html.auto .sf-c-maroon\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-maroon\:75\:st, html.auto .sf-c-maroon\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-maroon\:80\:st, html.auto .sf-c-maroon\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-maroon\:85\:st, html.auto .sf-c-maroon\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-maroon\:90\:st, html.auto .sf-c-maroon\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-maroon\:95\:st, html.auto .sf-c-maroon\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-maroon\:100\:st, html.auto .sf-c-maroon\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-maroon\:5, html.auto .sf-c-txt-maroon\:5 { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-maroon\:15, html.auto .sf-c-txt-maroon\:15 { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-maroon\:25, html.auto .sf-c-txt-maroon\:25 { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-maroon\:35, html.auto .sf-c-txt-maroon\:35 { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-maroon\:45, html.auto .sf-c-txt-maroon\:45 { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-maroon\:55, html.auto .sf-c-txt-maroon\:55 { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-maroon\:65, html.auto .sf-c-txt-maroon\:65 { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-maroon\:75, html.auto .sf-c-txt-maroon\:75 { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-maroon\:85, html.auto .sf-c-txt-maroon\:85 { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-maroon\:95, html.auto .sf-c-txt-maroon\:95 { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-maroon\:st, html.auto .sf-c-txt-maroon\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-maroon\:0\:st, html.auto .sf-c-txt-maroon\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-maroon\:5\:st, html.auto .sf-c-txt-maroon\:5\:st { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-maroon\:10\:st, html.auto .sf-c-txt-maroon\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-maroon\:15\:st, html.auto .sf-c-txt-maroon\:15\:st { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-maroon\:20\:st, html.auto .sf-c-txt-maroon\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-maroon\:25\:st, html.auto .sf-c-txt-maroon\:25\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-maroon\:30\:st, html.auto .sf-c-txt-maroon\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-maroon\:35\:st, html.auto .sf-c-txt-maroon\:35\:st { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-maroon\:40\:st, html.auto .sf-c-txt-maroon\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-maroon\:45\:st, html.auto .sf-c-txt-maroon\:45\:st { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-maroon\:50\:st, html.auto .sf-c-txt-maroon\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-maroon\:55\:st, html.auto .sf-c-txt-maroon\:55\:st { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-maroon\:60\:st, html.auto .sf-c-txt-maroon\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-maroon\:65\:st, html.auto .sf-c-txt-maroon\:65\:st { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-maroon\:70\:st, html.auto .sf-c-txt-maroon\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-maroon\:75\:st, html.auto .sf-c-txt-maroon\:75\:st { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-maroon\:80\:st, html.auto .sf-c-txt-maroon\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-maroon\:85\:st, html.auto .sf-c-txt-maroon\:85\:st { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-maroon\:90\:st, html.auto .sf-c-txt-maroon\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-maroon\:95\:st, html.auto .sf-c-txt-maroon\:95\:st { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-maroon\:100\:st, html.auto .sf-c-txt-maroon\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumaquamarine.css b/src/colors/20/mediumaquamarine.css deleted file mode 100644 index 0a26d2d..0000000 --- a/src/colors/20/mediumaquamarine.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumaquamarine { - --sf-c-mediumaquamarine: 160 51% 60%; - --sf-c-mediumaquamarine-0: 160 51% 0%; - --sf-c-mediumaquamarine-5: 160 51% 5%; - --sf-c-mediumaquamarine-10: 160 51% 10%; - --sf-c-mediumaquamarine-15: 160 51% 15%; - --sf-c-mediumaquamarine-20: 160 51% 20%; - --sf-c-mediumaquamarine-25: 160 51% 25%; - --sf-c-mediumaquamarine-30: 160 51% 30%; - --sf-c-mediumaquamarine-35: 160 51% 35%; - --sf-c-mediumaquamarine-40: 160 51% 40%; - --sf-c-mediumaquamarine-45: 160 51% 45%; - --sf-c-mediumaquamarine-50: 160 51% 50%; - --sf-c-mediumaquamarine-55: 160 51% 55%; - --sf-c-mediumaquamarine-60: 160 51% 60%; - --sf-c-mediumaquamarine-65: 160 51% 65%; - --sf-c-mediumaquamarine-70: 160 51% 70%; - --sf-c-mediumaquamarine-75: 160 51% 75%; - --sf-c-mediumaquamarine-80: 160 51% 80%; - --sf-c-mediumaquamarine-85: 160 51% 85%; - --sf-c-mediumaquamarine-90: 160 51% 90%; - --sf-c-mediumaquamarine-95: 160 51% 95%; - --sf-c-mediumaquamarine-100: 160 51% 100%; -} - -.sf-c-mediumaquamarine, .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } -.sf-c-mediumaquamarine\:0, .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } -.sf-c-mediumaquamarine\:5, .sf-c-mediumaquamarine\:5\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } -.sf-c-mediumaquamarine\:10, .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } -.sf-c-mediumaquamarine\:15, .sf-c-mediumaquamarine\:15\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 15%) } -.sf-c-mediumaquamarine\:20, .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 20%) } -.sf-c-mediumaquamarine\:25, .sf-c-mediumaquamarine\:25\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 25%) } -.sf-c-mediumaquamarine\:30, .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 30%) } -.sf-c-mediumaquamarine\:35, .sf-c-mediumaquamarine\:35\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 35%) } -.sf-c-mediumaquamarine\:40, .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } -.sf-c-mediumaquamarine\:45, .sf-c-mediumaquamarine\:45\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 45%) } -.sf-c-mediumaquamarine\:50, .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 50%) } -.sf-c-mediumaquamarine\:55, .sf-c-mediumaquamarine\:55\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 55%) } -.sf-c-mediumaquamarine\:60, .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } -.sf-c-mediumaquamarine\:65, .sf-c-mediumaquamarine\:65\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 65%) } -.sf-c-mediumaquamarine\:70, .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 70%) } -.sf-c-mediumaquamarine\:75, .sf-c-mediumaquamarine\:75\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 75%) } -.sf-c-mediumaquamarine\:80, .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 80%) } -.sf-c-mediumaquamarine\:85, .sf-c-mediumaquamarine\:85\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 85%) } -.sf-c-mediumaquamarine\:90, .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 90%) } -.sf-c-mediumaquamarine\:95, .sf-c-mediumaquamarine\:95\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } -.sf-c-mediumaquamarine\:100, .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } - -.sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 10%) } -.sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } -.sf-c-txt-mediumaquamarine\:0, .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } -.sf-c-txt-mediumaquamarine\:5, .sf-c-txt-mediumaquamarine\:5\:st { color: hsl(160, 51%, 5%) } -.sf-c-txt-mediumaquamarine\:10, .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } -.sf-c-txt-mediumaquamarine\:15, .sf-c-txt-mediumaquamarine\:15\:st { color: hsl(160, 51%, 15%) } -.sf-c-txt-mediumaquamarine\:20, .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } -.sf-c-txt-mediumaquamarine\:25, .sf-c-txt-mediumaquamarine\:25\:st { color: hsl(160, 51%, 25%) } -.sf-c-txt-mediumaquamarine\:30, .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } -.sf-c-txt-mediumaquamarine\:35, .sf-c-txt-mediumaquamarine\:35\:st { color: hsl(160, 51%, 35%) } -.sf-c-txt-mediumaquamarine\:40, .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } -.sf-c-txt-mediumaquamarine\:45, .sf-c-txt-mediumaquamarine\:45\:st { color: hsl(160, 51%, 45%) } -.sf-c-txt-mediumaquamarine\:50, .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } -.sf-c-txt-mediumaquamarine\:55, .sf-c-txt-mediumaquamarine\:55\:st { color: hsl(160, 51%, 55%) } -.sf-c-txt-mediumaquamarine\:60, .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } -.sf-c-txt-mediumaquamarine\:65, .sf-c-txt-mediumaquamarine\:65\:st { color: hsl(160, 51%, 65%) } -.sf-c-txt-mediumaquamarine\:70, .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } -.sf-c-txt-mediumaquamarine\:75, .sf-c-txt-mediumaquamarine\:75\:st { color: hsl(160, 51%, 75%) } -.sf-c-txt-mediumaquamarine\:80, .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } -.sf-c-txt-mediumaquamarine\:85, .sf-c-txt-mediumaquamarine\:85\:st { color: hsl(160, 51%, 85%) } -.sf-c-txt-mediumaquamarine\:90, .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } -.sf-c-txt-mediumaquamarine\:95, .sf-c-txt-mediumaquamarine\:95\:st { color: hsl(160, 51%, 95%) } -.sf-c-txt-mediumaquamarine\:100, .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } - -html[data-theme='dark'] .sf-c-mediumaquamarine, html.dark .sf-c-mediumaquamarine { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.dark .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:5, html.dark .sf-c-mediumaquamarine\:5 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:10, html.dark .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:15, html.dark .sf-c-mediumaquamarine\:15 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 85%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:20, html.dark .sf-c-mediumaquamarine\:20 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:25, html.dark .sf-c-mediumaquamarine\:25 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 75%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:30, html.dark .sf-c-mediumaquamarine\:30 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:35, html.dark .sf-c-mediumaquamarine\:35 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 65%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:40, html.dark .sf-c-mediumaquamarine\:40 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:45, html.dark .sf-c-mediumaquamarine\:45 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 55%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:50, html.dark .sf-c-mediumaquamarine\:50 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:55, html.dark .sf-c-mediumaquamarine\:55 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 45%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:60, html.dark .sf-c-mediumaquamarine\:60 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:65, html.dark .sf-c-mediumaquamarine\:65 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 35%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:70, html.dark .sf-c-mediumaquamarine\:70 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:75, html.dark .sf-c-mediumaquamarine\:75 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 25%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:80, html.dark .sf-c-mediumaquamarine\:80 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:85, html.dark .sf-c-mediumaquamarine\:85 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 15%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:90, html.dark .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:95, html.dark .sf-c-mediumaquamarine\:95 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:100, html.dark .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } - -html[data-theme='dark'] .sf-c-mediumaquamarine\:st, html.dark .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:0\:st, html.dark .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:5\:st, html.dark .sf-c-mediumaquamarine\:5\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:10\:st, html.dark .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:15\:st, html.dark .sf-c-mediumaquamarine\:15\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 15%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:20\:st, html.dark .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:25\:st, html.dark .sf-c-mediumaquamarine\:25\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 25%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:30\:st, html.dark .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:35\:st, html.dark .sf-c-mediumaquamarine\:35\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 35%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:40\:st, html.dark .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:45\:st, html.dark .sf-c-mediumaquamarine\:45\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 45%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:50\:st, html.dark .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:55\:st, html.dark .sf-c-mediumaquamarine\:55\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 55%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:60\:st, html.dark .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:65\:st, html.dark .sf-c-mediumaquamarine\:65\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 65%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:70\:st, html.dark .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:75\:st, html.dark .sf-c-mediumaquamarine\:75\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 75%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:80\:st, html.dark .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:85\:st, html.dark .sf-c-mediumaquamarine\:85\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 85%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:90\:st, html.dark .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:95\:st, html.dark .sf-c-mediumaquamarine\:95\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } -html[data-theme='dark'] .sf-c-mediumaquamarine\:100\:st, html.dark .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5, html.dark .sf-c-txt-mediumaquamarine\:5 { color: hsl(160, 51%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15, html.dark .sf-c-txt-mediumaquamarine\:15 { color: hsl(160, 51%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25, html.dark .sf-c-txt-mediumaquamarine\:25 { color: hsl(160, 51%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35, html.dark .sf-c-txt-mediumaquamarine\:35 { color: hsl(160, 51%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45, html.dark .sf-c-txt-mediumaquamarine\:45 { color: hsl(160, 51%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55, html.dark .sf-c-txt-mediumaquamarine\:55 { color: hsl(160, 51%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65, html.dark .sf-c-txt-mediumaquamarine\:65 { color: hsl(160, 51%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75, html.dark .sf-c-txt-mediumaquamarine\:75 { color: hsl(160, 51%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85, html.dark .sf-c-txt-mediumaquamarine\:85 { color: hsl(160, 51%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95, html.dark .sf-c-txt-mediumaquamarine\:95 { color: hsl(160, 51%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:st, html.dark .sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:st, html.dark .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5\:st, html.dark .sf-c-txt-mediumaquamarine\:5\:st { color: hsl(160, 51%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:st, html.dark .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15\:st, html.dark .sf-c-txt-mediumaquamarine\:15\:st { color: hsl(160, 51%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:st, html.dark .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25\:st, html.dark .sf-c-txt-mediumaquamarine\:25\:st { color: hsl(160, 51%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:st, html.dark .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35\:st, html.dark .sf-c-txt-mediumaquamarine\:35\:st { color: hsl(160, 51%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:st, html.dark .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45\:st, html.dark .sf-c-txt-mediumaquamarine\:45\:st { color: hsl(160, 51%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:st, html.dark .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55\:st, html.dark .sf-c-txt-mediumaquamarine\:55\:st { color: hsl(160, 51%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:st, html.dark .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65\:st, html.dark .sf-c-txt-mediumaquamarine\:65\:st { color: hsl(160, 51%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:st, html.dark .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75\:st, html.dark .sf-c-txt-mediumaquamarine\:75\:st { color: hsl(160, 51%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:st, html.dark .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85\:st, html.dark .sf-c-txt-mediumaquamarine\:85\:st { color: hsl(160, 51%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:st, html.dark .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95\:st, html.dark .sf-c-txt-mediumaquamarine\:95\:st { color: hsl(160, 51%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:st, html.dark .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumaquamarine, html.auto .sf-c-mediumaquamarine { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.auto .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:5, html.auto .sf-c-mediumaquamarine\:5 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:10, html.auto .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:15, html.auto .sf-c-mediumaquamarine\:15 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 85%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:20, html.auto .sf-c-mediumaquamarine\:20 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:25, html.auto .sf-c-mediumaquamarine\:25 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 75%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:30, html.auto .sf-c-mediumaquamarine\:30 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:35, html.auto .sf-c-mediumaquamarine\:35 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 65%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:40, html.auto .sf-c-mediumaquamarine\:40 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:45, html.auto .sf-c-mediumaquamarine\:45 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 55%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:50, html.auto .sf-c-mediumaquamarine\:50 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:55, html.auto .sf-c-mediumaquamarine\:55 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 45%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:60, html.auto .sf-c-mediumaquamarine\:60 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:65, html.auto .sf-c-mediumaquamarine\:65 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 35%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:70, html.auto .sf-c-mediumaquamarine\:70 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:75, html.auto .sf-c-mediumaquamarine\:75 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 25%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:80, html.auto .sf-c-mediumaquamarine\:80 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:85, html.auto .sf-c-mediumaquamarine\:85 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 15%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:90, html.auto .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:95, html.auto .sf-c-mediumaquamarine\:95 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:100, html.auto .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } - - html[data-theme='auto'] .sf-c-mediumaquamarine\:st, html.auto .sf-c-mediumaquamarine\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:0\:st, html.auto .sf-c-mediumaquamarine\:0\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:5\:st, html.auto .sf-c-mediumaquamarine\:5\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:10\:st, html.auto .sf-c-mediumaquamarine\:10\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:15\:st, html.auto .sf-c-mediumaquamarine\:15\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 15%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:20\:st, html.auto .sf-c-mediumaquamarine\:20\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:25\:st, html.auto .sf-c-mediumaquamarine\:25\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 25%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:30\:st, html.auto .sf-c-mediumaquamarine\:30\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:35\:st, html.auto .sf-c-mediumaquamarine\:35\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 35%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:40\:st, html.auto .sf-c-mediumaquamarine\:40\:st { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:45\:st, html.auto .sf-c-mediumaquamarine\:45\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 45%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:50\:st, html.auto .sf-c-mediumaquamarine\:50\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:55\:st, html.auto .sf-c-mediumaquamarine\:55\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 55%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:60\:st, html.auto .sf-c-mediumaquamarine\:60\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:65\:st, html.auto .sf-c-mediumaquamarine\:65\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 65%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:70\:st, html.auto .sf-c-mediumaquamarine\:70\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:75\:st, html.auto .sf-c-mediumaquamarine\:75\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 75%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:80\:st, html.auto .sf-c-mediumaquamarine\:80\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:85\:st, html.auto .sf-c-mediumaquamarine\:85\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 85%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:90\:st, html.auto .sf-c-mediumaquamarine\:90\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:95\:st, html.auto .sf-c-mediumaquamarine\:95\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } - html[data-theme='auto'] .sf-c-mediumaquamarine\:100\:st, html.auto .sf-c-mediumaquamarine\:100\:st { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5, html.auto .sf-c-txt-mediumaquamarine\:5 { color: hsl(160, 51%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15, html.auto .sf-c-txt-mediumaquamarine\:15 { color: hsl(160, 51%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25, html.auto .sf-c-txt-mediumaquamarine\:25 { color: hsl(160, 51%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35, html.auto .sf-c-txt-mediumaquamarine\:35 { color: hsl(160, 51%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45, html.auto .sf-c-txt-mediumaquamarine\:45 { color: hsl(160, 51%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55, html.auto .sf-c-txt-mediumaquamarine\:55 { color: hsl(160, 51%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65, html.auto .sf-c-txt-mediumaquamarine\:65 { color: hsl(160, 51%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75, html.auto .sf-c-txt-mediumaquamarine\:75 { color: hsl(160, 51%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85, html.auto .sf-c-txt-mediumaquamarine\:85 { color: hsl(160, 51%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95, html.auto .sf-c-txt-mediumaquamarine\:95 { color: hsl(160, 51%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:st, html.auto .sf-c-txt-mediumaquamarine\:st { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:st, html.auto .sf-c-txt-mediumaquamarine\:0\:st { color: hsl(160, 51%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5\:st, html.auto .sf-c-txt-mediumaquamarine\:5\:st { color: hsl(160, 51%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:st, html.auto .sf-c-txt-mediumaquamarine\:10\:st { color: hsl(160, 51%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15\:st, html.auto .sf-c-txt-mediumaquamarine\:15\:st { color: hsl(160, 51%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:st, html.auto .sf-c-txt-mediumaquamarine\:20\:st { color: hsl(160, 51%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25\:st, html.auto .sf-c-txt-mediumaquamarine\:25\:st { color: hsl(160, 51%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:st, html.auto .sf-c-txt-mediumaquamarine\:30\:st { color: hsl(160, 51%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35\:st, html.auto .sf-c-txt-mediumaquamarine\:35\:st { color: hsl(160, 51%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:st, html.auto .sf-c-txt-mediumaquamarine\:40\:st { color: hsl(160, 51%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45\:st, html.auto .sf-c-txt-mediumaquamarine\:45\:st { color: hsl(160, 51%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:st, html.auto .sf-c-txt-mediumaquamarine\:50\:st { color: hsl(160, 51%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55\:st, html.auto .sf-c-txt-mediumaquamarine\:55\:st { color: hsl(160, 51%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:st, html.auto .sf-c-txt-mediumaquamarine\:60\:st { color: hsl(160, 51%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65\:st, html.auto .sf-c-txt-mediumaquamarine\:65\:st { color: hsl(160, 51%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:st, html.auto .sf-c-txt-mediumaquamarine\:70\:st { color: hsl(160, 51%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75\:st, html.auto .sf-c-txt-mediumaquamarine\:75\:st { color: hsl(160, 51%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:st, html.auto .sf-c-txt-mediumaquamarine\:80\:st { color: hsl(160, 51%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85\:st, html.auto .sf-c-txt-mediumaquamarine\:85\:st { color: hsl(160, 51%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:st, html.auto .sf-c-txt-mediumaquamarine\:90\:st { color: hsl(160, 51%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95\:st, html.auto .sf-c-txt-mediumaquamarine\:95\:st { color: hsl(160, 51%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:st, html.auto .sf-c-txt-mediumaquamarine\:100\:st { color: hsl(160, 51%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumblue.css b/src/colors/20/mediumblue.css deleted file mode 100644 index 6f83cab..0000000 --- a/src/colors/20/mediumblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumblue { - --sf-c-mediumblue: 240 100% 40%; - --sf-c-mediumblue-0: 240 100% 0%; - --sf-c-mediumblue-5: 240 100% 5%; - --sf-c-mediumblue-10: 240 100% 10%; - --sf-c-mediumblue-15: 240 100% 15%; - --sf-c-mediumblue-20: 240 100% 20%; - --sf-c-mediumblue-25: 240 100% 25%; - --sf-c-mediumblue-30: 240 100% 30%; - --sf-c-mediumblue-35: 240 100% 35%; - --sf-c-mediumblue-40: 240 100% 40%; - --sf-c-mediumblue-45: 240 100% 45%; - --sf-c-mediumblue-50: 240 100% 50%; - --sf-c-mediumblue-55: 240 100% 55%; - --sf-c-mediumblue-60: 240 100% 60%; - --sf-c-mediumblue-65: 240 100% 65%; - --sf-c-mediumblue-70: 240 100% 70%; - --sf-c-mediumblue-75: 240 100% 75%; - --sf-c-mediumblue-80: 240 100% 80%; - --sf-c-mediumblue-85: 240 100% 85%; - --sf-c-mediumblue-90: 240 100% 90%; - --sf-c-mediumblue-95: 240 100% 95%; - --sf-c-mediumblue-100: 240 100% 100%; -} - -.sf-c-mediumblue, .sf-c-mediumblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-mediumblue\:0, .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -.sf-c-mediumblue\:5, .sf-c-mediumblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -.sf-c-mediumblue\:10, .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -.sf-c-mediumblue\:15, .sf-c-mediumblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -.sf-c-mediumblue\:20, .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -.sf-c-mediumblue\:25, .sf-c-mediumblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-mediumblue\:30, .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -.sf-c-mediumblue\:35, .sf-c-mediumblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -.sf-c-mediumblue\:40, .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-mediumblue\:45, .sf-c-mediumblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -.sf-c-mediumblue\:50, .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-mediumblue\:55, .sf-c-mediumblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -.sf-c-mediumblue\:60, .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -.sf-c-mediumblue\:65, .sf-c-mediumblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -.sf-c-mediumblue\:70, .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -.sf-c-mediumblue\:75, .sf-c-mediumblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -.sf-c-mediumblue\:80, .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -.sf-c-mediumblue\:85, .sf-c-mediumblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -.sf-c-mediumblue\:90, .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -.sf-c-mediumblue\:95, .sf-c-mediumblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -.sf-c-mediumblue\:100, .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:0, .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-mediumblue\:5, .sf-c-txt-mediumblue\:5\:st { color: hsl(240, 100%, 5%) } -.sf-c-txt-mediumblue\:10, .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-mediumblue\:15, .sf-c-txt-mediumblue\:15\:st { color: hsl(240, 100%, 15%) } -.sf-c-txt-mediumblue\:20, .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-mediumblue\:25, .sf-c-txt-mediumblue\:25\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-mediumblue\:30, .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-mediumblue\:35, .sf-c-txt-mediumblue\:35\:st { color: hsl(240, 100%, 35%) } -.sf-c-txt-mediumblue\:40, .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-mediumblue\:45, .sf-c-txt-mediumblue\:45\:st { color: hsl(240, 100%, 45%) } -.sf-c-txt-mediumblue\:50, .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-mediumblue\:55, .sf-c-txt-mediumblue\:55\:st { color: hsl(240, 100%, 55%) } -.sf-c-txt-mediumblue\:60, .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-mediumblue\:65, .sf-c-txt-mediumblue\:65\:st { color: hsl(240, 100%, 65%) } -.sf-c-txt-mediumblue\:70, .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-mediumblue\:75, .sf-c-txt-mediumblue\:75\:st { color: hsl(240, 100%, 75%) } -.sf-c-txt-mediumblue\:80, .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-mediumblue\:85, .sf-c-txt-mediumblue\:85\:st { color: hsl(240, 100%, 85%) } -.sf-c-txt-mediumblue\:90, .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-mediumblue\:95, .sf-c-txt-mediumblue\:95\:st { color: hsl(240, 100%, 95%) } -.sf-c-txt-mediumblue\:100, .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mediumblue, html.dark .sf-c-mediumblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:0, html.dark .sf-c-mediumblue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-mediumblue\:5, html.dark .sf-c-mediumblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-mediumblue\:10, html.dark .sf-c-mediumblue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumblue\:15, html.dark .sf-c-mediumblue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-mediumblue\:20, html.dark .sf-c-mediumblue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumblue\:25, html.dark .sf-c-mediumblue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-mediumblue\:30, html.dark .sf-c-mediumblue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumblue\:35, html.dark .sf-c-mediumblue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-mediumblue\:40, html.dark .sf-c-mediumblue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:45, html.dark .sf-c-mediumblue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-mediumblue\:50, html.dark .sf-c-mediumblue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumblue\:55, html.dark .sf-c-mediumblue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-mediumblue\:60, html.dark .sf-c-mediumblue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:65, html.dark .sf-c-mediumblue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-mediumblue\:70, html.dark .sf-c-mediumblue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumblue\:75, html.dark .sf-c-mediumblue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-mediumblue\:80, html.dark .sf-c-mediumblue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumblue\:85, html.dark .sf-c-mediumblue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-mediumblue\:90, html.dark .sf-c-mediumblue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumblue\:95, html.dark .sf-c-mediumblue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-mediumblue\:100, html.dark .sf-c-mediumblue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mediumblue\:st, html.dark .sf-c-mediumblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:0\:st, html.dark .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-mediumblue\:5\:st, html.dark .sf-c-mediumblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-mediumblue\:10\:st, html.dark .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumblue\:15\:st, html.dark .sf-c-mediumblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-mediumblue\:20\:st, html.dark .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumblue\:25\:st, html.dark .sf-c-mediumblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-mediumblue\:30\:st, html.dark .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumblue\:35\:st, html.dark .sf-c-mediumblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-mediumblue\:40\:st, html.dark .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumblue\:45\:st, html.dark .sf-c-mediumblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-mediumblue\:50\:st, html.dark .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumblue\:55\:st, html.dark .sf-c-mediumblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-mediumblue\:60\:st, html.dark .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumblue\:65\:st, html.dark .sf-c-mediumblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-mediumblue\:70\:st, html.dark .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumblue\:75\:st, html.dark .sf-c-mediumblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-mediumblue\:80\:st, html.dark .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumblue\:85\:st, html.dark .sf-c-mediumblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-mediumblue\:90\:st, html.dark .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumblue\:95\:st, html.dark .sf-c-mediumblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-mediumblue\:100\:st, html.dark .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:5, html.dark .sf-c-txt-mediumblue\:5 { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:15, html.dark .sf-c-txt-mediumblue\:15 { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:25, html.dark .sf-c-txt-mediumblue\:25 { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:35, html.dark .sf-c-txt-mediumblue\:35 { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:45, html.dark .sf-c-txt-mediumblue\:45 { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:55, html.dark .sf-c-txt-mediumblue\:55 { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:65, html.dark .sf-c-txt-mediumblue\:65 { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:75, html.dark .sf-c-txt-mediumblue\:75 { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:85, html.dark .sf-c-txt-mediumblue\:85 { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:95, html.dark .sf-c-txt-mediumblue\:95 { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumblue\:st, html.dark .sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:0\:st, html.dark .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:5\:st, html.dark .sf-c-txt-mediumblue\:5\:st { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:10\:st, html.dark .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:15\:st, html.dark .sf-c-txt-mediumblue\:15\:st { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:20\:st, html.dark .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:25\:st, html.dark .sf-c-txt-mediumblue\:25\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:30\:st, html.dark .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:35\:st, html.dark .sf-c-txt-mediumblue\:35\:st { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:40\:st, html.dark .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:45\:st, html.dark .sf-c-txt-mediumblue\:45\:st { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:50\:st, html.dark .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:55\:st, html.dark .sf-c-txt-mediumblue\:55\:st { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:60\:st, html.dark .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:65\:st, html.dark .sf-c-txt-mediumblue\:65\:st { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:70\:st, html.dark .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:75\:st, html.dark .sf-c-txt-mediumblue\:75\:st { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:80\:st, html.dark .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:85\:st, html.dark .sf-c-txt-mediumblue\:85\:st { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:90\:st, html.dark .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:95\:st, html.dark .sf-c-txt-mediumblue\:95\:st { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumblue\:100\:st, html.dark .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumblue, html.auto .sf-c-mediumblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:0, html.auto .sf-c-mediumblue\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-mediumblue\:5, html.auto .sf-c-mediumblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-mediumblue\:10, html.auto .sf-c-mediumblue\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumblue\:15, html.auto .sf-c-mediumblue\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-mediumblue\:20, html.auto .sf-c-mediumblue\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumblue\:25, html.auto .sf-c-mediumblue\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-mediumblue\:30, html.auto .sf-c-mediumblue\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumblue\:35, html.auto .sf-c-mediumblue\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-mediumblue\:40, html.auto .sf-c-mediumblue\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:45, html.auto .sf-c-mediumblue\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-mediumblue\:50, html.auto .sf-c-mediumblue\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumblue\:55, html.auto .sf-c-mediumblue\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-mediumblue\:60, html.auto .sf-c-mediumblue\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:65, html.auto .sf-c-mediumblue\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-mediumblue\:70, html.auto .sf-c-mediumblue\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumblue\:75, html.auto .sf-c-mediumblue\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-mediumblue\:80, html.auto .sf-c-mediumblue\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumblue\:85, html.auto .sf-c-mediumblue\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-mediumblue\:90, html.auto .sf-c-mediumblue\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumblue\:95, html.auto .sf-c-mediumblue\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-mediumblue\:100, html.auto .sf-c-mediumblue\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mediumblue\:st, html.auto .sf-c-mediumblue\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:0\:st, html.auto .sf-c-mediumblue\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-mediumblue\:5\:st, html.auto .sf-c-mediumblue\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-mediumblue\:10\:st, html.auto .sf-c-mediumblue\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumblue\:15\:st, html.auto .sf-c-mediumblue\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-mediumblue\:20\:st, html.auto .sf-c-mediumblue\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumblue\:25\:st, html.auto .sf-c-mediumblue\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-mediumblue\:30\:st, html.auto .sf-c-mediumblue\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumblue\:35\:st, html.auto .sf-c-mediumblue\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-mediumblue\:40\:st, html.auto .sf-c-mediumblue\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumblue\:45\:st, html.auto .sf-c-mediumblue\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-mediumblue\:50\:st, html.auto .sf-c-mediumblue\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumblue\:55\:st, html.auto .sf-c-mediumblue\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-mediumblue\:60\:st, html.auto .sf-c-mediumblue\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumblue\:65\:st, html.auto .sf-c-mediumblue\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-mediumblue\:70\:st, html.auto .sf-c-mediumblue\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumblue\:75\:st, html.auto .sf-c-mediumblue\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-mediumblue\:80\:st, html.auto .sf-c-mediumblue\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumblue\:85\:st, html.auto .sf-c-mediumblue\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-mediumblue\:90\:st, html.auto .sf-c-mediumblue\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumblue\:95\:st, html.auto .sf-c-mediumblue\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-mediumblue\:100\:st, html.auto .sf-c-mediumblue\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:5, html.auto .sf-c-txt-mediumblue\:5 { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:15, html.auto .sf-c-txt-mediumblue\:15 { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:25, html.auto .sf-c-txt-mediumblue\:25 { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:35, html.auto .sf-c-txt-mediumblue\:35 { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:45, html.auto .sf-c-txt-mediumblue\:45 { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:55, html.auto .sf-c-txt-mediumblue\:55 { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:65, html.auto .sf-c-txt-mediumblue\:65 { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:75, html.auto .sf-c-txt-mediumblue\:75 { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:85, html.auto .sf-c-txt-mediumblue\:85 { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:95, html.auto .sf-c-txt-mediumblue\:95 { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumblue\:st, html.auto .sf-c-txt-mediumblue\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:0\:st, html.auto .sf-c-txt-mediumblue\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:5\:st, html.auto .sf-c-txt-mediumblue\:5\:st { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:10\:st, html.auto .sf-c-txt-mediumblue\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:15\:st, html.auto .sf-c-txt-mediumblue\:15\:st { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:20\:st, html.auto .sf-c-txt-mediumblue\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:25\:st, html.auto .sf-c-txt-mediumblue\:25\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:30\:st, html.auto .sf-c-txt-mediumblue\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:35\:st, html.auto .sf-c-txt-mediumblue\:35\:st { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:40\:st, html.auto .sf-c-txt-mediumblue\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:45\:st, html.auto .sf-c-txt-mediumblue\:45\:st { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:50\:st, html.auto .sf-c-txt-mediumblue\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:55\:st, html.auto .sf-c-txt-mediumblue\:55\:st { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:60\:st, html.auto .sf-c-txt-mediumblue\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:65\:st, html.auto .sf-c-txt-mediumblue\:65\:st { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:70\:st, html.auto .sf-c-txt-mediumblue\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:75\:st, html.auto .sf-c-txt-mediumblue\:75\:st { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:80\:st, html.auto .sf-c-txt-mediumblue\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:85\:st, html.auto .sf-c-txt-mediumblue\:85\:st { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:90\:st, html.auto .sf-c-txt-mediumblue\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:95\:st, html.auto .sf-c-txt-mediumblue\:95\:st { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumblue\:100\:st, html.auto .sf-c-txt-mediumblue\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumorchid.css b/src/colors/20/mediumorchid.css deleted file mode 100644 index 54083b5..0000000 --- a/src/colors/20/mediumorchid.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumorchid { - --sf-c-mediumorchid: 288 59% 58%; - --sf-c-mediumorchid-0: 288 59% 0%; - --sf-c-mediumorchid-5: 288 59% 5%; - --sf-c-mediumorchid-10: 288 59% 10%; - --sf-c-mediumorchid-15: 288 59% 15%; - --sf-c-mediumorchid-20: 288 59% 20%; - --sf-c-mediumorchid-25: 288 59% 25%; - --sf-c-mediumorchid-30: 288 59% 30%; - --sf-c-mediumorchid-35: 288 59% 35%; - --sf-c-mediumorchid-40: 288 59% 40%; - --sf-c-mediumorchid-45: 288 59% 45%; - --sf-c-mediumorchid-50: 288 59% 50%; - --sf-c-mediumorchid-55: 288 59% 55%; - --sf-c-mediumorchid-60: 288 59% 60%; - --sf-c-mediumorchid-65: 288 59% 65%; - --sf-c-mediumorchid-70: 288 59% 70%; - --sf-c-mediumorchid-75: 288 59% 75%; - --sf-c-mediumorchid-80: 288 59% 80%; - --sf-c-mediumorchid-85: 288 59% 85%; - --sf-c-mediumorchid-90: 288 59% 90%; - --sf-c-mediumorchid-95: 288 59% 95%; - --sf-c-mediumorchid-100: 288 59% 100%; -} - -.sf-c-mediumorchid, .sf-c-mediumorchid\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 58%) } -.sf-c-mediumorchid\:0, .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } -.sf-c-mediumorchid\:5, .sf-c-mediumorchid\:5\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } -.sf-c-mediumorchid\:10, .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } -.sf-c-mediumorchid\:15, .sf-c-mediumorchid\:15\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 15%) } -.sf-c-mediumorchid\:20, .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 20%) } -.sf-c-mediumorchid\:25, .sf-c-mediumorchid\:25\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 25%) } -.sf-c-mediumorchid\:30, .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 30%) } -.sf-c-mediumorchid\:35, .sf-c-mediumorchid\:35\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 35%) } -.sf-c-mediumorchid\:40, .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 40%) } -.sf-c-mediumorchid\:45, .sf-c-mediumorchid\:45\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 45%) } -.sf-c-mediumorchid\:50, .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 50%) } -.sf-c-mediumorchid\:55, .sf-c-mediumorchid\:55\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 55%) } -.sf-c-mediumorchid\:60, .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 60%) } -.sf-c-mediumorchid\:65, .sf-c-mediumorchid\:65\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 65%) } -.sf-c-mediumorchid\:70, .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 70%) } -.sf-c-mediumorchid\:75, .sf-c-mediumorchid\:75\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 75%) } -.sf-c-mediumorchid\:80, .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 80%) } -.sf-c-mediumorchid\:85, .sf-c-mediumorchid\:85\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 85%) } -.sf-c-mediumorchid\:90, .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 90%) } -.sf-c-mediumorchid\:95, .sf-c-mediumorchid\:95\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } -.sf-c-mediumorchid\:100, .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } - -.sf-c-txt-mediumorchid { color: hsl(288, 59%, 10%) } -.sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } -.sf-c-txt-mediumorchid\:0, .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } -.sf-c-txt-mediumorchid\:5, .sf-c-txt-mediumorchid\:5\:st { color: hsl(288, 59%, 5%) } -.sf-c-txt-mediumorchid\:10, .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } -.sf-c-txt-mediumorchid\:15, .sf-c-txt-mediumorchid\:15\:st { color: hsl(288, 59%, 15%) } -.sf-c-txt-mediumorchid\:20, .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } -.sf-c-txt-mediumorchid\:25, .sf-c-txt-mediumorchid\:25\:st { color: hsl(288, 59%, 25%) } -.sf-c-txt-mediumorchid\:30, .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } -.sf-c-txt-mediumorchid\:35, .sf-c-txt-mediumorchid\:35\:st { color: hsl(288, 59%, 35%) } -.sf-c-txt-mediumorchid\:40, .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } -.sf-c-txt-mediumorchid\:45, .sf-c-txt-mediumorchid\:45\:st { color: hsl(288, 59%, 45%) } -.sf-c-txt-mediumorchid\:50, .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } -.sf-c-txt-mediumorchid\:55, .sf-c-txt-mediumorchid\:55\:st { color: hsl(288, 59%, 55%) } -.sf-c-txt-mediumorchid\:60, .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } -.sf-c-txt-mediumorchid\:65, .sf-c-txt-mediumorchid\:65\:st { color: hsl(288, 59%, 65%) } -.sf-c-txt-mediumorchid\:70, .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } -.sf-c-txt-mediumorchid\:75, .sf-c-txt-mediumorchid\:75\:st { color: hsl(288, 59%, 75%) } -.sf-c-txt-mediumorchid\:80, .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } -.sf-c-txt-mediumorchid\:85, .sf-c-txt-mediumorchid\:85\:st { color: hsl(288, 59%, 85%) } -.sf-c-txt-mediumorchid\:90, .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } -.sf-c-txt-mediumorchid\:95, .sf-c-txt-mediumorchid\:95\:st { color: hsl(288, 59%, 95%) } -.sf-c-txt-mediumorchid\:100, .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } - -html[data-theme='dark'] .sf-c-mediumorchid, html.dark .sf-c-mediumorchid { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 42%) } -html[data-theme='dark'] .sf-c-mediumorchid\:0, html.dark .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } -html[data-theme='dark'] .sf-c-mediumorchid\:5, html.dark .sf-c-mediumorchid\:5 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } -html[data-theme='dark'] .sf-c-mediumorchid\:10, html.dark .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-mediumorchid\:15, html.dark .sf-c-mediumorchid\:15 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 85%) } -html[data-theme='dark'] .sf-c-mediumorchid\:20, html.dark .sf-c-mediumorchid\:20 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-mediumorchid\:25, html.dark .sf-c-mediumorchid\:25 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 75%) } -html[data-theme='dark'] .sf-c-mediumorchid\:30, html.dark .sf-c-mediumorchid\:30 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-mediumorchid\:35, html.dark .sf-c-mediumorchid\:35 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 65%) } -html[data-theme='dark'] .sf-c-mediumorchid\:40, html.dark .sf-c-mediumorchid\:40 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-mediumorchid\:45, html.dark .sf-c-mediumorchid\:45 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 55%) } -html[data-theme='dark'] .sf-c-mediumorchid\:50, html.dark .sf-c-mediumorchid\:50 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-mediumorchid\:55, html.dark .sf-c-mediumorchid\:55 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 45%) } -html[data-theme='dark'] .sf-c-mediumorchid\:60, html.dark .sf-c-mediumorchid\:60 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-mediumorchid\:65, html.dark .sf-c-mediumorchid\:65 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 35%) } -html[data-theme='dark'] .sf-c-mediumorchid\:70, html.dark .sf-c-mediumorchid\:70 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-mediumorchid\:75, html.dark .sf-c-mediumorchid\:75 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 25%) } -html[data-theme='dark'] .sf-c-mediumorchid\:80, html.dark .sf-c-mediumorchid\:80 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-mediumorchid\:85, html.dark .sf-c-mediumorchid\:85 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 15%) } -html[data-theme='dark'] .sf-c-mediumorchid\:90, html.dark .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-mediumorchid\:95, html.dark .sf-c-mediumorchid\:95 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } -html[data-theme='dark'] .sf-c-mediumorchid\:100, html.dark .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } - -html[data-theme='dark'] .sf-c-mediumorchid\:st, html.dark .sf-c-mediumorchid\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-mediumorchid\:0\:st, html.dark .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } -html[data-theme='dark'] .sf-c-mediumorchid\:5\:st, html.dark .sf-c-mediumorchid\:5\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } -html[data-theme='dark'] .sf-c-mediumorchid\:10\:st, html.dark .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-mediumorchid\:15\:st, html.dark .sf-c-mediumorchid\:15\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 15%) } -html[data-theme='dark'] .sf-c-mediumorchid\:20\:st, html.dark .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-mediumorchid\:25\:st, html.dark .sf-c-mediumorchid\:25\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 25%) } -html[data-theme='dark'] .sf-c-mediumorchid\:30\:st, html.dark .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-mediumorchid\:35\:st, html.dark .sf-c-mediumorchid\:35\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 35%) } -html[data-theme='dark'] .sf-c-mediumorchid\:40\:st, html.dark .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-mediumorchid\:45\:st, html.dark .sf-c-mediumorchid\:45\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 45%) } -html[data-theme='dark'] .sf-c-mediumorchid\:50\:st, html.dark .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-mediumorchid\:55\:st, html.dark .sf-c-mediumorchid\:55\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 55%) } -html[data-theme='dark'] .sf-c-mediumorchid\:60\:st, html.dark .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-mediumorchid\:65\:st, html.dark .sf-c-mediumorchid\:65\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 65%) } -html[data-theme='dark'] .sf-c-mediumorchid\:70\:st, html.dark .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-mediumorchid\:75\:st, html.dark .sf-c-mediumorchid\:75\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 75%) } -html[data-theme='dark'] .sf-c-mediumorchid\:80\:st, html.dark .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-mediumorchid\:85\:st, html.dark .sf-c-mediumorchid\:85\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 85%) } -html[data-theme='dark'] .sf-c-mediumorchid\:90\:st, html.dark .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-mediumorchid\:95\:st, html.dark .sf-c-mediumorchid\:95\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } -html[data-theme='dark'] .sf-c-mediumorchid\:100\:st, html.dark .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:5, html.dark .sf-c-txt-mediumorchid\:5 { color: hsl(288, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:15, html.dark .sf-c-txt-mediumorchid\:15 { color: hsl(288, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:25, html.dark .sf-c-txt-mediumorchid\:25 { color: hsl(288, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:35, html.dark .sf-c-txt-mediumorchid\:35 { color: hsl(288, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:45, html.dark .sf-c-txt-mediumorchid\:45 { color: hsl(288, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:55, html.dark .sf-c-txt-mediumorchid\:55 { color: hsl(288, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:65, html.dark .sf-c-txt-mediumorchid\:65 { color: hsl(288, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:75, html.dark .sf-c-txt-mediumorchid\:75 { color: hsl(288, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:85, html.dark .sf-c-txt-mediumorchid\:85 { color: hsl(288, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:95, html.dark .sf-c-txt-mediumorchid\:95 { color: hsl(288, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumorchid\:st, html.dark .sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:st, html.dark .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:5\:st, html.dark .sf-c-txt-mediumorchid\:5\:st { color: hsl(288, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:st, html.dark .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:15\:st, html.dark .sf-c-txt-mediumorchid\:15\:st { color: hsl(288, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:st, html.dark .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:25\:st, html.dark .sf-c-txt-mediumorchid\:25\:st { color: hsl(288, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:st, html.dark .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:35\:st, html.dark .sf-c-txt-mediumorchid\:35\:st { color: hsl(288, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:st, html.dark .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:45\:st, html.dark .sf-c-txt-mediumorchid\:45\:st { color: hsl(288, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:st, html.dark .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:55\:st, html.dark .sf-c-txt-mediumorchid\:55\:st { color: hsl(288, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:st, html.dark .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:65\:st, html.dark .sf-c-txt-mediumorchid\:65\:st { color: hsl(288, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:st, html.dark .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:75\:st, html.dark .sf-c-txt-mediumorchid\:75\:st { color: hsl(288, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:st, html.dark .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:85\:st, html.dark .sf-c-txt-mediumorchid\:85\:st { color: hsl(288, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:st, html.dark .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:95\:st, html.dark .sf-c-txt-mediumorchid\:95\:st { color: hsl(288, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:st, html.dark .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumorchid, html.auto .sf-c-mediumorchid { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 42%) } - html[data-theme='auto'] .sf-c-mediumorchid\:0, html.auto .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } - html[data-theme='auto'] .sf-c-mediumorchid\:5, html.auto .sf-c-mediumorchid\:5 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } - html[data-theme='auto'] .sf-c-mediumorchid\:10, html.auto .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-mediumorchid\:15, html.auto .sf-c-mediumorchid\:15 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 85%) } - html[data-theme='auto'] .sf-c-mediumorchid\:20, html.auto .sf-c-mediumorchid\:20 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-mediumorchid\:25, html.auto .sf-c-mediumorchid\:25 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 75%) } - html[data-theme='auto'] .sf-c-mediumorchid\:30, html.auto .sf-c-mediumorchid\:30 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-mediumorchid\:35, html.auto .sf-c-mediumorchid\:35 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 65%) } - html[data-theme='auto'] .sf-c-mediumorchid\:40, html.auto .sf-c-mediumorchid\:40 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-mediumorchid\:45, html.auto .sf-c-mediumorchid\:45 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 55%) } - html[data-theme='auto'] .sf-c-mediumorchid\:50, html.auto .sf-c-mediumorchid\:50 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-mediumorchid\:55, html.auto .sf-c-mediumorchid\:55 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 45%) } - html[data-theme='auto'] .sf-c-mediumorchid\:60, html.auto .sf-c-mediumorchid\:60 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-mediumorchid\:65, html.auto .sf-c-mediumorchid\:65 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 35%) } - html[data-theme='auto'] .sf-c-mediumorchid\:70, html.auto .sf-c-mediumorchid\:70 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-mediumorchid\:75, html.auto .sf-c-mediumorchid\:75 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 25%) } - html[data-theme='auto'] .sf-c-mediumorchid\:80, html.auto .sf-c-mediumorchid\:80 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-mediumorchid\:85, html.auto .sf-c-mediumorchid\:85 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 15%) } - html[data-theme='auto'] .sf-c-mediumorchid\:90, html.auto .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-mediumorchid\:95, html.auto .sf-c-mediumorchid\:95 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } - html[data-theme='auto'] .sf-c-mediumorchid\:100, html.auto .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } - - html[data-theme='auto'] .sf-c-mediumorchid\:st, html.auto .sf-c-mediumorchid\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-mediumorchid\:0\:st, html.auto .sf-c-mediumorchid\:0\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } - html[data-theme='auto'] .sf-c-mediumorchid\:5\:st, html.auto .sf-c-mediumorchid\:5\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } - html[data-theme='auto'] .sf-c-mediumorchid\:10\:st, html.auto .sf-c-mediumorchid\:10\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-mediumorchid\:15\:st, html.auto .sf-c-mediumorchid\:15\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 15%) } - html[data-theme='auto'] .sf-c-mediumorchid\:20\:st, html.auto .sf-c-mediumorchid\:20\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-mediumorchid\:25\:st, html.auto .sf-c-mediumorchid\:25\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 25%) } - html[data-theme='auto'] .sf-c-mediumorchid\:30\:st, html.auto .sf-c-mediumorchid\:30\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-mediumorchid\:35\:st, html.auto .sf-c-mediumorchid\:35\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 35%) } - html[data-theme='auto'] .sf-c-mediumorchid\:40\:st, html.auto .sf-c-mediumorchid\:40\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-mediumorchid\:45\:st, html.auto .sf-c-mediumorchid\:45\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 45%) } - html[data-theme='auto'] .sf-c-mediumorchid\:50\:st, html.auto .sf-c-mediumorchid\:50\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-mediumorchid\:55\:st, html.auto .sf-c-mediumorchid\:55\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 55%) } - html[data-theme='auto'] .sf-c-mediumorchid\:60\:st, html.auto .sf-c-mediumorchid\:60\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-mediumorchid\:65\:st, html.auto .sf-c-mediumorchid\:65\:st { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 65%) } - html[data-theme='auto'] .sf-c-mediumorchid\:70\:st, html.auto .sf-c-mediumorchid\:70\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-mediumorchid\:75\:st, html.auto .sf-c-mediumorchid\:75\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 75%) } - html[data-theme='auto'] .sf-c-mediumorchid\:80\:st, html.auto .sf-c-mediumorchid\:80\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-mediumorchid\:85\:st, html.auto .sf-c-mediumorchid\:85\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 85%) } - html[data-theme='auto'] .sf-c-mediumorchid\:90\:st, html.auto .sf-c-mediumorchid\:90\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-mediumorchid\:95\:st, html.auto .sf-c-mediumorchid\:95\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } - html[data-theme='auto'] .sf-c-mediumorchid\:100\:st, html.auto .sf-c-mediumorchid\:100\:st { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:5, html.auto .sf-c-txt-mediumorchid\:5 { color: hsl(288, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:15, html.auto .sf-c-txt-mediumorchid\:15 { color: hsl(288, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:25, html.auto .sf-c-txt-mediumorchid\:25 { color: hsl(288, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:35, html.auto .sf-c-txt-mediumorchid\:35 { color: hsl(288, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:45, html.auto .sf-c-txt-mediumorchid\:45 { color: hsl(288, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:55, html.auto .sf-c-txt-mediumorchid\:55 { color: hsl(288, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:65, html.auto .sf-c-txt-mediumorchid\:65 { color: hsl(288, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:75, html.auto .sf-c-txt-mediumorchid\:75 { color: hsl(288, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:85, html.auto .sf-c-txt-mediumorchid\:85 { color: hsl(288, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:95, html.auto .sf-c-txt-mediumorchid\:95 { color: hsl(288, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumorchid\:st, html.auto .sf-c-txt-mediumorchid\:st { color: hsl(288, 59%, 58%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:st, html.auto .sf-c-txt-mediumorchid\:0\:st { color: hsl(288, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:5\:st, html.auto .sf-c-txt-mediumorchid\:5\:st { color: hsl(288, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:st, html.auto .sf-c-txt-mediumorchid\:10\:st { color: hsl(288, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:15\:st, html.auto .sf-c-txt-mediumorchid\:15\:st { color: hsl(288, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:st, html.auto .sf-c-txt-mediumorchid\:20\:st { color: hsl(288, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:25\:st, html.auto .sf-c-txt-mediumorchid\:25\:st { color: hsl(288, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:st, html.auto .sf-c-txt-mediumorchid\:30\:st { color: hsl(288, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:35\:st, html.auto .sf-c-txt-mediumorchid\:35\:st { color: hsl(288, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:st, html.auto .sf-c-txt-mediumorchid\:40\:st { color: hsl(288, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:45\:st, html.auto .sf-c-txt-mediumorchid\:45\:st { color: hsl(288, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:st, html.auto .sf-c-txt-mediumorchid\:50\:st { color: hsl(288, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:55\:st, html.auto .sf-c-txt-mediumorchid\:55\:st { color: hsl(288, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:st, html.auto .sf-c-txt-mediumorchid\:60\:st { color: hsl(288, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:65\:st, html.auto .sf-c-txt-mediumorchid\:65\:st { color: hsl(288, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:st, html.auto .sf-c-txt-mediumorchid\:70\:st { color: hsl(288, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:75\:st, html.auto .sf-c-txt-mediumorchid\:75\:st { color: hsl(288, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:st, html.auto .sf-c-txt-mediumorchid\:80\:st { color: hsl(288, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:85\:st, html.auto .sf-c-txt-mediumorchid\:85\:st { color: hsl(288, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:st, html.auto .sf-c-txt-mediumorchid\:90\:st { color: hsl(288, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:95\:st, html.auto .sf-c-txt-mediumorchid\:95\:st { color: hsl(288, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:st, html.auto .sf-c-txt-mediumorchid\:100\:st { color: hsl(288, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumpurple.css b/src/colors/20/mediumpurple.css deleted file mode 100644 index 8b84818..0000000 --- a/src/colors/20/mediumpurple.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumpurple { - --sf-c-mediumpurple: 260 60% 65%; - --sf-c-mediumpurple-0: 260 60% 0%; - --sf-c-mediumpurple-5: 260 60% 5%; - --sf-c-mediumpurple-10: 260 60% 10%; - --sf-c-mediumpurple-15: 260 60% 15%; - --sf-c-mediumpurple-20: 260 60% 20%; - --sf-c-mediumpurple-25: 260 60% 25%; - --sf-c-mediumpurple-30: 260 60% 30%; - --sf-c-mediumpurple-35: 260 60% 35%; - --sf-c-mediumpurple-40: 260 60% 40%; - --sf-c-mediumpurple-45: 260 60% 45%; - --sf-c-mediumpurple-50: 260 60% 50%; - --sf-c-mediumpurple-55: 260 60% 55%; - --sf-c-mediumpurple-60: 260 60% 60%; - --sf-c-mediumpurple-65: 260 60% 65%; - --sf-c-mediumpurple-70: 260 60% 70%; - --sf-c-mediumpurple-75: 260 60% 75%; - --sf-c-mediumpurple-80: 260 60% 80%; - --sf-c-mediumpurple-85: 260 60% 85%; - --sf-c-mediumpurple-90: 260 60% 90%; - --sf-c-mediumpurple-95: 260 60% 95%; - --sf-c-mediumpurple-100: 260 60% 100%; -} - -.sf-c-mediumpurple, .sf-c-mediumpurple\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } -.sf-c-mediumpurple\:0, .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } -.sf-c-mediumpurple\:5, .sf-c-mediumpurple\:5\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } -.sf-c-mediumpurple\:10, .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } -.sf-c-mediumpurple\:15, .sf-c-mediumpurple\:15\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 15%) } -.sf-c-mediumpurple\:20, .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 20%) } -.sf-c-mediumpurple\:25, .sf-c-mediumpurple\:25\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 25%) } -.sf-c-mediumpurple\:30, .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 30%) } -.sf-c-mediumpurple\:35, .sf-c-mediumpurple\:35\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } -.sf-c-mediumpurple\:40, .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 40%) } -.sf-c-mediumpurple\:45, .sf-c-mediumpurple\:45\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 45%) } -.sf-c-mediumpurple\:50, .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 50%) } -.sf-c-mediumpurple\:55, .sf-c-mediumpurple\:55\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 55%) } -.sf-c-mediumpurple\:60, .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 60%) } -.sf-c-mediumpurple\:65, .sf-c-mediumpurple\:65\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } -.sf-c-mediumpurple\:70, .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 70%) } -.sf-c-mediumpurple\:75, .sf-c-mediumpurple\:75\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 75%) } -.sf-c-mediumpurple\:80, .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 80%) } -.sf-c-mediumpurple\:85, .sf-c-mediumpurple\:85\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 85%) } -.sf-c-mediumpurple\:90, .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 90%) } -.sf-c-mediumpurple\:95, .sf-c-mediumpurple\:95\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } -.sf-c-mediumpurple\:100, .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } - -.sf-c-txt-mediumpurple { color: hsl(260, 60%, 10%) } -.sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } -.sf-c-txt-mediumpurple\:0, .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } -.sf-c-txt-mediumpurple\:5, .sf-c-txt-mediumpurple\:5\:st { color: hsl(260, 60%, 5%) } -.sf-c-txt-mediumpurple\:10, .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } -.sf-c-txt-mediumpurple\:15, .sf-c-txt-mediumpurple\:15\:st { color: hsl(260, 60%, 15%) } -.sf-c-txt-mediumpurple\:20, .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } -.sf-c-txt-mediumpurple\:25, .sf-c-txt-mediumpurple\:25\:st { color: hsl(260, 60%, 25%) } -.sf-c-txt-mediumpurple\:30, .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } -.sf-c-txt-mediumpurple\:35, .sf-c-txt-mediumpurple\:35\:st { color: hsl(260, 60%, 35%) } -.sf-c-txt-mediumpurple\:40, .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } -.sf-c-txt-mediumpurple\:45, .sf-c-txt-mediumpurple\:45\:st { color: hsl(260, 60%, 45%) } -.sf-c-txt-mediumpurple\:50, .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } -.sf-c-txt-mediumpurple\:55, .sf-c-txt-mediumpurple\:55\:st { color: hsl(260, 60%, 55%) } -.sf-c-txt-mediumpurple\:60, .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } -.sf-c-txt-mediumpurple\:65, .sf-c-txt-mediumpurple\:65\:st { color: hsl(260, 60%, 65%) } -.sf-c-txt-mediumpurple\:70, .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } -.sf-c-txt-mediumpurple\:75, .sf-c-txt-mediumpurple\:75\:st { color: hsl(260, 60%, 75%) } -.sf-c-txt-mediumpurple\:80, .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } -.sf-c-txt-mediumpurple\:85, .sf-c-txt-mediumpurple\:85\:st { color: hsl(260, 60%, 85%) } -.sf-c-txt-mediumpurple\:90, .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } -.sf-c-txt-mediumpurple\:95, .sf-c-txt-mediumpurple\:95\:st { color: hsl(260, 60%, 95%) } -.sf-c-txt-mediumpurple\:100, .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } - -html[data-theme='dark'] .sf-c-mediumpurple, html.dark .sf-c-mediumpurple { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumpurple\:0, html.dark .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } -html[data-theme='dark'] .sf-c-mediumpurple\:5, html.dark .sf-c-mediumpurple\:5 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } -html[data-theme='dark'] .sf-c-mediumpurple\:10, html.dark .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumpurple\:15, html.dark .sf-c-mediumpurple\:15 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 85%) } -html[data-theme='dark'] .sf-c-mediumpurple\:20, html.dark .sf-c-mediumpurple\:20 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumpurple\:25, html.dark .sf-c-mediumpurple\:25 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 75%) } -html[data-theme='dark'] .sf-c-mediumpurple\:30, html.dark .sf-c-mediumpurple\:30 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumpurple\:35, html.dark .sf-c-mediumpurple\:35 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumpurple\:40, html.dark .sf-c-mediumpurple\:40 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumpurple\:45, html.dark .sf-c-mediumpurple\:45 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumpurple\:50, html.dark .sf-c-mediumpurple\:50 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumpurple\:55, html.dark .sf-c-mediumpurple\:55 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumpurple\:60, html.dark .sf-c-mediumpurple\:60 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumpurple\:65, html.dark .sf-c-mediumpurple\:65 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumpurple\:70, html.dark .sf-c-mediumpurple\:70 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumpurple\:75, html.dark .sf-c-mediumpurple\:75 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 25%) } -html[data-theme='dark'] .sf-c-mediumpurple\:80, html.dark .sf-c-mediumpurple\:80 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumpurple\:85, html.dark .sf-c-mediumpurple\:85 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 15%) } -html[data-theme='dark'] .sf-c-mediumpurple\:90, html.dark .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumpurple\:95, html.dark .sf-c-mediumpurple\:95 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } -html[data-theme='dark'] .sf-c-mediumpurple\:100, html.dark .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } - -html[data-theme='dark'] .sf-c-mediumpurple\:st, html.dark .sf-c-mediumpurple\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumpurple\:0\:st, html.dark .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } -html[data-theme='dark'] .sf-c-mediumpurple\:5\:st, html.dark .sf-c-mediumpurple\:5\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } -html[data-theme='dark'] .sf-c-mediumpurple\:10\:st, html.dark .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumpurple\:15\:st, html.dark .sf-c-mediumpurple\:15\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 15%) } -html[data-theme='dark'] .sf-c-mediumpurple\:20\:st, html.dark .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumpurple\:25\:st, html.dark .sf-c-mediumpurple\:25\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 25%) } -html[data-theme='dark'] .sf-c-mediumpurple\:30\:st, html.dark .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumpurple\:35\:st, html.dark .sf-c-mediumpurple\:35\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumpurple\:40\:st, html.dark .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumpurple\:45\:st, html.dark .sf-c-mediumpurple\:45\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumpurple\:50\:st, html.dark .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumpurple\:55\:st, html.dark .sf-c-mediumpurple\:55\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumpurple\:60\:st, html.dark .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumpurple\:65\:st, html.dark .sf-c-mediumpurple\:65\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumpurple\:70\:st, html.dark .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumpurple\:75\:st, html.dark .sf-c-mediumpurple\:75\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 75%) } -html[data-theme='dark'] .sf-c-mediumpurple\:80\:st, html.dark .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumpurple\:85\:st, html.dark .sf-c-mediumpurple\:85\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 85%) } -html[data-theme='dark'] .sf-c-mediumpurple\:90\:st, html.dark .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumpurple\:95\:st, html.dark .sf-c-mediumpurple\:95\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } -html[data-theme='dark'] .sf-c-mediumpurple\:100\:st, html.dark .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:5, html.dark .sf-c-txt-mediumpurple\:5 { color: hsl(260, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:15, html.dark .sf-c-txt-mediumpurple\:15 { color: hsl(260, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:25, html.dark .sf-c-txt-mediumpurple\:25 { color: hsl(260, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:35, html.dark .sf-c-txt-mediumpurple\:35 { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:45, html.dark .sf-c-txt-mediumpurple\:45 { color: hsl(260, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:55, html.dark .sf-c-txt-mediumpurple\:55 { color: hsl(260, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:65, html.dark .sf-c-txt-mediumpurple\:65 { color: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:75, html.dark .sf-c-txt-mediumpurple\:75 { color: hsl(260, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:85, html.dark .sf-c-txt-mediumpurple\:85 { color: hsl(260, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:95, html.dark .sf-c-txt-mediumpurple\:95 { color: hsl(260, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumpurple\:st, html.dark .sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:st, html.dark .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:5\:st, html.dark .sf-c-txt-mediumpurple\:5\:st { color: hsl(260, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:st, html.dark .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:15\:st, html.dark .sf-c-txt-mediumpurple\:15\:st { color: hsl(260, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:st, html.dark .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:25\:st, html.dark .sf-c-txt-mediumpurple\:25\:st { color: hsl(260, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:st, html.dark .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:35\:st, html.dark .sf-c-txt-mediumpurple\:35\:st { color: hsl(260, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:st, html.dark .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:45\:st, html.dark .sf-c-txt-mediumpurple\:45\:st { color: hsl(260, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:st, html.dark .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:55\:st, html.dark .sf-c-txt-mediumpurple\:55\:st { color: hsl(260, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:st, html.dark .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:65\:st, html.dark .sf-c-txt-mediumpurple\:65\:st { color: hsl(260, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:st, html.dark .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:75\:st, html.dark .sf-c-txt-mediumpurple\:75\:st { color: hsl(260, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:st, html.dark .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:85\:st, html.dark .sf-c-txt-mediumpurple\:85\:st { color: hsl(260, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:st, html.dark .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:95\:st, html.dark .sf-c-txt-mediumpurple\:95\:st { color: hsl(260, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:st, html.dark .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumpurple, html.auto .sf-c-mediumpurple { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumpurple\:0, html.auto .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } - html[data-theme='auto'] .sf-c-mediumpurple\:5, html.auto .sf-c-mediumpurple\:5 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } - html[data-theme='auto'] .sf-c-mediumpurple\:10, html.auto .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumpurple\:15, html.auto .sf-c-mediumpurple\:15 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 85%) } - html[data-theme='auto'] .sf-c-mediumpurple\:20, html.auto .sf-c-mediumpurple\:20 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumpurple\:25, html.auto .sf-c-mediumpurple\:25 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 75%) } - html[data-theme='auto'] .sf-c-mediumpurple\:30, html.auto .sf-c-mediumpurple\:30 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumpurple\:35, html.auto .sf-c-mediumpurple\:35 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumpurple\:40, html.auto .sf-c-mediumpurple\:40 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumpurple\:45, html.auto .sf-c-mediumpurple\:45 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumpurple\:50, html.auto .sf-c-mediumpurple\:50 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumpurple\:55, html.auto .sf-c-mediumpurple\:55 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumpurple\:60, html.auto .sf-c-mediumpurple\:60 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumpurple\:65, html.auto .sf-c-mediumpurple\:65 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumpurple\:70, html.auto .sf-c-mediumpurple\:70 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumpurple\:75, html.auto .sf-c-mediumpurple\:75 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 25%) } - html[data-theme='auto'] .sf-c-mediumpurple\:80, html.auto .sf-c-mediumpurple\:80 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumpurple\:85, html.auto .sf-c-mediumpurple\:85 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 15%) } - html[data-theme='auto'] .sf-c-mediumpurple\:90, html.auto .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumpurple\:95, html.auto .sf-c-mediumpurple\:95 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } - html[data-theme='auto'] .sf-c-mediumpurple\:100, html.auto .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } - - html[data-theme='auto'] .sf-c-mediumpurple\:st, html.auto .sf-c-mediumpurple\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumpurple\:0\:st, html.auto .sf-c-mediumpurple\:0\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } - html[data-theme='auto'] .sf-c-mediumpurple\:5\:st, html.auto .sf-c-mediumpurple\:5\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } - html[data-theme='auto'] .sf-c-mediumpurple\:10\:st, html.auto .sf-c-mediumpurple\:10\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumpurple\:15\:st, html.auto .sf-c-mediumpurple\:15\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 15%) } - html[data-theme='auto'] .sf-c-mediumpurple\:20\:st, html.auto .sf-c-mediumpurple\:20\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumpurple\:25\:st, html.auto .sf-c-mediumpurple\:25\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 25%) } - html[data-theme='auto'] .sf-c-mediumpurple\:30\:st, html.auto .sf-c-mediumpurple\:30\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumpurple\:35\:st, html.auto .sf-c-mediumpurple\:35\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumpurple\:40\:st, html.auto .sf-c-mediumpurple\:40\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumpurple\:45\:st, html.auto .sf-c-mediumpurple\:45\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumpurple\:50\:st, html.auto .sf-c-mediumpurple\:50\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumpurple\:55\:st, html.auto .sf-c-mediumpurple\:55\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumpurple\:60\:st, html.auto .sf-c-mediumpurple\:60\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumpurple\:65\:st, html.auto .sf-c-mediumpurple\:65\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumpurple\:70\:st, html.auto .sf-c-mediumpurple\:70\:st { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumpurple\:75\:st, html.auto .sf-c-mediumpurple\:75\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 75%) } - html[data-theme='auto'] .sf-c-mediumpurple\:80\:st, html.auto .sf-c-mediumpurple\:80\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumpurple\:85\:st, html.auto .sf-c-mediumpurple\:85\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 85%) } - html[data-theme='auto'] .sf-c-mediumpurple\:90\:st, html.auto .sf-c-mediumpurple\:90\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumpurple\:95\:st, html.auto .sf-c-mediumpurple\:95\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } - html[data-theme='auto'] .sf-c-mediumpurple\:100\:st, html.auto .sf-c-mediumpurple\:100\:st { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:5, html.auto .sf-c-txt-mediumpurple\:5 { color: hsl(260, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:15, html.auto .sf-c-txt-mediumpurple\:15 { color: hsl(260, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:25, html.auto .sf-c-txt-mediumpurple\:25 { color: hsl(260, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:35, html.auto .sf-c-txt-mediumpurple\:35 { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:45, html.auto .sf-c-txt-mediumpurple\:45 { color: hsl(260, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:55, html.auto .sf-c-txt-mediumpurple\:55 { color: hsl(260, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:65, html.auto .sf-c-txt-mediumpurple\:65 { color: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:75, html.auto .sf-c-txt-mediumpurple\:75 { color: hsl(260, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:85, html.auto .sf-c-txt-mediumpurple\:85 { color: hsl(260, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:95, html.auto .sf-c-txt-mediumpurple\:95 { color: hsl(260, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumpurple\:st, html.auto .sf-c-txt-mediumpurple\:st { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:st, html.auto .sf-c-txt-mediumpurple\:0\:st { color: hsl(260, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:5\:st, html.auto .sf-c-txt-mediumpurple\:5\:st { color: hsl(260, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:st, html.auto .sf-c-txt-mediumpurple\:10\:st { color: hsl(260, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:15\:st, html.auto .sf-c-txt-mediumpurple\:15\:st { color: hsl(260, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:st, html.auto .sf-c-txt-mediumpurple\:20\:st { color: hsl(260, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:25\:st, html.auto .sf-c-txt-mediumpurple\:25\:st { color: hsl(260, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:st, html.auto .sf-c-txt-mediumpurple\:30\:st { color: hsl(260, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:35\:st, html.auto .sf-c-txt-mediumpurple\:35\:st { color: hsl(260, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:st, html.auto .sf-c-txt-mediumpurple\:40\:st { color: hsl(260, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:45\:st, html.auto .sf-c-txt-mediumpurple\:45\:st { color: hsl(260, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:st, html.auto .sf-c-txt-mediumpurple\:50\:st { color: hsl(260, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:55\:st, html.auto .sf-c-txt-mediumpurple\:55\:st { color: hsl(260, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:st, html.auto .sf-c-txt-mediumpurple\:60\:st { color: hsl(260, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:65\:st, html.auto .sf-c-txt-mediumpurple\:65\:st { color: hsl(260, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:st, html.auto .sf-c-txt-mediumpurple\:70\:st { color: hsl(260, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:75\:st, html.auto .sf-c-txt-mediumpurple\:75\:st { color: hsl(260, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:st, html.auto .sf-c-txt-mediumpurple\:80\:st { color: hsl(260, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:85\:st, html.auto .sf-c-txt-mediumpurple\:85\:st { color: hsl(260, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:st, html.auto .sf-c-txt-mediumpurple\:90\:st { color: hsl(260, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:95\:st, html.auto .sf-c-txt-mediumpurple\:95\:st { color: hsl(260, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:st, html.auto .sf-c-txt-mediumpurple\:100\:st { color: hsl(260, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumseagreen.css b/src/colors/20/mediumseagreen.css deleted file mode 100644 index 46e9b0a..0000000 --- a/src/colors/20/mediumseagreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumseagreen { - --sf-c-mediumseagreen: 147 50% 47%; - --sf-c-mediumseagreen-0: 147 50% 0%; - --sf-c-mediumseagreen-5: 147 50% 5%; - --sf-c-mediumseagreen-10: 147 50% 10%; - --sf-c-mediumseagreen-15: 147 50% 15%; - --sf-c-mediumseagreen-20: 147 50% 20%; - --sf-c-mediumseagreen-25: 147 50% 25%; - --sf-c-mediumseagreen-30: 147 50% 30%; - --sf-c-mediumseagreen-35: 147 50% 35%; - --sf-c-mediumseagreen-40: 147 50% 40%; - --sf-c-mediumseagreen-45: 147 50% 45%; - --sf-c-mediumseagreen-50: 147 50% 50%; - --sf-c-mediumseagreen-55: 147 50% 55%; - --sf-c-mediumseagreen-60: 147 50% 60%; - --sf-c-mediumseagreen-65: 147 50% 65%; - --sf-c-mediumseagreen-70: 147 50% 70%; - --sf-c-mediumseagreen-75: 147 50% 75%; - --sf-c-mediumseagreen-80: 147 50% 80%; - --sf-c-mediumseagreen-85: 147 50% 85%; - --sf-c-mediumseagreen-90: 147 50% 90%; - --sf-c-mediumseagreen-95: 147 50% 95%; - --sf-c-mediumseagreen-100: 147 50% 100%; -} - -.sf-c-mediumseagreen, .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 47%) } -.sf-c-mediumseagreen\:0, .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } -.sf-c-mediumseagreen\:5, .sf-c-mediumseagreen\:5\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } -.sf-c-mediumseagreen\:10, .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } -.sf-c-mediumseagreen\:15, .sf-c-mediumseagreen\:15\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 15%) } -.sf-c-mediumseagreen\:20, .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 20%) } -.sf-c-mediumseagreen\:25, .sf-c-mediumseagreen\:25\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 25%) } -.sf-c-mediumseagreen\:30, .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 30%) } -.sf-c-mediumseagreen\:35, .sf-c-mediumseagreen\:35\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 35%) } -.sf-c-mediumseagreen\:40, .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 40%) } -.sf-c-mediumseagreen\:45, .sf-c-mediumseagreen\:45\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 45%) } -.sf-c-mediumseagreen\:50, .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 50%) } -.sf-c-mediumseagreen\:55, .sf-c-mediumseagreen\:55\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 55%) } -.sf-c-mediumseagreen\:60, .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 60%) } -.sf-c-mediumseagreen\:65, .sf-c-mediumseagreen\:65\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 65%) } -.sf-c-mediumseagreen\:70, .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 70%) } -.sf-c-mediumseagreen\:75, .sf-c-mediumseagreen\:75\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 75%) } -.sf-c-mediumseagreen\:80, .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 80%) } -.sf-c-mediumseagreen\:85, .sf-c-mediumseagreen\:85\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 85%) } -.sf-c-mediumseagreen\:90, .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 90%) } -.sf-c-mediumseagreen\:95, .sf-c-mediumseagreen\:95\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } -.sf-c-mediumseagreen\:100, .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } - -.sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } -.sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } -.sf-c-txt-mediumseagreen\:0, .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } -.sf-c-txt-mediumseagreen\:5, .sf-c-txt-mediumseagreen\:5\:st { color: hsl(147, 50%, 5%) } -.sf-c-txt-mediumseagreen\:10, .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } -.sf-c-txt-mediumseagreen\:15, .sf-c-txt-mediumseagreen\:15\:st { color: hsl(147, 50%, 15%) } -.sf-c-txt-mediumseagreen\:20, .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } -.sf-c-txt-mediumseagreen\:25, .sf-c-txt-mediumseagreen\:25\:st { color: hsl(147, 50%, 25%) } -.sf-c-txt-mediumseagreen\:30, .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } -.sf-c-txt-mediumseagreen\:35, .sf-c-txt-mediumseagreen\:35\:st { color: hsl(147, 50%, 35%) } -.sf-c-txt-mediumseagreen\:40, .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } -.sf-c-txt-mediumseagreen\:45, .sf-c-txt-mediumseagreen\:45\:st { color: hsl(147, 50%, 45%) } -.sf-c-txt-mediumseagreen\:50, .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } -.sf-c-txt-mediumseagreen\:55, .sf-c-txt-mediumseagreen\:55\:st { color: hsl(147, 50%, 55%) } -.sf-c-txt-mediumseagreen\:60, .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } -.sf-c-txt-mediumseagreen\:65, .sf-c-txt-mediumseagreen\:65\:st { color: hsl(147, 50%, 65%) } -.sf-c-txt-mediumseagreen\:70, .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } -.sf-c-txt-mediumseagreen\:75, .sf-c-txt-mediumseagreen\:75\:st { color: hsl(147, 50%, 75%) } -.sf-c-txt-mediumseagreen\:80, .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } -.sf-c-txt-mediumseagreen\:85, .sf-c-txt-mediumseagreen\:85\:st { color: hsl(147, 50%, 85%) } -.sf-c-txt-mediumseagreen\:90, .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } -.sf-c-txt-mediumseagreen\:95, .sf-c-txt-mediumseagreen\:95\:st { color: hsl(147, 50%, 95%) } -.sf-c-txt-mediumseagreen\:100, .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } - -html[data-theme='dark'] .sf-c-mediumseagreen, html.dark .sf-c-mediumseagreen { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 53%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:0, html.dark .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:5, html.dark .sf-c-mediumseagreen\:5 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:10, html.dark .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:15, html.dark .sf-c-mediumseagreen\:15 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 85%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:20, html.dark .sf-c-mediumseagreen\:20 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:25, html.dark .sf-c-mediumseagreen\:25 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 75%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:30, html.dark .sf-c-mediumseagreen\:30 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:35, html.dark .sf-c-mediumseagreen\:35 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 65%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:40, html.dark .sf-c-mediumseagreen\:40 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:45, html.dark .sf-c-mediumseagreen\:45 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 55%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:50, html.dark .sf-c-mediumseagreen\:50 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:55, html.dark .sf-c-mediumseagreen\:55 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 45%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:60, html.dark .sf-c-mediumseagreen\:60 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:65, html.dark .sf-c-mediumseagreen\:65 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 35%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:70, html.dark .sf-c-mediumseagreen\:70 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:75, html.dark .sf-c-mediumseagreen\:75 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 25%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:80, html.dark .sf-c-mediumseagreen\:80 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:85, html.dark .sf-c-mediumseagreen\:85 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 15%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:90, html.dark .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:95, html.dark .sf-c-mediumseagreen\:95 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:100, html.dark .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } - -html[data-theme='dark'] .sf-c-mediumseagreen\:st, html.dark .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 47%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:0\:st, html.dark .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:5\:st, html.dark .sf-c-mediumseagreen\:5\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:10\:st, html.dark .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:15\:st, html.dark .sf-c-mediumseagreen\:15\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 15%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:20\:st, html.dark .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:25\:st, html.dark .sf-c-mediumseagreen\:25\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 25%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:30\:st, html.dark .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:35\:st, html.dark .sf-c-mediumseagreen\:35\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 35%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:40\:st, html.dark .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:45\:st, html.dark .sf-c-mediumseagreen\:45\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 45%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:50\:st, html.dark .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:55\:st, html.dark .sf-c-mediumseagreen\:55\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 55%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:60\:st, html.dark .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:65\:st, html.dark .sf-c-mediumseagreen\:65\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 65%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:70\:st, html.dark .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:75\:st, html.dark .sf-c-mediumseagreen\:75\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 75%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:80\:st, html.dark .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:85\:st, html.dark .sf-c-mediumseagreen\:85\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 85%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:90\:st, html.dark .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:95\:st, html.dark .sf-c-mediumseagreen\:95\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } -html[data-theme='dark'] .sf-c-mediumseagreen\:100\:st, html.dark .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:5, html.dark .sf-c-txt-mediumseagreen\:5 { color: hsl(147, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:15, html.dark .sf-c-txt-mediumseagreen\:15 { color: hsl(147, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:25, html.dark .sf-c-txt-mediumseagreen\:25 { color: hsl(147, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:35, html.dark .sf-c-txt-mediumseagreen\:35 { color: hsl(147, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:45, html.dark .sf-c-txt-mediumseagreen\:45 { color: hsl(147, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:55, html.dark .sf-c-txt-mediumseagreen\:55 { color: hsl(147, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:65, html.dark .sf-c-txt-mediumseagreen\:65 { color: hsl(147, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:75, html.dark .sf-c-txt-mediumseagreen\:75 { color: hsl(147, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:85, html.dark .sf-c-txt-mediumseagreen\:85 { color: hsl(147, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:95, html.dark .sf-c-txt-mediumseagreen\:95 { color: hsl(147, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:st, html.dark .sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:st, html.dark .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:5\:st, html.dark .sf-c-txt-mediumseagreen\:5\:st { color: hsl(147, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:st, html.dark .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:15\:st, html.dark .sf-c-txt-mediumseagreen\:15\:st { color: hsl(147, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:st, html.dark .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:25\:st, html.dark .sf-c-txt-mediumseagreen\:25\:st { color: hsl(147, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:st, html.dark .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:35\:st, html.dark .sf-c-txt-mediumseagreen\:35\:st { color: hsl(147, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:st, html.dark .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:45\:st, html.dark .sf-c-txt-mediumseagreen\:45\:st { color: hsl(147, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:st, html.dark .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:55\:st, html.dark .sf-c-txt-mediumseagreen\:55\:st { color: hsl(147, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:st, html.dark .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:65\:st, html.dark .sf-c-txt-mediumseagreen\:65\:st { color: hsl(147, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:st, html.dark .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:75\:st, html.dark .sf-c-txt-mediumseagreen\:75\:st { color: hsl(147, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:st, html.dark .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:85\:st, html.dark .sf-c-txt-mediumseagreen\:85\:st { color: hsl(147, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:st, html.dark .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:95\:st, html.dark .sf-c-txt-mediumseagreen\:95\:st { color: hsl(147, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:st, html.dark .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumseagreen, html.auto .sf-c-mediumseagreen { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 53%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:0, html.auto .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:5, html.auto .sf-c-mediumseagreen\:5 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:10, html.auto .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:15, html.auto .sf-c-mediumseagreen\:15 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 85%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:20, html.auto .sf-c-mediumseagreen\:20 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:25, html.auto .sf-c-mediumseagreen\:25 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 75%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:30, html.auto .sf-c-mediumseagreen\:30 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:35, html.auto .sf-c-mediumseagreen\:35 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 65%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:40, html.auto .sf-c-mediumseagreen\:40 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:45, html.auto .sf-c-mediumseagreen\:45 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 55%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:50, html.auto .sf-c-mediumseagreen\:50 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:55, html.auto .sf-c-mediumseagreen\:55 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 45%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:60, html.auto .sf-c-mediumseagreen\:60 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:65, html.auto .sf-c-mediumseagreen\:65 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 35%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:70, html.auto .sf-c-mediumseagreen\:70 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:75, html.auto .sf-c-mediumseagreen\:75 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 25%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:80, html.auto .sf-c-mediumseagreen\:80 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:85, html.auto .sf-c-mediumseagreen\:85 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 15%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:90, html.auto .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:95, html.auto .sf-c-mediumseagreen\:95 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:100, html.auto .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } - - html[data-theme='auto'] .sf-c-mediumseagreen\:st, html.auto .sf-c-mediumseagreen\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 47%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:0\:st, html.auto .sf-c-mediumseagreen\:0\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:5\:st, html.auto .sf-c-mediumseagreen\:5\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:10\:st, html.auto .sf-c-mediumseagreen\:10\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:15\:st, html.auto .sf-c-mediumseagreen\:15\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 15%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:20\:st, html.auto .sf-c-mediumseagreen\:20\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:25\:st, html.auto .sf-c-mediumseagreen\:25\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 25%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:30\:st, html.auto .sf-c-mediumseagreen\:30\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:35\:st, html.auto .sf-c-mediumseagreen\:35\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 35%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:40\:st, html.auto .sf-c-mediumseagreen\:40\:st { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:45\:st, html.auto .sf-c-mediumseagreen\:45\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 45%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:50\:st, html.auto .sf-c-mediumseagreen\:50\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:55\:st, html.auto .sf-c-mediumseagreen\:55\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 55%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:60\:st, html.auto .sf-c-mediumseagreen\:60\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:65\:st, html.auto .sf-c-mediumseagreen\:65\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 65%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:70\:st, html.auto .sf-c-mediumseagreen\:70\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:75\:st, html.auto .sf-c-mediumseagreen\:75\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 75%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:80\:st, html.auto .sf-c-mediumseagreen\:80\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:85\:st, html.auto .sf-c-mediumseagreen\:85\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 85%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:90\:st, html.auto .sf-c-mediumseagreen\:90\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:95\:st, html.auto .sf-c-mediumseagreen\:95\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } - html[data-theme='auto'] .sf-c-mediumseagreen\:100\:st, html.auto .sf-c-mediumseagreen\:100\:st { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:5, html.auto .sf-c-txt-mediumseagreen\:5 { color: hsl(147, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:15, html.auto .sf-c-txt-mediumseagreen\:15 { color: hsl(147, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:25, html.auto .sf-c-txt-mediumseagreen\:25 { color: hsl(147, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:35, html.auto .sf-c-txt-mediumseagreen\:35 { color: hsl(147, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:45, html.auto .sf-c-txt-mediumseagreen\:45 { color: hsl(147, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:55, html.auto .sf-c-txt-mediumseagreen\:55 { color: hsl(147, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:65, html.auto .sf-c-txt-mediumseagreen\:65 { color: hsl(147, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:75, html.auto .sf-c-txt-mediumseagreen\:75 { color: hsl(147, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:85, html.auto .sf-c-txt-mediumseagreen\:85 { color: hsl(147, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:95, html.auto .sf-c-txt-mediumseagreen\:95 { color: hsl(147, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:st, html.auto .sf-c-txt-mediumseagreen\:st { color: hsl(147, 50%, 47%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:st, html.auto .sf-c-txt-mediumseagreen\:0\:st { color: hsl(147, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:5\:st, html.auto .sf-c-txt-mediumseagreen\:5\:st { color: hsl(147, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:st, html.auto .sf-c-txt-mediumseagreen\:10\:st { color: hsl(147, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:15\:st, html.auto .sf-c-txt-mediumseagreen\:15\:st { color: hsl(147, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:st, html.auto .sf-c-txt-mediumseagreen\:20\:st { color: hsl(147, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:25\:st, html.auto .sf-c-txt-mediumseagreen\:25\:st { color: hsl(147, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:st, html.auto .sf-c-txt-mediumseagreen\:30\:st { color: hsl(147, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:35\:st, html.auto .sf-c-txt-mediumseagreen\:35\:st { color: hsl(147, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:st, html.auto .sf-c-txt-mediumseagreen\:40\:st { color: hsl(147, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:45\:st, html.auto .sf-c-txt-mediumseagreen\:45\:st { color: hsl(147, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:st, html.auto .sf-c-txt-mediumseagreen\:50\:st { color: hsl(147, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:55\:st, html.auto .sf-c-txt-mediumseagreen\:55\:st { color: hsl(147, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:st, html.auto .sf-c-txt-mediumseagreen\:60\:st { color: hsl(147, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:65\:st, html.auto .sf-c-txt-mediumseagreen\:65\:st { color: hsl(147, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:st, html.auto .sf-c-txt-mediumseagreen\:70\:st { color: hsl(147, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:75\:st, html.auto .sf-c-txt-mediumseagreen\:75\:st { color: hsl(147, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:st, html.auto .sf-c-txt-mediumseagreen\:80\:st { color: hsl(147, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:85\:st, html.auto .sf-c-txt-mediumseagreen\:85\:st { color: hsl(147, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:st, html.auto .sf-c-txt-mediumseagreen\:90\:st { color: hsl(147, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:95\:st, html.auto .sf-c-txt-mediumseagreen\:95\:st { color: hsl(147, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:st, html.auto .sf-c-txt-mediumseagreen\:100\:st { color: hsl(147, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumslateblue.css b/src/colors/20/mediumslateblue.css deleted file mode 100644 index e1e9e4e..0000000 --- a/src/colors/20/mediumslateblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumslateblue { - --sf-c-mediumslateblue: 249 80% 67%; - --sf-c-mediumslateblue-0: 249 80% 0%; - --sf-c-mediumslateblue-5: 249 80% 5%; - --sf-c-mediumslateblue-10: 249 80% 10%; - --sf-c-mediumslateblue-15: 249 80% 15%; - --sf-c-mediumslateblue-20: 249 80% 20%; - --sf-c-mediumslateblue-25: 249 80% 25%; - --sf-c-mediumslateblue-30: 249 80% 30%; - --sf-c-mediumslateblue-35: 249 80% 35%; - --sf-c-mediumslateblue-40: 249 80% 40%; - --sf-c-mediumslateblue-45: 249 80% 45%; - --sf-c-mediumslateblue-50: 249 80% 50%; - --sf-c-mediumslateblue-55: 249 80% 55%; - --sf-c-mediumslateblue-60: 249 80% 60%; - --sf-c-mediumslateblue-65: 249 80% 65%; - --sf-c-mediumslateblue-70: 249 80% 70%; - --sf-c-mediumslateblue-75: 249 80% 75%; - --sf-c-mediumslateblue-80: 249 80% 80%; - --sf-c-mediumslateblue-85: 249 80% 85%; - --sf-c-mediumslateblue-90: 249 80% 90%; - --sf-c-mediumslateblue-95: 249 80% 95%; - --sf-c-mediumslateblue-100: 249 80% 100%; -} - -.sf-c-mediumslateblue, .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 67%) } -.sf-c-mediumslateblue\:0, .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } -.sf-c-mediumslateblue\:5, .sf-c-mediumslateblue\:5\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } -.sf-c-mediumslateblue\:10, .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } -.sf-c-mediumslateblue\:15, .sf-c-mediumslateblue\:15\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 15%) } -.sf-c-mediumslateblue\:20, .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 20%) } -.sf-c-mediumslateblue\:25, .sf-c-mediumslateblue\:25\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 25%) } -.sf-c-mediumslateblue\:30, .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 30%) } -.sf-c-mediumslateblue\:35, .sf-c-mediumslateblue\:35\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 35%) } -.sf-c-mediumslateblue\:40, .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 40%) } -.sf-c-mediumslateblue\:45, .sf-c-mediumslateblue\:45\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 45%) } -.sf-c-mediumslateblue\:50, .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 50%) } -.sf-c-mediumslateblue\:55, .sf-c-mediumslateblue\:55\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 55%) } -.sf-c-mediumslateblue\:60, .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 60%) } -.sf-c-mediumslateblue\:65, .sf-c-mediumslateblue\:65\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 65%) } -.sf-c-mediumslateblue\:70, .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 70%) } -.sf-c-mediumslateblue\:75, .sf-c-mediumslateblue\:75\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 75%) } -.sf-c-mediumslateblue\:80, .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 80%) } -.sf-c-mediumslateblue\:85, .sf-c-mediumslateblue\:85\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 85%) } -.sf-c-mediumslateblue\:90, .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 90%) } -.sf-c-mediumslateblue\:95, .sf-c-mediumslateblue\:95\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } -.sf-c-mediumslateblue\:100, .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } - -.sf-c-txt-mediumslateblue { color: hsl(249, 80%, 10%) } -.sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } -.sf-c-txt-mediumslateblue\:0, .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } -.sf-c-txt-mediumslateblue\:5, .sf-c-txt-mediumslateblue\:5\:st { color: hsl(249, 80%, 5%) } -.sf-c-txt-mediumslateblue\:10, .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } -.sf-c-txt-mediumslateblue\:15, .sf-c-txt-mediumslateblue\:15\:st { color: hsl(249, 80%, 15%) } -.sf-c-txt-mediumslateblue\:20, .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } -.sf-c-txt-mediumslateblue\:25, .sf-c-txt-mediumslateblue\:25\:st { color: hsl(249, 80%, 25%) } -.sf-c-txt-mediumslateblue\:30, .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } -.sf-c-txt-mediumslateblue\:35, .sf-c-txt-mediumslateblue\:35\:st { color: hsl(249, 80%, 35%) } -.sf-c-txt-mediumslateblue\:40, .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } -.sf-c-txt-mediumslateblue\:45, .sf-c-txt-mediumslateblue\:45\:st { color: hsl(249, 80%, 45%) } -.sf-c-txt-mediumslateblue\:50, .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } -.sf-c-txt-mediumslateblue\:55, .sf-c-txt-mediumslateblue\:55\:st { color: hsl(249, 80%, 55%) } -.sf-c-txt-mediumslateblue\:60, .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } -.sf-c-txt-mediumslateblue\:65, .sf-c-txt-mediumslateblue\:65\:st { color: hsl(249, 80%, 65%) } -.sf-c-txt-mediumslateblue\:70, .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } -.sf-c-txt-mediumslateblue\:75, .sf-c-txt-mediumslateblue\:75\:st { color: hsl(249, 80%, 75%) } -.sf-c-txt-mediumslateblue\:80, .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } -.sf-c-txt-mediumslateblue\:85, .sf-c-txt-mediumslateblue\:85\:st { color: hsl(249, 80%, 85%) } -.sf-c-txt-mediumslateblue\:90, .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } -.sf-c-txt-mediumslateblue\:95, .sf-c-txt-mediumslateblue\:95\:st { color: hsl(249, 80%, 95%) } -.sf-c-txt-mediumslateblue\:100, .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } - -html[data-theme='dark'] .sf-c-mediumslateblue, html.dark .sf-c-mediumslateblue { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 33%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:0, html.dark .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:5, html.dark .sf-c-mediumslateblue\:5 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:10, html.dark .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:15, html.dark .sf-c-mediumslateblue\:15 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 85%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:20, html.dark .sf-c-mediumslateblue\:20 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:25, html.dark .sf-c-mediumslateblue\:25 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 75%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:30, html.dark .sf-c-mediumslateblue\:30 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:35, html.dark .sf-c-mediumslateblue\:35 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 65%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:40, html.dark .sf-c-mediumslateblue\:40 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:45, html.dark .sf-c-mediumslateblue\:45 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 55%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:50, html.dark .sf-c-mediumslateblue\:50 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:55, html.dark .sf-c-mediumslateblue\:55 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 45%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:60, html.dark .sf-c-mediumslateblue\:60 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:65, html.dark .sf-c-mediumslateblue\:65 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 35%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:70, html.dark .sf-c-mediumslateblue\:70 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:75, html.dark .sf-c-mediumslateblue\:75 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 25%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:80, html.dark .sf-c-mediumslateblue\:80 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:85, html.dark .sf-c-mediumslateblue\:85 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 15%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:90, html.dark .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:95, html.dark .sf-c-mediumslateblue\:95 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:100, html.dark .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } - -html[data-theme='dark'] .sf-c-mediumslateblue\:st, html.dark .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:0\:st, html.dark .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:5\:st, html.dark .sf-c-mediumslateblue\:5\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:10\:st, html.dark .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:15\:st, html.dark .sf-c-mediumslateblue\:15\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 15%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:20\:st, html.dark .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:25\:st, html.dark .sf-c-mediumslateblue\:25\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 25%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:30\:st, html.dark .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:35\:st, html.dark .sf-c-mediumslateblue\:35\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 35%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:40\:st, html.dark .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:45\:st, html.dark .sf-c-mediumslateblue\:45\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 45%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:50\:st, html.dark .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:55\:st, html.dark .sf-c-mediumslateblue\:55\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 55%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:60\:st, html.dark .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:65\:st, html.dark .sf-c-mediumslateblue\:65\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 65%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:70\:st, html.dark .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:75\:st, html.dark .sf-c-mediumslateblue\:75\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 75%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:80\:st, html.dark .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:85\:st, html.dark .sf-c-mediumslateblue\:85\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 85%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:90\:st, html.dark .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:95\:st, html.dark .sf-c-mediumslateblue\:95\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } -html[data-theme='dark'] .sf-c-mediumslateblue\:100\:st, html.dark .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:5, html.dark .sf-c-txt-mediumslateblue\:5 { color: hsl(249, 80%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:15, html.dark .sf-c-txt-mediumslateblue\:15 { color: hsl(249, 80%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:25, html.dark .sf-c-txt-mediumslateblue\:25 { color: hsl(249, 80%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:35, html.dark .sf-c-txt-mediumslateblue\:35 { color: hsl(249, 80%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:45, html.dark .sf-c-txt-mediumslateblue\:45 { color: hsl(249, 80%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:55, html.dark .sf-c-txt-mediumslateblue\:55 { color: hsl(249, 80%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:65, html.dark .sf-c-txt-mediumslateblue\:65 { color: hsl(249, 80%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:75, html.dark .sf-c-txt-mediumslateblue\:75 { color: hsl(249, 80%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:85, html.dark .sf-c-txt-mediumslateblue\:85 { color: hsl(249, 80%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:95, html.dark .sf-c-txt-mediumslateblue\:95 { color: hsl(249, 80%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:st, html.dark .sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:st, html.dark .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:5\:st, html.dark .sf-c-txt-mediumslateblue\:5\:st { color: hsl(249, 80%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:st, html.dark .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:15\:st, html.dark .sf-c-txt-mediumslateblue\:15\:st { color: hsl(249, 80%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:st, html.dark .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:25\:st, html.dark .sf-c-txt-mediumslateblue\:25\:st { color: hsl(249, 80%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:st, html.dark .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:35\:st, html.dark .sf-c-txt-mediumslateblue\:35\:st { color: hsl(249, 80%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:st, html.dark .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:45\:st, html.dark .sf-c-txt-mediumslateblue\:45\:st { color: hsl(249, 80%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:st, html.dark .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:55\:st, html.dark .sf-c-txt-mediumslateblue\:55\:st { color: hsl(249, 80%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:st, html.dark .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:65\:st, html.dark .sf-c-txt-mediumslateblue\:65\:st { color: hsl(249, 80%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:st, html.dark .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:75\:st, html.dark .sf-c-txt-mediumslateblue\:75\:st { color: hsl(249, 80%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:st, html.dark .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:85\:st, html.dark .sf-c-txt-mediumslateblue\:85\:st { color: hsl(249, 80%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:st, html.dark .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:95\:st, html.dark .sf-c-txt-mediumslateblue\:95\:st { color: hsl(249, 80%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:st, html.dark .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumslateblue, html.auto .sf-c-mediumslateblue { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 33%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:0, html.auto .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:5, html.auto .sf-c-mediumslateblue\:5 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:10, html.auto .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:15, html.auto .sf-c-mediumslateblue\:15 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 85%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:20, html.auto .sf-c-mediumslateblue\:20 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:25, html.auto .sf-c-mediumslateblue\:25 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 75%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:30, html.auto .sf-c-mediumslateblue\:30 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:35, html.auto .sf-c-mediumslateblue\:35 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 65%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:40, html.auto .sf-c-mediumslateblue\:40 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:45, html.auto .sf-c-mediumslateblue\:45 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 55%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:50, html.auto .sf-c-mediumslateblue\:50 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:55, html.auto .sf-c-mediumslateblue\:55 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 45%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:60, html.auto .sf-c-mediumslateblue\:60 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:65, html.auto .sf-c-mediumslateblue\:65 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 35%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:70, html.auto .sf-c-mediumslateblue\:70 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:75, html.auto .sf-c-mediumslateblue\:75 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 25%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:80, html.auto .sf-c-mediumslateblue\:80 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:85, html.auto .sf-c-mediumslateblue\:85 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 15%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:90, html.auto .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:95, html.auto .sf-c-mediumslateblue\:95 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:100, html.auto .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } - - html[data-theme='auto'] .sf-c-mediumslateblue\:st, html.auto .sf-c-mediumslateblue\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:0\:st, html.auto .sf-c-mediumslateblue\:0\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:5\:st, html.auto .sf-c-mediumslateblue\:5\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:10\:st, html.auto .sf-c-mediumslateblue\:10\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:15\:st, html.auto .sf-c-mediumslateblue\:15\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 15%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:20\:st, html.auto .sf-c-mediumslateblue\:20\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:25\:st, html.auto .sf-c-mediumslateblue\:25\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 25%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:30\:st, html.auto .sf-c-mediumslateblue\:30\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:35\:st, html.auto .sf-c-mediumslateblue\:35\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 35%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:40\:st, html.auto .sf-c-mediumslateblue\:40\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:45\:st, html.auto .sf-c-mediumslateblue\:45\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 45%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:50\:st, html.auto .sf-c-mediumslateblue\:50\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:55\:st, html.auto .sf-c-mediumslateblue\:55\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 55%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:60\:st, html.auto .sf-c-mediumslateblue\:60\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:65\:st, html.auto .sf-c-mediumslateblue\:65\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 65%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:70\:st, html.auto .sf-c-mediumslateblue\:70\:st { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:75\:st, html.auto .sf-c-mediumslateblue\:75\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 75%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:80\:st, html.auto .sf-c-mediumslateblue\:80\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:85\:st, html.auto .sf-c-mediumslateblue\:85\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 85%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:90\:st, html.auto .sf-c-mediumslateblue\:90\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:95\:st, html.auto .sf-c-mediumslateblue\:95\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } - html[data-theme='auto'] .sf-c-mediumslateblue\:100\:st, html.auto .sf-c-mediumslateblue\:100\:st { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:5, html.auto .sf-c-txt-mediumslateblue\:5 { color: hsl(249, 80%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:15, html.auto .sf-c-txt-mediumslateblue\:15 { color: hsl(249, 80%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:25, html.auto .sf-c-txt-mediumslateblue\:25 { color: hsl(249, 80%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:35, html.auto .sf-c-txt-mediumslateblue\:35 { color: hsl(249, 80%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:45, html.auto .sf-c-txt-mediumslateblue\:45 { color: hsl(249, 80%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:55, html.auto .sf-c-txt-mediumslateblue\:55 { color: hsl(249, 80%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:65, html.auto .sf-c-txt-mediumslateblue\:65 { color: hsl(249, 80%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:75, html.auto .sf-c-txt-mediumslateblue\:75 { color: hsl(249, 80%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:85, html.auto .sf-c-txt-mediumslateblue\:85 { color: hsl(249, 80%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:95, html.auto .sf-c-txt-mediumslateblue\:95 { color: hsl(249, 80%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:st, html.auto .sf-c-txt-mediumslateblue\:st { color: hsl(249, 80%, 67%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:st, html.auto .sf-c-txt-mediumslateblue\:0\:st { color: hsl(249, 80%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:5\:st, html.auto .sf-c-txt-mediumslateblue\:5\:st { color: hsl(249, 80%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:st, html.auto .sf-c-txt-mediumslateblue\:10\:st { color: hsl(249, 80%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:15\:st, html.auto .sf-c-txt-mediumslateblue\:15\:st { color: hsl(249, 80%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:st, html.auto .sf-c-txt-mediumslateblue\:20\:st { color: hsl(249, 80%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:25\:st, html.auto .sf-c-txt-mediumslateblue\:25\:st { color: hsl(249, 80%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:st, html.auto .sf-c-txt-mediumslateblue\:30\:st { color: hsl(249, 80%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:35\:st, html.auto .sf-c-txt-mediumslateblue\:35\:st { color: hsl(249, 80%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:st, html.auto .sf-c-txt-mediumslateblue\:40\:st { color: hsl(249, 80%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:45\:st, html.auto .sf-c-txt-mediumslateblue\:45\:st { color: hsl(249, 80%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:st, html.auto .sf-c-txt-mediumslateblue\:50\:st { color: hsl(249, 80%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:55\:st, html.auto .sf-c-txt-mediumslateblue\:55\:st { color: hsl(249, 80%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:st, html.auto .sf-c-txt-mediumslateblue\:60\:st { color: hsl(249, 80%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:65\:st, html.auto .sf-c-txt-mediumslateblue\:65\:st { color: hsl(249, 80%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:st, html.auto .sf-c-txt-mediumslateblue\:70\:st { color: hsl(249, 80%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:75\:st, html.auto .sf-c-txt-mediumslateblue\:75\:st { color: hsl(249, 80%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:st, html.auto .sf-c-txt-mediumslateblue\:80\:st { color: hsl(249, 80%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:85\:st, html.auto .sf-c-txt-mediumslateblue\:85\:st { color: hsl(249, 80%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:st, html.auto .sf-c-txt-mediumslateblue\:90\:st { color: hsl(249, 80%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:95\:st, html.auto .sf-c-txt-mediumslateblue\:95\:st { color: hsl(249, 80%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:st, html.auto .sf-c-txt-mediumslateblue\:100\:st { color: hsl(249, 80%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumspringgreen.css b/src/colors/20/mediumspringgreen.css deleted file mode 100644 index f9b67ae..0000000 --- a/src/colors/20/mediumspringgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumspringgreen { - --sf-c-mediumspringgreen: 157 100% 49%; - --sf-c-mediumspringgreen-0: 157 100% 0%; - --sf-c-mediumspringgreen-5: 157 100% 5%; - --sf-c-mediumspringgreen-10: 157 100% 10%; - --sf-c-mediumspringgreen-15: 157 100% 15%; - --sf-c-mediumspringgreen-20: 157 100% 20%; - --sf-c-mediumspringgreen-25: 157 100% 25%; - --sf-c-mediumspringgreen-30: 157 100% 30%; - --sf-c-mediumspringgreen-35: 157 100% 35%; - --sf-c-mediumspringgreen-40: 157 100% 40%; - --sf-c-mediumspringgreen-45: 157 100% 45%; - --sf-c-mediumspringgreen-50: 157 100% 50%; - --sf-c-mediumspringgreen-55: 157 100% 55%; - --sf-c-mediumspringgreen-60: 157 100% 60%; - --sf-c-mediumspringgreen-65: 157 100% 65%; - --sf-c-mediumspringgreen-70: 157 100% 70%; - --sf-c-mediumspringgreen-75: 157 100% 75%; - --sf-c-mediumspringgreen-80: 157 100% 80%; - --sf-c-mediumspringgreen-85: 157 100% 85%; - --sf-c-mediumspringgreen-90: 157 100% 90%; - --sf-c-mediumspringgreen-95: 157 100% 95%; - --sf-c-mediumspringgreen-100: 157 100% 100%; -} - -.sf-c-mediumspringgreen, .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 49%) } -.sf-c-mediumspringgreen\:0, .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } -.sf-c-mediumspringgreen\:5, .sf-c-mediumspringgreen\:5\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } -.sf-c-mediumspringgreen\:10, .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } -.sf-c-mediumspringgreen\:15, .sf-c-mediumspringgreen\:15\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 15%) } -.sf-c-mediumspringgreen\:20, .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 20%) } -.sf-c-mediumspringgreen\:25, .sf-c-mediumspringgreen\:25\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 25%) } -.sf-c-mediumspringgreen\:30, .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 30%) } -.sf-c-mediumspringgreen\:35, .sf-c-mediumspringgreen\:35\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 35%) } -.sf-c-mediumspringgreen\:40, .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 40%) } -.sf-c-mediumspringgreen\:45, .sf-c-mediumspringgreen\:45\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 45%) } -.sf-c-mediumspringgreen\:50, .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 50%) } -.sf-c-mediumspringgreen\:55, .sf-c-mediumspringgreen\:55\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 55%) } -.sf-c-mediumspringgreen\:60, .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 60%) } -.sf-c-mediumspringgreen\:65, .sf-c-mediumspringgreen\:65\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 65%) } -.sf-c-mediumspringgreen\:70, .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 70%) } -.sf-c-mediumspringgreen\:75, .sf-c-mediumspringgreen\:75\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 75%) } -.sf-c-mediumspringgreen\:80, .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 80%) } -.sf-c-mediumspringgreen\:85, .sf-c-mediumspringgreen\:85\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 85%) } -.sf-c-mediumspringgreen\:90, .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 90%) } -.sf-c-mediumspringgreen\:95, .sf-c-mediumspringgreen\:95\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } -.sf-c-mediumspringgreen\:100, .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } - -.sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } -.sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } -.sf-c-txt-mediumspringgreen\:0, .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } -.sf-c-txt-mediumspringgreen\:5, .sf-c-txt-mediumspringgreen\:5\:st { color: hsl(157, 100%, 5%) } -.sf-c-txt-mediumspringgreen\:10, .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } -.sf-c-txt-mediumspringgreen\:15, .sf-c-txt-mediumspringgreen\:15\:st { color: hsl(157, 100%, 15%) } -.sf-c-txt-mediumspringgreen\:20, .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } -.sf-c-txt-mediumspringgreen\:25, .sf-c-txt-mediumspringgreen\:25\:st { color: hsl(157, 100%, 25%) } -.sf-c-txt-mediumspringgreen\:30, .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } -.sf-c-txt-mediumspringgreen\:35, .sf-c-txt-mediumspringgreen\:35\:st { color: hsl(157, 100%, 35%) } -.sf-c-txt-mediumspringgreen\:40, .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } -.sf-c-txt-mediumspringgreen\:45, .sf-c-txt-mediumspringgreen\:45\:st { color: hsl(157, 100%, 45%) } -.sf-c-txt-mediumspringgreen\:50, .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } -.sf-c-txt-mediumspringgreen\:55, .sf-c-txt-mediumspringgreen\:55\:st { color: hsl(157, 100%, 55%) } -.sf-c-txt-mediumspringgreen\:60, .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } -.sf-c-txt-mediumspringgreen\:65, .sf-c-txt-mediumspringgreen\:65\:st { color: hsl(157, 100%, 65%) } -.sf-c-txt-mediumspringgreen\:70, .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } -.sf-c-txt-mediumspringgreen\:75, .sf-c-txt-mediumspringgreen\:75\:st { color: hsl(157, 100%, 75%) } -.sf-c-txt-mediumspringgreen\:80, .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } -.sf-c-txt-mediumspringgreen\:85, .sf-c-txt-mediumspringgreen\:85\:st { color: hsl(157, 100%, 85%) } -.sf-c-txt-mediumspringgreen\:90, .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } -.sf-c-txt-mediumspringgreen\:95, .sf-c-txt-mediumspringgreen\:95\:st { color: hsl(157, 100%, 95%) } -.sf-c-txt-mediumspringgreen\:100, .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mediumspringgreen, html.dark .sf-c-mediumspringgreen { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 51%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.dark .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:5, html.dark .sf-c-mediumspringgreen\:5 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:10, html.dark .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:15, html.dark .sf-c-mediumspringgreen\:15 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 85%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:20, html.dark .sf-c-mediumspringgreen\:20 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:25, html.dark .sf-c-mediumspringgreen\:25 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 75%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:30, html.dark .sf-c-mediumspringgreen\:30 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:35, html.dark .sf-c-mediumspringgreen\:35 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 65%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:40, html.dark .sf-c-mediumspringgreen\:40 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:45, html.dark .sf-c-mediumspringgreen\:45 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 55%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:50, html.dark .sf-c-mediumspringgreen\:50 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:55, html.dark .sf-c-mediumspringgreen\:55 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 45%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:60, html.dark .sf-c-mediumspringgreen\:60 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:65, html.dark .sf-c-mediumspringgreen\:65 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 35%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:70, html.dark .sf-c-mediumspringgreen\:70 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:75, html.dark .sf-c-mediumspringgreen\:75 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 25%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:80, html.dark .sf-c-mediumspringgreen\:80 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:85, html.dark .sf-c-mediumspringgreen\:85 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 15%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:90, html.dark .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:95, html.dark .sf-c-mediumspringgreen\:95 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:100, html.dark .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mediumspringgreen\:st, html.dark .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 49%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:0\:st, html.dark .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:5\:st, html.dark .sf-c-mediumspringgreen\:5\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:10\:st, html.dark .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:15\:st, html.dark .sf-c-mediumspringgreen\:15\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 15%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:20\:st, html.dark .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:25\:st, html.dark .sf-c-mediumspringgreen\:25\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 25%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:30\:st, html.dark .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:35\:st, html.dark .sf-c-mediumspringgreen\:35\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 35%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:40\:st, html.dark .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:45\:st, html.dark .sf-c-mediumspringgreen\:45\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 45%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:50\:st, html.dark .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:55\:st, html.dark .sf-c-mediumspringgreen\:55\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 55%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:60\:st, html.dark .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:65\:st, html.dark .sf-c-mediumspringgreen\:65\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 65%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:70\:st, html.dark .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:75\:st, html.dark .sf-c-mediumspringgreen\:75\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 75%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:80\:st, html.dark .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:85\:st, html.dark .sf-c-mediumspringgreen\:85\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 85%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:90\:st, html.dark .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:95\:st, html.dark .sf-c-mediumspringgreen\:95\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } -html[data-theme='dark'] .sf-c-mediumspringgreen\:100\:st, html.dark .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5, html.dark .sf-c-txt-mediumspringgreen\:5 { color: hsl(157, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15, html.dark .sf-c-txt-mediumspringgreen\:15 { color: hsl(157, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25, html.dark .sf-c-txt-mediumspringgreen\:25 { color: hsl(157, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35, html.dark .sf-c-txt-mediumspringgreen\:35 { color: hsl(157, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45, html.dark .sf-c-txt-mediumspringgreen\:45 { color: hsl(157, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55, html.dark .sf-c-txt-mediumspringgreen\:55 { color: hsl(157, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65, html.dark .sf-c-txt-mediumspringgreen\:65 { color: hsl(157, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75, html.dark .sf-c-txt-mediumspringgreen\:75 { color: hsl(157, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85, html.dark .sf-c-txt-mediumspringgreen\:85 { color: hsl(157, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95, html.dark .sf-c-txt-mediumspringgreen\:95 { color: hsl(157, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:st, html.dark .sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:st, html.dark .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5\:st, html.dark .sf-c-txt-mediumspringgreen\:5\:st { color: hsl(157, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:st, html.dark .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15\:st, html.dark .sf-c-txt-mediumspringgreen\:15\:st { color: hsl(157, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:st, html.dark .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25\:st, html.dark .sf-c-txt-mediumspringgreen\:25\:st { color: hsl(157, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:st, html.dark .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35\:st, html.dark .sf-c-txt-mediumspringgreen\:35\:st { color: hsl(157, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:st, html.dark .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45\:st, html.dark .sf-c-txt-mediumspringgreen\:45\:st { color: hsl(157, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:st, html.dark .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55\:st, html.dark .sf-c-txt-mediumspringgreen\:55\:st { color: hsl(157, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:st, html.dark .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65\:st, html.dark .sf-c-txt-mediumspringgreen\:65\:st { color: hsl(157, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:st, html.dark .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75\:st, html.dark .sf-c-txt-mediumspringgreen\:75\:st { color: hsl(157, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:st, html.dark .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85\:st, html.dark .sf-c-txt-mediumspringgreen\:85\:st { color: hsl(157, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:st, html.dark .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95\:st, html.dark .sf-c-txt-mediumspringgreen\:95\:st { color: hsl(157, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:st, html.dark .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumspringgreen, html.auto .sf-c-mediumspringgreen { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 51%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.auto .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:5, html.auto .sf-c-mediumspringgreen\:5 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:10, html.auto .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:15, html.auto .sf-c-mediumspringgreen\:15 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 85%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:20, html.auto .sf-c-mediumspringgreen\:20 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:25, html.auto .sf-c-mediumspringgreen\:25 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 75%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:30, html.auto .sf-c-mediumspringgreen\:30 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:35, html.auto .sf-c-mediumspringgreen\:35 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 65%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:40, html.auto .sf-c-mediumspringgreen\:40 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:45, html.auto .sf-c-mediumspringgreen\:45 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 55%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:50, html.auto .sf-c-mediumspringgreen\:50 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:55, html.auto .sf-c-mediumspringgreen\:55 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 45%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:60, html.auto .sf-c-mediumspringgreen\:60 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:65, html.auto .sf-c-mediumspringgreen\:65 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 35%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:70, html.auto .sf-c-mediumspringgreen\:70 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:75, html.auto .sf-c-mediumspringgreen\:75 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 25%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:80, html.auto .sf-c-mediumspringgreen\:80 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:85, html.auto .sf-c-mediumspringgreen\:85 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 15%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:90, html.auto .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:95, html.auto .sf-c-mediumspringgreen\:95 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:100, html.auto .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mediumspringgreen\:st, html.auto .sf-c-mediumspringgreen\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 49%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:0\:st, html.auto .sf-c-mediumspringgreen\:0\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:5\:st, html.auto .sf-c-mediumspringgreen\:5\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:10\:st, html.auto .sf-c-mediumspringgreen\:10\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:15\:st, html.auto .sf-c-mediumspringgreen\:15\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 15%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:20\:st, html.auto .sf-c-mediumspringgreen\:20\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:25\:st, html.auto .sf-c-mediumspringgreen\:25\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 25%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:30\:st, html.auto .sf-c-mediumspringgreen\:30\:st { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:35\:st, html.auto .sf-c-mediumspringgreen\:35\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 35%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:40\:st, html.auto .sf-c-mediumspringgreen\:40\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:45\:st, html.auto .sf-c-mediumspringgreen\:45\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 45%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:50\:st, html.auto .sf-c-mediumspringgreen\:50\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:55\:st, html.auto .sf-c-mediumspringgreen\:55\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 55%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:60\:st, html.auto .sf-c-mediumspringgreen\:60\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:65\:st, html.auto .sf-c-mediumspringgreen\:65\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 65%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:70\:st, html.auto .sf-c-mediumspringgreen\:70\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:75\:st, html.auto .sf-c-mediumspringgreen\:75\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 75%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:80\:st, html.auto .sf-c-mediumspringgreen\:80\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:85\:st, html.auto .sf-c-mediumspringgreen\:85\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 85%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:90\:st, html.auto .sf-c-mediumspringgreen\:90\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:95\:st, html.auto .sf-c-mediumspringgreen\:95\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } - html[data-theme='auto'] .sf-c-mediumspringgreen\:100\:st, html.auto .sf-c-mediumspringgreen\:100\:st { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5, html.auto .sf-c-txt-mediumspringgreen\:5 { color: hsl(157, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15, html.auto .sf-c-txt-mediumspringgreen\:15 { color: hsl(157, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25, html.auto .sf-c-txt-mediumspringgreen\:25 { color: hsl(157, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35, html.auto .sf-c-txt-mediumspringgreen\:35 { color: hsl(157, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45, html.auto .sf-c-txt-mediumspringgreen\:45 { color: hsl(157, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55, html.auto .sf-c-txt-mediumspringgreen\:55 { color: hsl(157, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65, html.auto .sf-c-txt-mediumspringgreen\:65 { color: hsl(157, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75, html.auto .sf-c-txt-mediumspringgreen\:75 { color: hsl(157, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85, html.auto .sf-c-txt-mediumspringgreen\:85 { color: hsl(157, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95, html.auto .sf-c-txt-mediumspringgreen\:95 { color: hsl(157, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:st, html.auto .sf-c-txt-mediumspringgreen\:st { color: hsl(157, 100%, 49%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:st, html.auto .sf-c-txt-mediumspringgreen\:0\:st { color: hsl(157, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5\:st, html.auto .sf-c-txt-mediumspringgreen\:5\:st { color: hsl(157, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:st, html.auto .sf-c-txt-mediumspringgreen\:10\:st { color: hsl(157, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15\:st, html.auto .sf-c-txt-mediumspringgreen\:15\:st { color: hsl(157, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:st, html.auto .sf-c-txt-mediumspringgreen\:20\:st { color: hsl(157, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25\:st, html.auto .sf-c-txt-mediumspringgreen\:25\:st { color: hsl(157, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:st, html.auto .sf-c-txt-mediumspringgreen\:30\:st { color: hsl(157, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35\:st, html.auto .sf-c-txt-mediumspringgreen\:35\:st { color: hsl(157, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:st, html.auto .sf-c-txt-mediumspringgreen\:40\:st { color: hsl(157, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45\:st, html.auto .sf-c-txt-mediumspringgreen\:45\:st { color: hsl(157, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:st, html.auto .sf-c-txt-mediumspringgreen\:50\:st { color: hsl(157, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55\:st, html.auto .sf-c-txt-mediumspringgreen\:55\:st { color: hsl(157, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:st, html.auto .sf-c-txt-mediumspringgreen\:60\:st { color: hsl(157, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65\:st, html.auto .sf-c-txt-mediumspringgreen\:65\:st { color: hsl(157, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:st, html.auto .sf-c-txt-mediumspringgreen\:70\:st { color: hsl(157, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75\:st, html.auto .sf-c-txt-mediumspringgreen\:75\:st { color: hsl(157, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:st, html.auto .sf-c-txt-mediumspringgreen\:80\:st { color: hsl(157, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85\:st, html.auto .sf-c-txt-mediumspringgreen\:85\:st { color: hsl(157, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:st, html.auto .sf-c-txt-mediumspringgreen\:90\:st { color: hsl(157, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95\:st, html.auto .sf-c-txt-mediumspringgreen\:95\:st { color: hsl(157, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:st, html.auto .sf-c-txt-mediumspringgreen\:100\:st { color: hsl(157, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumturquoise.css b/src/colors/20/mediumturquoise.css deleted file mode 100644 index f1369c7..0000000 --- a/src/colors/20/mediumturquoise.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumturquoise { - --sf-c-mediumturquoise: 178 60% 55%; - --sf-c-mediumturquoise-0: 178 60% 0%; - --sf-c-mediumturquoise-5: 178 60% 5%; - --sf-c-mediumturquoise-10: 178 60% 10%; - --sf-c-mediumturquoise-15: 178 60% 15%; - --sf-c-mediumturquoise-20: 178 60% 20%; - --sf-c-mediumturquoise-25: 178 60% 25%; - --sf-c-mediumturquoise-30: 178 60% 30%; - --sf-c-mediumturquoise-35: 178 60% 35%; - --sf-c-mediumturquoise-40: 178 60% 40%; - --sf-c-mediumturquoise-45: 178 60% 45%; - --sf-c-mediumturquoise-50: 178 60% 50%; - --sf-c-mediumturquoise-55: 178 60% 55%; - --sf-c-mediumturquoise-60: 178 60% 60%; - --sf-c-mediumturquoise-65: 178 60% 65%; - --sf-c-mediumturquoise-70: 178 60% 70%; - --sf-c-mediumturquoise-75: 178 60% 75%; - --sf-c-mediumturquoise-80: 178 60% 80%; - --sf-c-mediumturquoise-85: 178 60% 85%; - --sf-c-mediumturquoise-90: 178 60% 90%; - --sf-c-mediumturquoise-95: 178 60% 95%; - --sf-c-mediumturquoise-100: 178 60% 100%; -} - -.sf-c-mediumturquoise, .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } -.sf-c-mediumturquoise\:0, .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } -.sf-c-mediumturquoise\:5, .sf-c-mediumturquoise\:5\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } -.sf-c-mediumturquoise\:10, .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } -.sf-c-mediumturquoise\:15, .sf-c-mediumturquoise\:15\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 15%) } -.sf-c-mediumturquoise\:20, .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 20%) } -.sf-c-mediumturquoise\:25, .sf-c-mediumturquoise\:25\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 25%) } -.sf-c-mediumturquoise\:30, .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 30%) } -.sf-c-mediumturquoise\:35, .sf-c-mediumturquoise\:35\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 35%) } -.sf-c-mediumturquoise\:40, .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 40%) } -.sf-c-mediumturquoise\:45, .sf-c-mediumturquoise\:45\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } -.sf-c-mediumturquoise\:50, .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 50%) } -.sf-c-mediumturquoise\:55, .sf-c-mediumturquoise\:55\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } -.sf-c-mediumturquoise\:60, .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 60%) } -.sf-c-mediumturquoise\:65, .sf-c-mediumturquoise\:65\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 65%) } -.sf-c-mediumturquoise\:70, .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 70%) } -.sf-c-mediumturquoise\:75, .sf-c-mediumturquoise\:75\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 75%) } -.sf-c-mediumturquoise\:80, .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 80%) } -.sf-c-mediumturquoise\:85, .sf-c-mediumturquoise\:85\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 85%) } -.sf-c-mediumturquoise\:90, .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 90%) } -.sf-c-mediumturquoise\:95, .sf-c-mediumturquoise\:95\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } -.sf-c-mediumturquoise\:100, .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } - -.sf-c-txt-mediumturquoise { color: hsl(178, 60%, 10%) } -.sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } -.sf-c-txt-mediumturquoise\:0, .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } -.sf-c-txt-mediumturquoise\:5, .sf-c-txt-mediumturquoise\:5\:st { color: hsl(178, 60%, 5%) } -.sf-c-txt-mediumturquoise\:10, .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } -.sf-c-txt-mediumturquoise\:15, .sf-c-txt-mediumturquoise\:15\:st { color: hsl(178, 60%, 15%) } -.sf-c-txt-mediumturquoise\:20, .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } -.sf-c-txt-mediumturquoise\:25, .sf-c-txt-mediumturquoise\:25\:st { color: hsl(178, 60%, 25%) } -.sf-c-txt-mediumturquoise\:30, .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } -.sf-c-txt-mediumturquoise\:35, .sf-c-txt-mediumturquoise\:35\:st { color: hsl(178, 60%, 35%) } -.sf-c-txt-mediumturquoise\:40, .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } -.sf-c-txt-mediumturquoise\:45, .sf-c-txt-mediumturquoise\:45\:st { color: hsl(178, 60%, 45%) } -.sf-c-txt-mediumturquoise\:50, .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } -.sf-c-txt-mediumturquoise\:55, .sf-c-txt-mediumturquoise\:55\:st { color: hsl(178, 60%, 55%) } -.sf-c-txt-mediumturquoise\:60, .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } -.sf-c-txt-mediumturquoise\:65, .sf-c-txt-mediumturquoise\:65\:st { color: hsl(178, 60%, 65%) } -.sf-c-txt-mediumturquoise\:70, .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } -.sf-c-txt-mediumturquoise\:75, .sf-c-txt-mediumturquoise\:75\:st { color: hsl(178, 60%, 75%) } -.sf-c-txt-mediumturquoise\:80, .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } -.sf-c-txt-mediumturquoise\:85, .sf-c-txt-mediumturquoise\:85\:st { color: hsl(178, 60%, 85%) } -.sf-c-txt-mediumturquoise\:90, .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } -.sf-c-txt-mediumturquoise\:95, .sf-c-txt-mediumturquoise\:95\:st { color: hsl(178, 60%, 95%) } -.sf-c-txt-mediumturquoise\:100, .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } - -html[data-theme='dark'] .sf-c-mediumturquoise, html.dark .sf-c-mediumturquoise { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:0, html.dark .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:5, html.dark .sf-c-mediumturquoise\:5 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:10, html.dark .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:15, html.dark .sf-c-mediumturquoise\:15 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 85%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:20, html.dark .sf-c-mediumturquoise\:20 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:25, html.dark .sf-c-mediumturquoise\:25 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 75%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:30, html.dark .sf-c-mediumturquoise\:30 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:35, html.dark .sf-c-mediumturquoise\:35 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:40, html.dark .sf-c-mediumturquoise\:40 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:45, html.dark .sf-c-mediumturquoise\:45 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:50, html.dark .sf-c-mediumturquoise\:50 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:55, html.dark .sf-c-mediumturquoise\:55 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:60, html.dark .sf-c-mediumturquoise\:60 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:65, html.dark .sf-c-mediumturquoise\:65 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:70, html.dark .sf-c-mediumturquoise\:70 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:75, html.dark .sf-c-mediumturquoise\:75 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 25%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:80, html.dark .sf-c-mediumturquoise\:80 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:85, html.dark .sf-c-mediumturquoise\:85 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 15%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:90, html.dark .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:95, html.dark .sf-c-mediumturquoise\:95 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:100, html.dark .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } - -html[data-theme='dark'] .sf-c-mediumturquoise\:st, html.dark .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:0\:st, html.dark .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:5\:st, html.dark .sf-c-mediumturquoise\:5\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:10\:st, html.dark .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:15\:st, html.dark .sf-c-mediumturquoise\:15\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 15%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:20\:st, html.dark .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:25\:st, html.dark .sf-c-mediumturquoise\:25\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 25%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:30\:st, html.dark .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:35\:st, html.dark .sf-c-mediumturquoise\:35\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 35%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:40\:st, html.dark .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:45\:st, html.dark .sf-c-mediumturquoise\:45\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:50\:st, html.dark .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:55\:st, html.dark .sf-c-mediumturquoise\:55\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:60\:st, html.dark .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:65\:st, html.dark .sf-c-mediumturquoise\:65\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 65%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:70\:st, html.dark .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:75\:st, html.dark .sf-c-mediumturquoise\:75\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 75%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:80\:st, html.dark .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:85\:st, html.dark .sf-c-mediumturquoise\:85\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 85%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:90\:st, html.dark .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:95\:st, html.dark .sf-c-mediumturquoise\:95\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } -html[data-theme='dark'] .sf-c-mediumturquoise\:100\:st, html.dark .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:5, html.dark .sf-c-txt-mediumturquoise\:5 { color: hsl(178, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:15, html.dark .sf-c-txt-mediumturquoise\:15 { color: hsl(178, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:25, html.dark .sf-c-txt-mediumturquoise\:25 { color: hsl(178, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:35, html.dark .sf-c-txt-mediumturquoise\:35 { color: hsl(178, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:45, html.dark .sf-c-txt-mediumturquoise\:45 { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:55, html.dark .sf-c-txt-mediumturquoise\:55 { color: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:65, html.dark .sf-c-txt-mediumturquoise\:65 { color: hsl(178, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:75, html.dark .sf-c-txt-mediumturquoise\:75 { color: hsl(178, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:85, html.dark .sf-c-txt-mediumturquoise\:85 { color: hsl(178, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:95, html.dark .sf-c-txt-mediumturquoise\:95 { color: hsl(178, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:st, html.dark .sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:st, html.dark .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:5\:st, html.dark .sf-c-txt-mediumturquoise\:5\:st { color: hsl(178, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:st, html.dark .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:15\:st, html.dark .sf-c-txt-mediumturquoise\:15\:st { color: hsl(178, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:st, html.dark .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:25\:st, html.dark .sf-c-txt-mediumturquoise\:25\:st { color: hsl(178, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:st, html.dark .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:35\:st, html.dark .sf-c-txt-mediumturquoise\:35\:st { color: hsl(178, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:st, html.dark .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:45\:st, html.dark .sf-c-txt-mediumturquoise\:45\:st { color: hsl(178, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:st, html.dark .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:55\:st, html.dark .sf-c-txt-mediumturquoise\:55\:st { color: hsl(178, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:st, html.dark .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:65\:st, html.dark .sf-c-txt-mediumturquoise\:65\:st { color: hsl(178, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:st, html.dark .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:75\:st, html.dark .sf-c-txt-mediumturquoise\:75\:st { color: hsl(178, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:st, html.dark .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:85\:st, html.dark .sf-c-txt-mediumturquoise\:85\:st { color: hsl(178, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:st, html.dark .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:95\:st, html.dark .sf-c-txt-mediumturquoise\:95\:st { color: hsl(178, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:st, html.dark .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumturquoise, html.auto .sf-c-mediumturquoise { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:0, html.auto .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:5, html.auto .sf-c-mediumturquoise\:5 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:10, html.auto .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:15, html.auto .sf-c-mediumturquoise\:15 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 85%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:20, html.auto .sf-c-mediumturquoise\:20 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:25, html.auto .sf-c-mediumturquoise\:25 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 75%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:30, html.auto .sf-c-mediumturquoise\:30 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:35, html.auto .sf-c-mediumturquoise\:35 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:40, html.auto .sf-c-mediumturquoise\:40 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:45, html.auto .sf-c-mediumturquoise\:45 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:50, html.auto .sf-c-mediumturquoise\:50 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:55, html.auto .sf-c-mediumturquoise\:55 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:60, html.auto .sf-c-mediumturquoise\:60 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:65, html.auto .sf-c-mediumturquoise\:65 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:70, html.auto .sf-c-mediumturquoise\:70 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:75, html.auto .sf-c-mediumturquoise\:75 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 25%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:80, html.auto .sf-c-mediumturquoise\:80 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:85, html.auto .sf-c-mediumturquoise\:85 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 15%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:90, html.auto .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:95, html.auto .sf-c-mediumturquoise\:95 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:100, html.auto .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } - - html[data-theme='auto'] .sf-c-mediumturquoise\:st, html.auto .sf-c-mediumturquoise\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:0\:st, html.auto .sf-c-mediumturquoise\:0\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:5\:st, html.auto .sf-c-mediumturquoise\:5\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:10\:st, html.auto .sf-c-mediumturquoise\:10\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:15\:st, html.auto .sf-c-mediumturquoise\:15\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 15%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:20\:st, html.auto .sf-c-mediumturquoise\:20\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:25\:st, html.auto .sf-c-mediumturquoise\:25\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 25%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:30\:st, html.auto .sf-c-mediumturquoise\:30\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:35\:st, html.auto .sf-c-mediumturquoise\:35\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 35%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:40\:st, html.auto .sf-c-mediumturquoise\:40\:st { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:45\:st, html.auto .sf-c-mediumturquoise\:45\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:50\:st, html.auto .sf-c-mediumturquoise\:50\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:55\:st, html.auto .sf-c-mediumturquoise\:55\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:60\:st, html.auto .sf-c-mediumturquoise\:60\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:65\:st, html.auto .sf-c-mediumturquoise\:65\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 65%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:70\:st, html.auto .sf-c-mediumturquoise\:70\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:75\:st, html.auto .sf-c-mediumturquoise\:75\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 75%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:80\:st, html.auto .sf-c-mediumturquoise\:80\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:85\:st, html.auto .sf-c-mediumturquoise\:85\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 85%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:90\:st, html.auto .sf-c-mediumturquoise\:90\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:95\:st, html.auto .sf-c-mediumturquoise\:95\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } - html[data-theme='auto'] .sf-c-mediumturquoise\:100\:st, html.auto .sf-c-mediumturquoise\:100\:st { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:5, html.auto .sf-c-txt-mediumturquoise\:5 { color: hsl(178, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:15, html.auto .sf-c-txt-mediumturquoise\:15 { color: hsl(178, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:25, html.auto .sf-c-txt-mediumturquoise\:25 { color: hsl(178, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:35, html.auto .sf-c-txt-mediumturquoise\:35 { color: hsl(178, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:45, html.auto .sf-c-txt-mediumturquoise\:45 { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:55, html.auto .sf-c-txt-mediumturquoise\:55 { color: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:65, html.auto .sf-c-txt-mediumturquoise\:65 { color: hsl(178, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:75, html.auto .sf-c-txt-mediumturquoise\:75 { color: hsl(178, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:85, html.auto .sf-c-txt-mediumturquoise\:85 { color: hsl(178, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:95, html.auto .sf-c-txt-mediumturquoise\:95 { color: hsl(178, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:st, html.auto .sf-c-txt-mediumturquoise\:st { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:st, html.auto .sf-c-txt-mediumturquoise\:0\:st { color: hsl(178, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:5\:st, html.auto .sf-c-txt-mediumturquoise\:5\:st { color: hsl(178, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:st, html.auto .sf-c-txt-mediumturquoise\:10\:st { color: hsl(178, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:15\:st, html.auto .sf-c-txt-mediumturquoise\:15\:st { color: hsl(178, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:st, html.auto .sf-c-txt-mediumturquoise\:20\:st { color: hsl(178, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:25\:st, html.auto .sf-c-txt-mediumturquoise\:25\:st { color: hsl(178, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:st, html.auto .sf-c-txt-mediumturquoise\:30\:st { color: hsl(178, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:35\:st, html.auto .sf-c-txt-mediumturquoise\:35\:st { color: hsl(178, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:st, html.auto .sf-c-txt-mediumturquoise\:40\:st { color: hsl(178, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:45\:st, html.auto .sf-c-txt-mediumturquoise\:45\:st { color: hsl(178, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:st, html.auto .sf-c-txt-mediumturquoise\:50\:st { color: hsl(178, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:55\:st, html.auto .sf-c-txt-mediumturquoise\:55\:st { color: hsl(178, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:st, html.auto .sf-c-txt-mediumturquoise\:60\:st { color: hsl(178, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:65\:st, html.auto .sf-c-txt-mediumturquoise\:65\:st { color: hsl(178, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:st, html.auto .sf-c-txt-mediumturquoise\:70\:st { color: hsl(178, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:75\:st, html.auto .sf-c-txt-mediumturquoise\:75\:st { color: hsl(178, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:st, html.auto .sf-c-txt-mediumturquoise\:80\:st { color: hsl(178, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:85\:st, html.auto .sf-c-txt-mediumturquoise\:85\:st { color: hsl(178, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:st, html.auto .sf-c-txt-mediumturquoise\:90\:st { color: hsl(178, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:95\:st, html.auto .sf-c-txt-mediumturquoise\:95\:st { color: hsl(178, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:st, html.auto .sf-c-txt-mediumturquoise\:100\:st { color: hsl(178, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mediumvioletred.css b/src/colors/20/mediumvioletred.css deleted file mode 100644 index c76c1e9..0000000 --- a/src/colors/20/mediumvioletred.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mediumvioletred { - --sf-c-mediumvioletred: 322 81% 43%; - --sf-c-mediumvioletred-0: 322 81% 0%; - --sf-c-mediumvioletred-5: 322 81% 5%; - --sf-c-mediumvioletred-10: 322 81% 10%; - --sf-c-mediumvioletred-15: 322 81% 15%; - --sf-c-mediumvioletred-20: 322 81% 20%; - --sf-c-mediumvioletred-25: 322 81% 25%; - --sf-c-mediumvioletred-30: 322 81% 30%; - --sf-c-mediumvioletred-35: 322 81% 35%; - --sf-c-mediumvioletred-40: 322 81% 40%; - --sf-c-mediumvioletred-45: 322 81% 45%; - --sf-c-mediumvioletred-50: 322 81% 50%; - --sf-c-mediumvioletred-55: 322 81% 55%; - --sf-c-mediumvioletred-60: 322 81% 60%; - --sf-c-mediumvioletred-65: 322 81% 65%; - --sf-c-mediumvioletred-70: 322 81% 70%; - --sf-c-mediumvioletred-75: 322 81% 75%; - --sf-c-mediumvioletred-80: 322 81% 80%; - --sf-c-mediumvioletred-85: 322 81% 85%; - --sf-c-mediumvioletred-90: 322 81% 90%; - --sf-c-mediumvioletred-95: 322 81% 95%; - --sf-c-mediumvioletred-100: 322 81% 100%; -} - -.sf-c-mediumvioletred, .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 43%) } -.sf-c-mediumvioletred\:0, .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } -.sf-c-mediumvioletred\:5, .sf-c-mediumvioletred\:5\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } -.sf-c-mediumvioletred\:10, .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } -.sf-c-mediumvioletred\:15, .sf-c-mediumvioletred\:15\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 15%) } -.sf-c-mediumvioletred\:20, .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 20%) } -.sf-c-mediumvioletred\:25, .sf-c-mediumvioletred\:25\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 25%) } -.sf-c-mediumvioletred\:30, .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 30%) } -.sf-c-mediumvioletred\:35, .sf-c-mediumvioletred\:35\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 35%) } -.sf-c-mediumvioletred\:40, .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 40%) } -.sf-c-mediumvioletred\:45, .sf-c-mediumvioletred\:45\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 45%) } -.sf-c-mediumvioletred\:50, .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 50%) } -.sf-c-mediumvioletred\:55, .sf-c-mediumvioletred\:55\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 55%) } -.sf-c-mediumvioletred\:60, .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 60%) } -.sf-c-mediumvioletred\:65, .sf-c-mediumvioletred\:65\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 65%) } -.sf-c-mediumvioletred\:70, .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 70%) } -.sf-c-mediumvioletred\:75, .sf-c-mediumvioletred\:75\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 75%) } -.sf-c-mediumvioletred\:80, .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 80%) } -.sf-c-mediumvioletred\:85, .sf-c-mediumvioletred\:85\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 85%) } -.sf-c-mediumvioletred\:90, .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 90%) } -.sf-c-mediumvioletred\:95, .sf-c-mediumvioletred\:95\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } -.sf-c-mediumvioletred\:100, .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } - -.sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } -.sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } -.sf-c-txt-mediumvioletred\:0, .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } -.sf-c-txt-mediumvioletred\:5, .sf-c-txt-mediumvioletred\:5\:st { color: hsl(322, 81%, 5%) } -.sf-c-txt-mediumvioletred\:10, .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } -.sf-c-txt-mediumvioletred\:15, .sf-c-txt-mediumvioletred\:15\:st { color: hsl(322, 81%, 15%) } -.sf-c-txt-mediumvioletred\:20, .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } -.sf-c-txt-mediumvioletred\:25, .sf-c-txt-mediumvioletred\:25\:st { color: hsl(322, 81%, 25%) } -.sf-c-txt-mediumvioletred\:30, .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } -.sf-c-txt-mediumvioletred\:35, .sf-c-txt-mediumvioletred\:35\:st { color: hsl(322, 81%, 35%) } -.sf-c-txt-mediumvioletred\:40, .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } -.sf-c-txt-mediumvioletred\:45, .sf-c-txt-mediumvioletred\:45\:st { color: hsl(322, 81%, 45%) } -.sf-c-txt-mediumvioletred\:50, .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } -.sf-c-txt-mediumvioletred\:55, .sf-c-txt-mediumvioletred\:55\:st { color: hsl(322, 81%, 55%) } -.sf-c-txt-mediumvioletred\:60, .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } -.sf-c-txt-mediumvioletred\:65, .sf-c-txt-mediumvioletred\:65\:st { color: hsl(322, 81%, 65%) } -.sf-c-txt-mediumvioletred\:70, .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } -.sf-c-txt-mediumvioletred\:75, .sf-c-txt-mediumvioletred\:75\:st { color: hsl(322, 81%, 75%) } -.sf-c-txt-mediumvioletred\:80, .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } -.sf-c-txt-mediumvioletred\:85, .sf-c-txt-mediumvioletred\:85\:st { color: hsl(322, 81%, 85%) } -.sf-c-txt-mediumvioletred\:90, .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } -.sf-c-txt-mediumvioletred\:95, .sf-c-txt-mediumvioletred\:95\:st { color: hsl(322, 81%, 95%) } -.sf-c-txt-mediumvioletred\:100, .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } - -html[data-theme='dark'] .sf-c-mediumvioletred, html.dark .sf-c-mediumvioletred { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 57%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:0, html.dark .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:5, html.dark .sf-c-mediumvioletred\:5 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:10, html.dark .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:15, html.dark .sf-c-mediumvioletred\:15 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 85%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:20, html.dark .sf-c-mediumvioletred\:20 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:25, html.dark .sf-c-mediumvioletred\:25 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 75%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:30, html.dark .sf-c-mediumvioletred\:30 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:35, html.dark .sf-c-mediumvioletred\:35 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 65%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:40, html.dark .sf-c-mediumvioletred\:40 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:45, html.dark .sf-c-mediumvioletred\:45 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 55%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:50, html.dark .sf-c-mediumvioletred\:50 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:55, html.dark .sf-c-mediumvioletred\:55 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 45%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:60, html.dark .sf-c-mediumvioletred\:60 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:65, html.dark .sf-c-mediumvioletred\:65 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 35%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:70, html.dark .sf-c-mediumvioletred\:70 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:75, html.dark .sf-c-mediumvioletred\:75 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 25%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:80, html.dark .sf-c-mediumvioletred\:80 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:85, html.dark .sf-c-mediumvioletred\:85 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 15%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:90, html.dark .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:95, html.dark .sf-c-mediumvioletred\:95 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:100, html.dark .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } - -html[data-theme='dark'] .sf-c-mediumvioletred\:st, html.dark .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 43%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:0\:st, html.dark .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:5\:st, html.dark .sf-c-mediumvioletred\:5\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:10\:st, html.dark .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:15\:st, html.dark .sf-c-mediumvioletred\:15\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 15%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:20\:st, html.dark .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:25\:st, html.dark .sf-c-mediumvioletred\:25\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 25%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:30\:st, html.dark .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:35\:st, html.dark .sf-c-mediumvioletred\:35\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 35%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:40\:st, html.dark .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:45\:st, html.dark .sf-c-mediumvioletred\:45\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 45%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:50\:st, html.dark .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:55\:st, html.dark .sf-c-mediumvioletred\:55\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 55%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:60\:st, html.dark .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:65\:st, html.dark .sf-c-mediumvioletred\:65\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 65%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:70\:st, html.dark .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:75\:st, html.dark .sf-c-mediumvioletred\:75\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 75%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:80\:st, html.dark .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:85\:st, html.dark .sf-c-mediumvioletred\:85\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 85%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:90\:st, html.dark .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:95\:st, html.dark .sf-c-mediumvioletred\:95\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } -html[data-theme='dark'] .sf-c-mediumvioletred\:100\:st, html.dark .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:5, html.dark .sf-c-txt-mediumvioletred\:5 { color: hsl(322, 81%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:15, html.dark .sf-c-txt-mediumvioletred\:15 { color: hsl(322, 81%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:25, html.dark .sf-c-txt-mediumvioletred\:25 { color: hsl(322, 81%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:35, html.dark .sf-c-txt-mediumvioletred\:35 { color: hsl(322, 81%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:45, html.dark .sf-c-txt-mediumvioletred\:45 { color: hsl(322, 81%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:55, html.dark .sf-c-txt-mediumvioletred\:55 { color: hsl(322, 81%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:65, html.dark .sf-c-txt-mediumvioletred\:65 { color: hsl(322, 81%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:75, html.dark .sf-c-txt-mediumvioletred\:75 { color: hsl(322, 81%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:85, html.dark .sf-c-txt-mediumvioletred\:85 { color: hsl(322, 81%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:95, html.dark .sf-c-txt-mediumvioletred\:95 { color: hsl(322, 81%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:st, html.dark .sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:st, html.dark .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:5\:st, html.dark .sf-c-txt-mediumvioletred\:5\:st { color: hsl(322, 81%, 5%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:st, html.dark .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:15\:st, html.dark .sf-c-txt-mediumvioletred\:15\:st { color: hsl(322, 81%, 15%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:st, html.dark .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:25\:st, html.dark .sf-c-txt-mediumvioletred\:25\:st { color: hsl(322, 81%, 25%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:st, html.dark .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:35\:st, html.dark .sf-c-txt-mediumvioletred\:35\:st { color: hsl(322, 81%, 35%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:st, html.dark .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:45\:st, html.dark .sf-c-txt-mediumvioletred\:45\:st { color: hsl(322, 81%, 45%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:st, html.dark .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:55\:st, html.dark .sf-c-txt-mediumvioletred\:55\:st { color: hsl(322, 81%, 55%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:st, html.dark .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:65\:st, html.dark .sf-c-txt-mediumvioletred\:65\:st { color: hsl(322, 81%, 65%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:st, html.dark .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:75\:st, html.dark .sf-c-txt-mediumvioletred\:75\:st { color: hsl(322, 81%, 75%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:st, html.dark .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:85\:st, html.dark .sf-c-txt-mediumvioletred\:85\:st { color: hsl(322, 81%, 85%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:st, html.dark .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:95\:st, html.dark .sf-c-txt-mediumvioletred\:95\:st { color: hsl(322, 81%, 95%) } -html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:st, html.dark .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mediumvioletred, html.auto .sf-c-mediumvioletred { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 57%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:0, html.auto .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:5, html.auto .sf-c-mediumvioletred\:5 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:10, html.auto .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:15, html.auto .sf-c-mediumvioletred\:15 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 85%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:20, html.auto .sf-c-mediumvioletred\:20 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:25, html.auto .sf-c-mediumvioletred\:25 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 75%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:30, html.auto .sf-c-mediumvioletred\:30 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:35, html.auto .sf-c-mediumvioletred\:35 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 65%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:40, html.auto .sf-c-mediumvioletred\:40 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:45, html.auto .sf-c-mediumvioletred\:45 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 55%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:50, html.auto .sf-c-mediumvioletred\:50 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:55, html.auto .sf-c-mediumvioletred\:55 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 45%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:60, html.auto .sf-c-mediumvioletred\:60 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:65, html.auto .sf-c-mediumvioletred\:65 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 35%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:70, html.auto .sf-c-mediumvioletred\:70 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:75, html.auto .sf-c-mediumvioletred\:75 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 25%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:80, html.auto .sf-c-mediumvioletred\:80 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:85, html.auto .sf-c-mediumvioletred\:85 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 15%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:90, html.auto .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:95, html.auto .sf-c-mediumvioletred\:95 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:100, html.auto .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } - - html[data-theme='auto'] .sf-c-mediumvioletred\:st, html.auto .sf-c-mediumvioletred\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 43%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:0\:st, html.auto .sf-c-mediumvioletred\:0\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:5\:st, html.auto .sf-c-mediumvioletred\:5\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:10\:st, html.auto .sf-c-mediumvioletred\:10\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:15\:st, html.auto .sf-c-mediumvioletred\:15\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 15%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:20\:st, html.auto .sf-c-mediumvioletred\:20\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:25\:st, html.auto .sf-c-mediumvioletred\:25\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 25%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:30\:st, html.auto .sf-c-mediumvioletred\:30\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:35\:st, html.auto .sf-c-mediumvioletred\:35\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 35%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:40\:st, html.auto .sf-c-mediumvioletred\:40\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:45\:st, html.auto .sf-c-mediumvioletred\:45\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 45%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:50\:st, html.auto .sf-c-mediumvioletred\:50\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:55\:st, html.auto .sf-c-mediumvioletred\:55\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 55%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:60\:st, html.auto .sf-c-mediumvioletred\:60\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:65\:st, html.auto .sf-c-mediumvioletred\:65\:st { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 65%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:70\:st, html.auto .sf-c-mediumvioletred\:70\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:75\:st, html.auto .sf-c-mediumvioletred\:75\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 75%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:80\:st, html.auto .sf-c-mediumvioletred\:80\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:85\:st, html.auto .sf-c-mediumvioletred\:85\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 85%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:90\:st, html.auto .sf-c-mediumvioletred\:90\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:95\:st, html.auto .sf-c-mediumvioletred\:95\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } - html[data-theme='auto'] .sf-c-mediumvioletred\:100\:st, html.auto .sf-c-mediumvioletred\:100\:st { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:5, html.auto .sf-c-txt-mediumvioletred\:5 { color: hsl(322, 81%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:15, html.auto .sf-c-txt-mediumvioletred\:15 { color: hsl(322, 81%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:25, html.auto .sf-c-txt-mediumvioletred\:25 { color: hsl(322, 81%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:35, html.auto .sf-c-txt-mediumvioletred\:35 { color: hsl(322, 81%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:45, html.auto .sf-c-txt-mediumvioletred\:45 { color: hsl(322, 81%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:55, html.auto .sf-c-txt-mediumvioletred\:55 { color: hsl(322, 81%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:65, html.auto .sf-c-txt-mediumvioletred\:65 { color: hsl(322, 81%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:75, html.auto .sf-c-txt-mediumvioletred\:75 { color: hsl(322, 81%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:85, html.auto .sf-c-txt-mediumvioletred\:85 { color: hsl(322, 81%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:95, html.auto .sf-c-txt-mediumvioletred\:95 { color: hsl(322, 81%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:st, html.auto .sf-c-txt-mediumvioletred\:st { color: hsl(322, 81%, 43%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:st, html.auto .sf-c-txt-mediumvioletred\:0\:st { color: hsl(322, 81%, 0%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:5\:st, html.auto .sf-c-txt-mediumvioletred\:5\:st { color: hsl(322, 81%, 5%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:st, html.auto .sf-c-txt-mediumvioletred\:10\:st { color: hsl(322, 81%, 10%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:15\:st, html.auto .sf-c-txt-mediumvioletred\:15\:st { color: hsl(322, 81%, 15%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:st, html.auto .sf-c-txt-mediumvioletred\:20\:st { color: hsl(322, 81%, 20%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:25\:st, html.auto .sf-c-txt-mediumvioletred\:25\:st { color: hsl(322, 81%, 25%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:st, html.auto .sf-c-txt-mediumvioletred\:30\:st { color: hsl(322, 81%, 30%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:35\:st, html.auto .sf-c-txt-mediumvioletred\:35\:st { color: hsl(322, 81%, 35%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:st, html.auto .sf-c-txt-mediumvioletred\:40\:st { color: hsl(322, 81%, 40%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:45\:st, html.auto .sf-c-txt-mediumvioletred\:45\:st { color: hsl(322, 81%, 45%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:st, html.auto .sf-c-txt-mediumvioletred\:50\:st { color: hsl(322, 81%, 50%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:55\:st, html.auto .sf-c-txt-mediumvioletred\:55\:st { color: hsl(322, 81%, 55%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:st, html.auto .sf-c-txt-mediumvioletred\:60\:st { color: hsl(322, 81%, 60%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:65\:st, html.auto .sf-c-txt-mediumvioletred\:65\:st { color: hsl(322, 81%, 65%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:st, html.auto .sf-c-txt-mediumvioletred\:70\:st { color: hsl(322, 81%, 70%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:75\:st, html.auto .sf-c-txt-mediumvioletred\:75\:st { color: hsl(322, 81%, 75%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:st, html.auto .sf-c-txt-mediumvioletred\:80\:st { color: hsl(322, 81%, 80%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:85\:st, html.auto .sf-c-txt-mediumvioletred\:85\:st { color: hsl(322, 81%, 85%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:st, html.auto .sf-c-txt-mediumvioletred\:90\:st { color: hsl(322, 81%, 90%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:95\:st, html.auto .sf-c-txt-mediumvioletred\:95\:st { color: hsl(322, 81%, 95%) } - html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:st, html.auto .sf-c-txt-mediumvioletred\:100\:st { color: hsl(322, 81%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/midnightblue.css b/src/colors/20/midnightblue.css deleted file mode 100644 index d84d968..0000000 --- a/src/colors/20/midnightblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-midnightblue { - --sf-c-midnightblue: 240 64% 27%; - --sf-c-midnightblue-0: 240 64% 0%; - --sf-c-midnightblue-5: 240 64% 5%; - --sf-c-midnightblue-10: 240 64% 10%; - --sf-c-midnightblue-15: 240 64% 15%; - --sf-c-midnightblue-20: 240 64% 20%; - --sf-c-midnightblue-25: 240 64% 25%; - --sf-c-midnightblue-30: 240 64% 30%; - --sf-c-midnightblue-35: 240 64% 35%; - --sf-c-midnightblue-40: 240 64% 40%; - --sf-c-midnightblue-45: 240 64% 45%; - --sf-c-midnightblue-50: 240 64% 50%; - --sf-c-midnightblue-55: 240 64% 55%; - --sf-c-midnightblue-60: 240 64% 60%; - --sf-c-midnightblue-65: 240 64% 65%; - --sf-c-midnightblue-70: 240 64% 70%; - --sf-c-midnightblue-75: 240 64% 75%; - --sf-c-midnightblue-80: 240 64% 80%; - --sf-c-midnightblue-85: 240 64% 85%; - --sf-c-midnightblue-90: 240 64% 90%; - --sf-c-midnightblue-95: 240 64% 95%; - --sf-c-midnightblue-100: 240 64% 100%; -} - -.sf-c-midnightblue, .sf-c-midnightblue\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 27%) } -.sf-c-midnightblue\:0, .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } -.sf-c-midnightblue\:5, .sf-c-midnightblue\:5\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } -.sf-c-midnightblue\:10, .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } -.sf-c-midnightblue\:15, .sf-c-midnightblue\:15\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 15%) } -.sf-c-midnightblue\:20, .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 20%) } -.sf-c-midnightblue\:25, .sf-c-midnightblue\:25\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 25%) } -.sf-c-midnightblue\:30, .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 30%) } -.sf-c-midnightblue\:35, .sf-c-midnightblue\:35\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 35%) } -.sf-c-midnightblue\:40, .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 40%) } -.sf-c-midnightblue\:45, .sf-c-midnightblue\:45\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 45%) } -.sf-c-midnightblue\:50, .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 50%) } -.sf-c-midnightblue\:55, .sf-c-midnightblue\:55\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 55%) } -.sf-c-midnightblue\:60, .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 60%) } -.sf-c-midnightblue\:65, .sf-c-midnightblue\:65\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 65%) } -.sf-c-midnightblue\:70, .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 70%) } -.sf-c-midnightblue\:75, .sf-c-midnightblue\:75\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 75%) } -.sf-c-midnightblue\:80, .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 80%) } -.sf-c-midnightblue\:85, .sf-c-midnightblue\:85\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 85%) } -.sf-c-midnightblue\:90, .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 90%) } -.sf-c-midnightblue\:95, .sf-c-midnightblue\:95\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } -.sf-c-midnightblue\:100, .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } - -.sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } -.sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } -.sf-c-txt-midnightblue\:0, .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } -.sf-c-txt-midnightblue\:5, .sf-c-txt-midnightblue\:5\:st { color: hsl(240, 64%, 5%) } -.sf-c-txt-midnightblue\:10, .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } -.sf-c-txt-midnightblue\:15, .sf-c-txt-midnightblue\:15\:st { color: hsl(240, 64%, 15%) } -.sf-c-txt-midnightblue\:20, .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } -.sf-c-txt-midnightblue\:25, .sf-c-txt-midnightblue\:25\:st { color: hsl(240, 64%, 25%) } -.sf-c-txt-midnightblue\:30, .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } -.sf-c-txt-midnightblue\:35, .sf-c-txt-midnightblue\:35\:st { color: hsl(240, 64%, 35%) } -.sf-c-txt-midnightblue\:40, .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } -.sf-c-txt-midnightblue\:45, .sf-c-txt-midnightblue\:45\:st { color: hsl(240, 64%, 45%) } -.sf-c-txt-midnightblue\:50, .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } -.sf-c-txt-midnightblue\:55, .sf-c-txt-midnightblue\:55\:st { color: hsl(240, 64%, 55%) } -.sf-c-txt-midnightblue\:60, .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } -.sf-c-txt-midnightblue\:65, .sf-c-txt-midnightblue\:65\:st { color: hsl(240, 64%, 65%) } -.sf-c-txt-midnightblue\:70, .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } -.sf-c-txt-midnightblue\:75, .sf-c-txt-midnightblue\:75\:st { color: hsl(240, 64%, 75%) } -.sf-c-txt-midnightblue\:80, .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } -.sf-c-txt-midnightblue\:85, .sf-c-txt-midnightblue\:85\:st { color: hsl(240, 64%, 85%) } -.sf-c-txt-midnightblue\:90, .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } -.sf-c-txt-midnightblue\:95, .sf-c-txt-midnightblue\:95\:st { color: hsl(240, 64%, 95%) } -.sf-c-txt-midnightblue\:100, .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } - -html[data-theme='dark'] .sf-c-midnightblue, html.dark .sf-c-midnightblue { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 73%) } -html[data-theme='dark'] .sf-c-midnightblue\:0, html.dark .sf-c-midnightblue\:0 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } -html[data-theme='dark'] .sf-c-midnightblue\:5, html.dark .sf-c-midnightblue\:5 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } -html[data-theme='dark'] .sf-c-midnightblue\:10, html.dark .sf-c-midnightblue\:10 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-midnightblue\:15, html.dark .sf-c-midnightblue\:15 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 85%) } -html[data-theme='dark'] .sf-c-midnightblue\:20, html.dark .sf-c-midnightblue\:20 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-midnightblue\:25, html.dark .sf-c-midnightblue\:25 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 75%) } -html[data-theme='dark'] .sf-c-midnightblue\:30, html.dark .sf-c-midnightblue\:30 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-midnightblue\:35, html.dark .sf-c-midnightblue\:35 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 65%) } -html[data-theme='dark'] .sf-c-midnightblue\:40, html.dark .sf-c-midnightblue\:40 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-midnightblue\:45, html.dark .sf-c-midnightblue\:45 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 55%) } -html[data-theme='dark'] .sf-c-midnightblue\:50, html.dark .sf-c-midnightblue\:50 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-midnightblue\:55, html.dark .sf-c-midnightblue\:55 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 45%) } -html[data-theme='dark'] .sf-c-midnightblue\:60, html.dark .sf-c-midnightblue\:60 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-midnightblue\:65, html.dark .sf-c-midnightblue\:65 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 35%) } -html[data-theme='dark'] .sf-c-midnightblue\:70, html.dark .sf-c-midnightblue\:70 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-midnightblue\:75, html.dark .sf-c-midnightblue\:75 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 25%) } -html[data-theme='dark'] .sf-c-midnightblue\:80, html.dark .sf-c-midnightblue\:80 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-midnightblue\:85, html.dark .sf-c-midnightblue\:85 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 15%) } -html[data-theme='dark'] .sf-c-midnightblue\:90, html.dark .sf-c-midnightblue\:90 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-midnightblue\:95, html.dark .sf-c-midnightblue\:95 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } -html[data-theme='dark'] .sf-c-midnightblue\:100, html.dark .sf-c-midnightblue\:100 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } - -html[data-theme='dark'] .sf-c-midnightblue\:st, html.dark .sf-c-midnightblue\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 27%) } -html[data-theme='dark'] .sf-c-midnightblue\:0\:st, html.dark .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } -html[data-theme='dark'] .sf-c-midnightblue\:5\:st, html.dark .sf-c-midnightblue\:5\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } -html[data-theme='dark'] .sf-c-midnightblue\:10\:st, html.dark .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-midnightblue\:15\:st, html.dark .sf-c-midnightblue\:15\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 15%) } -html[data-theme='dark'] .sf-c-midnightblue\:20\:st, html.dark .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-midnightblue\:25\:st, html.dark .sf-c-midnightblue\:25\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 25%) } -html[data-theme='dark'] .sf-c-midnightblue\:30\:st, html.dark .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-midnightblue\:35\:st, html.dark .sf-c-midnightblue\:35\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 35%) } -html[data-theme='dark'] .sf-c-midnightblue\:40\:st, html.dark .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-midnightblue\:45\:st, html.dark .sf-c-midnightblue\:45\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 45%) } -html[data-theme='dark'] .sf-c-midnightblue\:50\:st, html.dark .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-midnightblue\:55\:st, html.dark .sf-c-midnightblue\:55\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 55%) } -html[data-theme='dark'] .sf-c-midnightblue\:60\:st, html.dark .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-midnightblue\:65\:st, html.dark .sf-c-midnightblue\:65\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 65%) } -html[data-theme='dark'] .sf-c-midnightblue\:70\:st, html.dark .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-midnightblue\:75\:st, html.dark .sf-c-midnightblue\:75\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 75%) } -html[data-theme='dark'] .sf-c-midnightblue\:80\:st, html.dark .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-midnightblue\:85\:st, html.dark .sf-c-midnightblue\:85\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 85%) } -html[data-theme='dark'] .sf-c-midnightblue\:90\:st, html.dark .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-midnightblue\:95\:st, html.dark .sf-c-midnightblue\:95\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } -html[data-theme='dark'] .sf-c-midnightblue\:100\:st, html.dark .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } - -html[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:5, html.dark .sf-c-txt-midnightblue\:5 { color: hsl(240, 64%, 95%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:15, html.dark .sf-c-txt-midnightblue\:15 { color: hsl(240, 64%, 85%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:25, html.dark .sf-c-txt-midnightblue\:25 { color: hsl(240, 64%, 75%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:35, html.dark .sf-c-txt-midnightblue\:35 { color: hsl(240, 64%, 65%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:45, html.dark .sf-c-txt-midnightblue\:45 { color: hsl(240, 64%, 55%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:55, html.dark .sf-c-txt-midnightblue\:55 { color: hsl(240, 64%, 45%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:65, html.dark .sf-c-txt-midnightblue\:65 { color: hsl(240, 64%, 35%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:75, html.dark .sf-c-txt-midnightblue\:75 { color: hsl(240, 64%, 25%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:85, html.dark .sf-c-txt-midnightblue\:85 { color: hsl(240, 64%, 15%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:95, html.dark .sf-c-txt-midnightblue\:95 { color: hsl(240, 64%, 5%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } - -html[data-theme='dark'] .sf-c-txt-midnightblue\:st, html.dark .sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:0\:st, html.dark .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:5\:st, html.dark .sf-c-txt-midnightblue\:5\:st { color: hsl(240, 64%, 5%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:10\:st, html.dark .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:15\:st, html.dark .sf-c-txt-midnightblue\:15\:st { color: hsl(240, 64%, 15%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:20\:st, html.dark .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:25\:st, html.dark .sf-c-txt-midnightblue\:25\:st { color: hsl(240, 64%, 25%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:30\:st, html.dark .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:35\:st, html.dark .sf-c-txt-midnightblue\:35\:st { color: hsl(240, 64%, 35%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:40\:st, html.dark .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:45\:st, html.dark .sf-c-txt-midnightblue\:45\:st { color: hsl(240, 64%, 45%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:50\:st, html.dark .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:55\:st, html.dark .sf-c-txt-midnightblue\:55\:st { color: hsl(240, 64%, 55%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:60\:st, html.dark .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:65\:st, html.dark .sf-c-txt-midnightblue\:65\:st { color: hsl(240, 64%, 65%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:70\:st, html.dark .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:75\:st, html.dark .sf-c-txt-midnightblue\:75\:st { color: hsl(240, 64%, 75%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:80\:st, html.dark .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:85\:st, html.dark .sf-c-txt-midnightblue\:85\:st { color: hsl(240, 64%, 85%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:90\:st, html.dark .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:95\:st, html.dark .sf-c-txt-midnightblue\:95\:st { color: hsl(240, 64%, 95%) } -html[data-theme='dark'] .sf-c-txt-midnightblue\:100\:st, html.dark .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-midnightblue, html.auto .sf-c-midnightblue { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 73%) } - html[data-theme='auto'] .sf-c-midnightblue\:0, html.auto .sf-c-midnightblue\:0 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } - html[data-theme='auto'] .sf-c-midnightblue\:5, html.auto .sf-c-midnightblue\:5 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } - html[data-theme='auto'] .sf-c-midnightblue\:10, html.auto .sf-c-midnightblue\:10 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-midnightblue\:15, html.auto .sf-c-midnightblue\:15 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 85%) } - html[data-theme='auto'] .sf-c-midnightblue\:20, html.auto .sf-c-midnightblue\:20 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-midnightblue\:25, html.auto .sf-c-midnightblue\:25 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 75%) } - html[data-theme='auto'] .sf-c-midnightblue\:30, html.auto .sf-c-midnightblue\:30 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-midnightblue\:35, html.auto .sf-c-midnightblue\:35 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 65%) } - html[data-theme='auto'] .sf-c-midnightblue\:40, html.auto .sf-c-midnightblue\:40 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-midnightblue\:45, html.auto .sf-c-midnightblue\:45 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 55%) } - html[data-theme='auto'] .sf-c-midnightblue\:50, html.auto .sf-c-midnightblue\:50 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-midnightblue\:55, html.auto .sf-c-midnightblue\:55 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 45%) } - html[data-theme='auto'] .sf-c-midnightblue\:60, html.auto .sf-c-midnightblue\:60 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-midnightblue\:65, html.auto .sf-c-midnightblue\:65 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 35%) } - html[data-theme='auto'] .sf-c-midnightblue\:70, html.auto .sf-c-midnightblue\:70 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-midnightblue\:75, html.auto .sf-c-midnightblue\:75 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 25%) } - html[data-theme='auto'] .sf-c-midnightblue\:80, html.auto .sf-c-midnightblue\:80 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-midnightblue\:85, html.auto .sf-c-midnightblue\:85 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 15%) } - html[data-theme='auto'] .sf-c-midnightblue\:90, html.auto .sf-c-midnightblue\:90 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-midnightblue\:95, html.auto .sf-c-midnightblue\:95 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } - html[data-theme='auto'] .sf-c-midnightblue\:100, html.auto .sf-c-midnightblue\:100 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } - - html[data-theme='auto'] .sf-c-midnightblue\:st, html.auto .sf-c-midnightblue\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 27%) } - html[data-theme='auto'] .sf-c-midnightblue\:0\:st, html.auto .sf-c-midnightblue\:0\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } - html[data-theme='auto'] .sf-c-midnightblue\:5\:st, html.auto .sf-c-midnightblue\:5\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } - html[data-theme='auto'] .sf-c-midnightblue\:10\:st, html.auto .sf-c-midnightblue\:10\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-midnightblue\:15\:st, html.auto .sf-c-midnightblue\:15\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 15%) } - html[data-theme='auto'] .sf-c-midnightblue\:20\:st, html.auto .sf-c-midnightblue\:20\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-midnightblue\:25\:st, html.auto .sf-c-midnightblue\:25\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 25%) } - html[data-theme='auto'] .sf-c-midnightblue\:30\:st, html.auto .sf-c-midnightblue\:30\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-midnightblue\:35\:st, html.auto .sf-c-midnightblue\:35\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 35%) } - html[data-theme='auto'] .sf-c-midnightblue\:40\:st, html.auto .sf-c-midnightblue\:40\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-midnightblue\:45\:st, html.auto .sf-c-midnightblue\:45\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 45%) } - html[data-theme='auto'] .sf-c-midnightblue\:50\:st, html.auto .sf-c-midnightblue\:50\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-midnightblue\:55\:st, html.auto .sf-c-midnightblue\:55\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 55%) } - html[data-theme='auto'] .sf-c-midnightblue\:60\:st, html.auto .sf-c-midnightblue\:60\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-midnightblue\:65\:st, html.auto .sf-c-midnightblue\:65\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 65%) } - html[data-theme='auto'] .sf-c-midnightblue\:70\:st, html.auto .sf-c-midnightblue\:70\:st { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-midnightblue\:75\:st, html.auto .sf-c-midnightblue\:75\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 75%) } - html[data-theme='auto'] .sf-c-midnightblue\:80\:st, html.auto .sf-c-midnightblue\:80\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-midnightblue\:85\:st, html.auto .sf-c-midnightblue\:85\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 85%) } - html[data-theme='auto'] .sf-c-midnightblue\:90\:st, html.auto .sf-c-midnightblue\:90\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-midnightblue\:95\:st, html.auto .sf-c-midnightblue\:95\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } - html[data-theme='auto'] .sf-c-midnightblue\:100\:st, html.auto .sf-c-midnightblue\:100\:st { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } - - html[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:5, html.auto .sf-c-txt-midnightblue\:5 { color: hsl(240, 64%, 95%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:15, html.auto .sf-c-txt-midnightblue\:15 { color: hsl(240, 64%, 85%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:25, html.auto .sf-c-txt-midnightblue\:25 { color: hsl(240, 64%, 75%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:35, html.auto .sf-c-txt-midnightblue\:35 { color: hsl(240, 64%, 65%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:45, html.auto .sf-c-txt-midnightblue\:45 { color: hsl(240, 64%, 55%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:55, html.auto .sf-c-txt-midnightblue\:55 { color: hsl(240, 64%, 45%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:65, html.auto .sf-c-txt-midnightblue\:65 { color: hsl(240, 64%, 35%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:75, html.auto .sf-c-txt-midnightblue\:75 { color: hsl(240, 64%, 25%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:85, html.auto .sf-c-txt-midnightblue\:85 { color: hsl(240, 64%, 15%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:95, html.auto .sf-c-txt-midnightblue\:95 { color: hsl(240, 64%, 5%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } - - html[data-theme='auto'] .sf-c-txt-midnightblue\:st, html.auto .sf-c-txt-midnightblue\:st { color: hsl(240, 64%, 27%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:0\:st, html.auto .sf-c-txt-midnightblue\:0\:st { color: hsl(240, 64%, 0%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:5\:st, html.auto .sf-c-txt-midnightblue\:5\:st { color: hsl(240, 64%, 5%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:10\:st, html.auto .sf-c-txt-midnightblue\:10\:st { color: hsl(240, 64%, 10%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:15\:st, html.auto .sf-c-txt-midnightblue\:15\:st { color: hsl(240, 64%, 15%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:20\:st, html.auto .sf-c-txt-midnightblue\:20\:st { color: hsl(240, 64%, 20%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:25\:st, html.auto .sf-c-txt-midnightblue\:25\:st { color: hsl(240, 64%, 25%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:30\:st, html.auto .sf-c-txt-midnightblue\:30\:st { color: hsl(240, 64%, 30%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:35\:st, html.auto .sf-c-txt-midnightblue\:35\:st { color: hsl(240, 64%, 35%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:40\:st, html.auto .sf-c-txt-midnightblue\:40\:st { color: hsl(240, 64%, 40%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:45\:st, html.auto .sf-c-txt-midnightblue\:45\:st { color: hsl(240, 64%, 45%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:50\:st, html.auto .sf-c-txt-midnightblue\:50\:st { color: hsl(240, 64%, 50%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:55\:st, html.auto .sf-c-txt-midnightblue\:55\:st { color: hsl(240, 64%, 55%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:60\:st, html.auto .sf-c-txt-midnightblue\:60\:st { color: hsl(240, 64%, 60%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:65\:st, html.auto .sf-c-txt-midnightblue\:65\:st { color: hsl(240, 64%, 65%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:70\:st, html.auto .sf-c-txt-midnightblue\:70\:st { color: hsl(240, 64%, 70%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:75\:st, html.auto .sf-c-txt-midnightblue\:75\:st { color: hsl(240, 64%, 75%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:80\:st, html.auto .sf-c-txt-midnightblue\:80\:st { color: hsl(240, 64%, 80%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:85\:st, html.auto .sf-c-txt-midnightblue\:85\:st { color: hsl(240, 64%, 85%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:90\:st, html.auto .sf-c-txt-midnightblue\:90\:st { color: hsl(240, 64%, 90%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:95\:st, html.auto .sf-c-txt-midnightblue\:95\:st { color: hsl(240, 64%, 95%) } - html[data-theme='auto'] .sf-c-txt-midnightblue\:100\:st, html.auto .sf-c-txt-midnightblue\:100\:st { color: hsl(240, 64%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mintcream.css b/src/colors/20/mintcream.css deleted file mode 100644 index d15ae63..0000000 --- a/src/colors/20/mintcream.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mintcream { - --sf-c-mintcream: 150 100% 98%; - --sf-c-mintcream-0: 150 100% 0%; - --sf-c-mintcream-5: 150 100% 5%; - --sf-c-mintcream-10: 150 100% 10%; - --sf-c-mintcream-15: 150 100% 15%; - --sf-c-mintcream-20: 150 100% 20%; - --sf-c-mintcream-25: 150 100% 25%; - --sf-c-mintcream-30: 150 100% 30%; - --sf-c-mintcream-35: 150 100% 35%; - --sf-c-mintcream-40: 150 100% 40%; - --sf-c-mintcream-45: 150 100% 45%; - --sf-c-mintcream-50: 150 100% 50%; - --sf-c-mintcream-55: 150 100% 55%; - --sf-c-mintcream-60: 150 100% 60%; - --sf-c-mintcream-65: 150 100% 65%; - --sf-c-mintcream-70: 150 100% 70%; - --sf-c-mintcream-75: 150 100% 75%; - --sf-c-mintcream-80: 150 100% 80%; - --sf-c-mintcream-85: 150 100% 85%; - --sf-c-mintcream-90: 150 100% 90%; - --sf-c-mintcream-95: 150 100% 95%; - --sf-c-mintcream-100: 150 100% 100%; -} - -.sf-c-mintcream, .sf-c-mintcream\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 98%) } -.sf-c-mintcream\:0, .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -.sf-c-mintcream\:5, .sf-c-mintcream\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -.sf-c-mintcream\:10, .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -.sf-c-mintcream\:15, .sf-c-mintcream\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -.sf-c-mintcream\:20, .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -.sf-c-mintcream\:25, .sf-c-mintcream\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -.sf-c-mintcream\:30, .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -.sf-c-mintcream\:35, .sf-c-mintcream\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -.sf-c-mintcream\:40, .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -.sf-c-mintcream\:45, .sf-c-mintcream\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -.sf-c-mintcream\:50, .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -.sf-c-mintcream\:55, .sf-c-mintcream\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -.sf-c-mintcream\:60, .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -.sf-c-mintcream\:65, .sf-c-mintcream\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -.sf-c-mintcream\:70, .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -.sf-c-mintcream\:75, .sf-c-mintcream\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -.sf-c-mintcream\:80, .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -.sf-c-mintcream\:85, .sf-c-mintcream\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -.sf-c-mintcream\:90, .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -.sf-c-mintcream\:95, .sf-c-mintcream\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -.sf-c-mintcream\:100, .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - -.sf-c-txt-mintcream { color: hsl(150, 100%, 10%) } -.sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } -.sf-c-txt-mintcream\:0, .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } -.sf-c-txt-mintcream\:5, .sf-c-txt-mintcream\:5\:st { color: hsl(150, 100%, 5%) } -.sf-c-txt-mintcream\:10, .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } -.sf-c-txt-mintcream\:15, .sf-c-txt-mintcream\:15\:st { color: hsl(150, 100%, 15%) } -.sf-c-txt-mintcream\:20, .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } -.sf-c-txt-mintcream\:25, .sf-c-txt-mintcream\:25\:st { color: hsl(150, 100%, 25%) } -.sf-c-txt-mintcream\:30, .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } -.sf-c-txt-mintcream\:35, .sf-c-txt-mintcream\:35\:st { color: hsl(150, 100%, 35%) } -.sf-c-txt-mintcream\:40, .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } -.sf-c-txt-mintcream\:45, .sf-c-txt-mintcream\:45\:st { color: hsl(150, 100%, 45%) } -.sf-c-txt-mintcream\:50, .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-mintcream\:55, .sf-c-txt-mintcream\:55\:st { color: hsl(150, 100%, 55%) } -.sf-c-txt-mintcream\:60, .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } -.sf-c-txt-mintcream\:65, .sf-c-txt-mintcream\:65\:st { color: hsl(150, 100%, 65%) } -.sf-c-txt-mintcream\:70, .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } -.sf-c-txt-mintcream\:75, .sf-c-txt-mintcream\:75\:st { color: hsl(150, 100%, 75%) } -.sf-c-txt-mintcream\:80, .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } -.sf-c-txt-mintcream\:85, .sf-c-txt-mintcream\:85\:st { color: hsl(150, 100%, 85%) } -.sf-c-txt-mintcream\:90, .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } -.sf-c-txt-mintcream\:95, .sf-c-txt-mintcream\:95\:st { color: hsl(150, 100%, 95%) } -.sf-c-txt-mintcream\:100, .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mintcream, html.dark .sf-c-mintcream { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 2%) } -html[data-theme='dark'] .sf-c-mintcream\:0, html.dark .sf-c-mintcream\:0 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-mintcream\:5, html.dark .sf-c-mintcream\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-mintcream\:10, html.dark .sf-c-mintcream\:10 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-mintcream\:15, html.dark .sf-c-mintcream\:15 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-mintcream\:20, html.dark .sf-c-mintcream\:20 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-mintcream\:25, html.dark .sf-c-mintcream\:25 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-mintcream\:30, html.dark .sf-c-mintcream\:30 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-mintcream\:35, html.dark .sf-c-mintcream\:35 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-mintcream\:40, html.dark .sf-c-mintcream\:40 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-mintcream\:45, html.dark .sf-c-mintcream\:45 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-mintcream\:50, html.dark .sf-c-mintcream\:50 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-mintcream\:55, html.dark .sf-c-mintcream\:55 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-mintcream\:60, html.dark .sf-c-mintcream\:60 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-mintcream\:65, html.dark .sf-c-mintcream\:65 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-mintcream\:70, html.dark .sf-c-mintcream\:70 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-mintcream\:75, html.dark .sf-c-mintcream\:75 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-mintcream\:80, html.dark .sf-c-mintcream\:80 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-mintcream\:85, html.dark .sf-c-mintcream\:85 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-mintcream\:90, html.dark .sf-c-mintcream\:90 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-mintcream\:95, html.dark .sf-c-mintcream\:95 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-mintcream\:100, html.dark .sf-c-mintcream\:100 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mintcream\:st, html.dark .sf-c-mintcream\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-mintcream\:0\:st, html.dark .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-mintcream\:5\:st, html.dark .sf-c-mintcream\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-mintcream\:10\:st, html.dark .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-mintcream\:15\:st, html.dark .sf-c-mintcream\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-mintcream\:20\:st, html.dark .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-mintcream\:25\:st, html.dark .sf-c-mintcream\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-mintcream\:30\:st, html.dark .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-mintcream\:35\:st, html.dark .sf-c-mintcream\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-mintcream\:40\:st, html.dark .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-mintcream\:45\:st, html.dark .sf-c-mintcream\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-mintcream\:50\:st, html.dark .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-mintcream\:55\:st, html.dark .sf-c-mintcream\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-mintcream\:60\:st, html.dark .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-mintcream\:65\:st, html.dark .sf-c-mintcream\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-mintcream\:70\:st, html.dark .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-mintcream\:75\:st, html.dark .sf-c-mintcream\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-mintcream\:80\:st, html.dark .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-mintcream\:85\:st, html.dark .sf-c-mintcream\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-mintcream\:90\:st, html.dark .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-mintcream\:95\:st, html.dark .sf-c-mintcream\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-mintcream\:100\:st, html.dark .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:5, html.dark .sf-c-txt-mintcream\:5 { color: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:15, html.dark .sf-c-txt-mintcream\:15 { color: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:25, html.dark .sf-c-txt-mintcream\:25 { color: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:35, html.dark .sf-c-txt-mintcream\:35 { color: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:45, html.dark .sf-c-txt-mintcream\:45 { color: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:55, html.dark .sf-c-txt-mintcream\:55 { color: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:65, html.dark .sf-c-txt-mintcream\:65 { color: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:75, html.dark .sf-c-txt-mintcream\:75 { color: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:85, html.dark .sf-c-txt-mintcream\:85 { color: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:95, html.dark .sf-c-txt-mintcream\:95 { color: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mintcream\:st, html.dark .sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:0\:st, html.dark .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:5\:st, html.dark .sf-c-txt-mintcream\:5\:st { color: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:10\:st, html.dark .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:15\:st, html.dark .sf-c-txt-mintcream\:15\:st { color: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:20\:st, html.dark .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:25\:st, html.dark .sf-c-txt-mintcream\:25\:st { color: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:30\:st, html.dark .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:35\:st, html.dark .sf-c-txt-mintcream\:35\:st { color: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:40\:st, html.dark .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:45\:st, html.dark .sf-c-txt-mintcream\:45\:st { color: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:50\:st, html.dark .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:55\:st, html.dark .sf-c-txt-mintcream\:55\:st { color: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:60\:st, html.dark .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:65\:st, html.dark .sf-c-txt-mintcream\:65\:st { color: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:70\:st, html.dark .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:75\:st, html.dark .sf-c-txt-mintcream\:75\:st { color: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:80\:st, html.dark .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:85\:st, html.dark .sf-c-txt-mintcream\:85\:st { color: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:90\:st, html.dark .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:95\:st, html.dark .sf-c-txt-mintcream\:95\:st { color: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mintcream\:100\:st, html.dark .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mintcream, html.auto .sf-c-mintcream { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 2%) } - html[data-theme='auto'] .sf-c-mintcream\:0, html.auto .sf-c-mintcream\:0 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-mintcream\:5, html.auto .sf-c-mintcream\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-mintcream\:10, html.auto .sf-c-mintcream\:10 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-mintcream\:15, html.auto .sf-c-mintcream\:15 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-mintcream\:20, html.auto .sf-c-mintcream\:20 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-mintcream\:25, html.auto .sf-c-mintcream\:25 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-mintcream\:30, html.auto .sf-c-mintcream\:30 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-mintcream\:35, html.auto .sf-c-mintcream\:35 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-mintcream\:40, html.auto .sf-c-mintcream\:40 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-mintcream\:45, html.auto .sf-c-mintcream\:45 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-mintcream\:50, html.auto .sf-c-mintcream\:50 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-mintcream\:55, html.auto .sf-c-mintcream\:55 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-mintcream\:60, html.auto .sf-c-mintcream\:60 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-mintcream\:65, html.auto .sf-c-mintcream\:65 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-mintcream\:70, html.auto .sf-c-mintcream\:70 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-mintcream\:75, html.auto .sf-c-mintcream\:75 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-mintcream\:80, html.auto .sf-c-mintcream\:80 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-mintcream\:85, html.auto .sf-c-mintcream\:85 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-mintcream\:90, html.auto .sf-c-mintcream\:90 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-mintcream\:95, html.auto .sf-c-mintcream\:95 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-mintcream\:100, html.auto .sf-c-mintcream\:100 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mintcream\:st, html.auto .sf-c-mintcream\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-mintcream\:0\:st, html.auto .sf-c-mintcream\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-mintcream\:5\:st, html.auto .sf-c-mintcream\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-mintcream\:10\:st, html.auto .sf-c-mintcream\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-mintcream\:15\:st, html.auto .sf-c-mintcream\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-mintcream\:20\:st, html.auto .sf-c-mintcream\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-mintcream\:25\:st, html.auto .sf-c-mintcream\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-mintcream\:30\:st, html.auto .sf-c-mintcream\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-mintcream\:35\:st, html.auto .sf-c-mintcream\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-mintcream\:40\:st, html.auto .sf-c-mintcream\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-mintcream\:45\:st, html.auto .sf-c-mintcream\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-mintcream\:50\:st, html.auto .sf-c-mintcream\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-mintcream\:55\:st, html.auto .sf-c-mintcream\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-mintcream\:60\:st, html.auto .sf-c-mintcream\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-mintcream\:65\:st, html.auto .sf-c-mintcream\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-mintcream\:70\:st, html.auto .sf-c-mintcream\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-mintcream\:75\:st, html.auto .sf-c-mintcream\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-mintcream\:80\:st, html.auto .sf-c-mintcream\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-mintcream\:85\:st, html.auto .sf-c-mintcream\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-mintcream\:90\:st, html.auto .sf-c-mintcream\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-mintcream\:95\:st, html.auto .sf-c-mintcream\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-mintcream\:100\:st, html.auto .sf-c-mintcream\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:5, html.auto .sf-c-txt-mintcream\:5 { color: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:15, html.auto .sf-c-txt-mintcream\:15 { color: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:25, html.auto .sf-c-txt-mintcream\:25 { color: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:35, html.auto .sf-c-txt-mintcream\:35 { color: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:45, html.auto .sf-c-txt-mintcream\:45 { color: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:55, html.auto .sf-c-txt-mintcream\:55 { color: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:65, html.auto .sf-c-txt-mintcream\:65 { color: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:75, html.auto .sf-c-txt-mintcream\:75 { color: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:85, html.auto .sf-c-txt-mintcream\:85 { color: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:95, html.auto .sf-c-txt-mintcream\:95 { color: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mintcream\:st, html.auto .sf-c-txt-mintcream\:st { color: hsl(150, 100%, 98%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:0\:st, html.auto .sf-c-txt-mintcream\:0\:st { color: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:5\:st, html.auto .sf-c-txt-mintcream\:5\:st { color: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:10\:st, html.auto .sf-c-txt-mintcream\:10\:st { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:15\:st, html.auto .sf-c-txt-mintcream\:15\:st { color: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:20\:st, html.auto .sf-c-txt-mintcream\:20\:st { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:25\:st, html.auto .sf-c-txt-mintcream\:25\:st { color: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:30\:st, html.auto .sf-c-txt-mintcream\:30\:st { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:35\:st, html.auto .sf-c-txt-mintcream\:35\:st { color: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:40\:st, html.auto .sf-c-txt-mintcream\:40\:st { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:45\:st, html.auto .sf-c-txt-mintcream\:45\:st { color: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:50\:st, html.auto .sf-c-txt-mintcream\:50\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:55\:st, html.auto .sf-c-txt-mintcream\:55\:st { color: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:60\:st, html.auto .sf-c-txt-mintcream\:60\:st { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:65\:st, html.auto .sf-c-txt-mintcream\:65\:st { color: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:70\:st, html.auto .sf-c-txt-mintcream\:70\:st { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:75\:st, html.auto .sf-c-txt-mintcream\:75\:st { color: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:80\:st, html.auto .sf-c-txt-mintcream\:80\:st { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:85\:st, html.auto .sf-c-txt-mintcream\:85\:st { color: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:90\:st, html.auto .sf-c-txt-mintcream\:90\:st { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:95\:st, html.auto .sf-c-txt-mintcream\:95\:st { color: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mintcream\:100\:st, html.auto .sf-c-txt-mintcream\:100\:st { color: hsl(150, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/mistyrose.css b/src/colors/20/mistyrose.css deleted file mode 100644 index ed3f1c3..0000000 --- a/src/colors/20/mistyrose.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-mistyrose { - --sf-c-mistyrose: 6 100% 94%; - --sf-c-mistyrose-0: 6 100% 0%; - --sf-c-mistyrose-5: 6 100% 5%; - --sf-c-mistyrose-10: 6 100% 10%; - --sf-c-mistyrose-15: 6 100% 15%; - --sf-c-mistyrose-20: 6 100% 20%; - --sf-c-mistyrose-25: 6 100% 25%; - --sf-c-mistyrose-30: 6 100% 30%; - --sf-c-mistyrose-35: 6 100% 35%; - --sf-c-mistyrose-40: 6 100% 40%; - --sf-c-mistyrose-45: 6 100% 45%; - --sf-c-mistyrose-50: 6 100% 50%; - --sf-c-mistyrose-55: 6 100% 55%; - --sf-c-mistyrose-60: 6 100% 60%; - --sf-c-mistyrose-65: 6 100% 65%; - --sf-c-mistyrose-70: 6 100% 70%; - --sf-c-mistyrose-75: 6 100% 75%; - --sf-c-mistyrose-80: 6 100% 80%; - --sf-c-mistyrose-85: 6 100% 85%; - --sf-c-mistyrose-90: 6 100% 90%; - --sf-c-mistyrose-95: 6 100% 95%; - --sf-c-mistyrose-100: 6 100% 100%; -} - -.sf-c-mistyrose, .sf-c-mistyrose\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 94%) } -.sf-c-mistyrose\:0, .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } -.sf-c-mistyrose\:5, .sf-c-mistyrose\:5\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } -.sf-c-mistyrose\:10, .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } -.sf-c-mistyrose\:15, .sf-c-mistyrose\:15\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 15%) } -.sf-c-mistyrose\:20, .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 20%) } -.sf-c-mistyrose\:25, .sf-c-mistyrose\:25\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 25%) } -.sf-c-mistyrose\:30, .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 30%) } -.sf-c-mistyrose\:35, .sf-c-mistyrose\:35\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 35%) } -.sf-c-mistyrose\:40, .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 40%) } -.sf-c-mistyrose\:45, .sf-c-mistyrose\:45\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 45%) } -.sf-c-mistyrose\:50, .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 50%) } -.sf-c-mistyrose\:55, .sf-c-mistyrose\:55\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 55%) } -.sf-c-mistyrose\:60, .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 60%) } -.sf-c-mistyrose\:65, .sf-c-mistyrose\:65\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 65%) } -.sf-c-mistyrose\:70, .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 70%) } -.sf-c-mistyrose\:75, .sf-c-mistyrose\:75\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 75%) } -.sf-c-mistyrose\:80, .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 80%) } -.sf-c-mistyrose\:85, .sf-c-mistyrose\:85\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 85%) } -.sf-c-mistyrose\:90, .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 90%) } -.sf-c-mistyrose\:95, .sf-c-mistyrose\:95\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } -.sf-c-mistyrose\:100, .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } - -.sf-c-txt-mistyrose { color: hsl(6, 100%, 10%) } -.sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } -.sf-c-txt-mistyrose\:0, .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } -.sf-c-txt-mistyrose\:5, .sf-c-txt-mistyrose\:5\:st { color: hsl(6, 100%, 5%) } -.sf-c-txt-mistyrose\:10, .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } -.sf-c-txt-mistyrose\:15, .sf-c-txt-mistyrose\:15\:st { color: hsl(6, 100%, 15%) } -.sf-c-txt-mistyrose\:20, .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } -.sf-c-txt-mistyrose\:25, .sf-c-txt-mistyrose\:25\:st { color: hsl(6, 100%, 25%) } -.sf-c-txt-mistyrose\:30, .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } -.sf-c-txt-mistyrose\:35, .sf-c-txt-mistyrose\:35\:st { color: hsl(6, 100%, 35%) } -.sf-c-txt-mistyrose\:40, .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } -.sf-c-txt-mistyrose\:45, .sf-c-txt-mistyrose\:45\:st { color: hsl(6, 100%, 45%) } -.sf-c-txt-mistyrose\:50, .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } -.sf-c-txt-mistyrose\:55, .sf-c-txt-mistyrose\:55\:st { color: hsl(6, 100%, 55%) } -.sf-c-txt-mistyrose\:60, .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } -.sf-c-txt-mistyrose\:65, .sf-c-txt-mistyrose\:65\:st { color: hsl(6, 100%, 65%) } -.sf-c-txt-mistyrose\:70, .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } -.sf-c-txt-mistyrose\:75, .sf-c-txt-mistyrose\:75\:st { color: hsl(6, 100%, 75%) } -.sf-c-txt-mistyrose\:80, .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } -.sf-c-txt-mistyrose\:85, .sf-c-txt-mistyrose\:85\:st { color: hsl(6, 100%, 85%) } -.sf-c-txt-mistyrose\:90, .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } -.sf-c-txt-mistyrose\:95, .sf-c-txt-mistyrose\:95\:st { color: hsl(6, 100%, 95%) } -.sf-c-txt-mistyrose\:100, .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } - -html[data-theme='dark'] .sf-c-mistyrose, html.dark .sf-c-mistyrose { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 6%) } -html[data-theme='dark'] .sf-c-mistyrose\:0, html.dark .sf-c-mistyrose\:0 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } -html[data-theme='dark'] .sf-c-mistyrose\:5, html.dark .sf-c-mistyrose\:5 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } -html[data-theme='dark'] .sf-c-mistyrose\:10, html.dark .sf-c-mistyrose\:10 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-mistyrose\:15, html.dark .sf-c-mistyrose\:15 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 85%) } -html[data-theme='dark'] .sf-c-mistyrose\:20, html.dark .sf-c-mistyrose\:20 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-mistyrose\:25, html.dark .sf-c-mistyrose\:25 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 75%) } -html[data-theme='dark'] .sf-c-mistyrose\:30, html.dark .sf-c-mistyrose\:30 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-mistyrose\:35, html.dark .sf-c-mistyrose\:35 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 65%) } -html[data-theme='dark'] .sf-c-mistyrose\:40, html.dark .sf-c-mistyrose\:40 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-mistyrose\:45, html.dark .sf-c-mistyrose\:45 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 55%) } -html[data-theme='dark'] .sf-c-mistyrose\:50, html.dark .sf-c-mistyrose\:50 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-mistyrose\:55, html.dark .sf-c-mistyrose\:55 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 45%) } -html[data-theme='dark'] .sf-c-mistyrose\:60, html.dark .sf-c-mistyrose\:60 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-mistyrose\:65, html.dark .sf-c-mistyrose\:65 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 35%) } -html[data-theme='dark'] .sf-c-mistyrose\:70, html.dark .sf-c-mistyrose\:70 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-mistyrose\:75, html.dark .sf-c-mistyrose\:75 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 25%) } -html[data-theme='dark'] .sf-c-mistyrose\:80, html.dark .sf-c-mistyrose\:80 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-mistyrose\:85, html.dark .sf-c-mistyrose\:85 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 15%) } -html[data-theme='dark'] .sf-c-mistyrose\:90, html.dark .sf-c-mistyrose\:90 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-mistyrose\:95, html.dark .sf-c-mistyrose\:95 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } -html[data-theme='dark'] .sf-c-mistyrose\:100, html.dark .sf-c-mistyrose\:100 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } - -html[data-theme='dark'] .sf-c-mistyrose\:st, html.dark .sf-c-mistyrose\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-mistyrose\:0\:st, html.dark .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } -html[data-theme='dark'] .sf-c-mistyrose\:5\:st, html.dark .sf-c-mistyrose\:5\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } -html[data-theme='dark'] .sf-c-mistyrose\:10\:st, html.dark .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-mistyrose\:15\:st, html.dark .sf-c-mistyrose\:15\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 15%) } -html[data-theme='dark'] .sf-c-mistyrose\:20\:st, html.dark .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-mistyrose\:25\:st, html.dark .sf-c-mistyrose\:25\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 25%) } -html[data-theme='dark'] .sf-c-mistyrose\:30\:st, html.dark .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-mistyrose\:35\:st, html.dark .sf-c-mistyrose\:35\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 35%) } -html[data-theme='dark'] .sf-c-mistyrose\:40\:st, html.dark .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-mistyrose\:45\:st, html.dark .sf-c-mistyrose\:45\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 45%) } -html[data-theme='dark'] .sf-c-mistyrose\:50\:st, html.dark .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-mistyrose\:55\:st, html.dark .sf-c-mistyrose\:55\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 55%) } -html[data-theme='dark'] .sf-c-mistyrose\:60\:st, html.dark .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-mistyrose\:65\:st, html.dark .sf-c-mistyrose\:65\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 65%) } -html[data-theme='dark'] .sf-c-mistyrose\:70\:st, html.dark .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-mistyrose\:75\:st, html.dark .sf-c-mistyrose\:75\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 75%) } -html[data-theme='dark'] .sf-c-mistyrose\:80\:st, html.dark .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-mistyrose\:85\:st, html.dark .sf-c-mistyrose\:85\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 85%) } -html[data-theme='dark'] .sf-c-mistyrose\:90\:st, html.dark .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-mistyrose\:95\:st, html.dark .sf-c-mistyrose\:95\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } -html[data-theme='dark'] .sf-c-mistyrose\:100\:st, html.dark .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:5, html.dark .sf-c-txt-mistyrose\:5 { color: hsl(6, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:15, html.dark .sf-c-txt-mistyrose\:15 { color: hsl(6, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:25, html.dark .sf-c-txt-mistyrose\:25 { color: hsl(6, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:35, html.dark .sf-c-txt-mistyrose\:35 { color: hsl(6, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:45, html.dark .sf-c-txt-mistyrose\:45 { color: hsl(6, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:55, html.dark .sf-c-txt-mistyrose\:55 { color: hsl(6, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:65, html.dark .sf-c-txt-mistyrose\:65 { color: hsl(6, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:75, html.dark .sf-c-txt-mistyrose\:75 { color: hsl(6, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:85, html.dark .sf-c-txt-mistyrose\:85 { color: hsl(6, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:95, html.dark .sf-c-txt-mistyrose\:95 { color: hsl(6, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-mistyrose\:st, html.dark .sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:0\:st, html.dark .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:5\:st, html.dark .sf-c-txt-mistyrose\:5\:st { color: hsl(6, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:10\:st, html.dark .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:15\:st, html.dark .sf-c-txt-mistyrose\:15\:st { color: hsl(6, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:20\:st, html.dark .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:25\:st, html.dark .sf-c-txt-mistyrose\:25\:st { color: hsl(6, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:30\:st, html.dark .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:35\:st, html.dark .sf-c-txt-mistyrose\:35\:st { color: hsl(6, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:40\:st, html.dark .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:45\:st, html.dark .sf-c-txt-mistyrose\:45\:st { color: hsl(6, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:50\:st, html.dark .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:55\:st, html.dark .sf-c-txt-mistyrose\:55\:st { color: hsl(6, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:60\:st, html.dark .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:65\:st, html.dark .sf-c-txt-mistyrose\:65\:st { color: hsl(6, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:70\:st, html.dark .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:75\:st, html.dark .sf-c-txt-mistyrose\:75\:st { color: hsl(6, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:80\:st, html.dark .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:85\:st, html.dark .sf-c-txt-mistyrose\:85\:st { color: hsl(6, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:90\:st, html.dark .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:95\:st, html.dark .sf-c-txt-mistyrose\:95\:st { color: hsl(6, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-mistyrose\:100\:st, html.dark .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-mistyrose, html.auto .sf-c-mistyrose { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 6%) } - html[data-theme='auto'] .sf-c-mistyrose\:0, html.auto .sf-c-mistyrose\:0 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } - html[data-theme='auto'] .sf-c-mistyrose\:5, html.auto .sf-c-mistyrose\:5 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } - html[data-theme='auto'] .sf-c-mistyrose\:10, html.auto .sf-c-mistyrose\:10 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-mistyrose\:15, html.auto .sf-c-mistyrose\:15 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 85%) } - html[data-theme='auto'] .sf-c-mistyrose\:20, html.auto .sf-c-mistyrose\:20 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-mistyrose\:25, html.auto .sf-c-mistyrose\:25 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 75%) } - html[data-theme='auto'] .sf-c-mistyrose\:30, html.auto .sf-c-mistyrose\:30 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-mistyrose\:35, html.auto .sf-c-mistyrose\:35 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 65%) } - html[data-theme='auto'] .sf-c-mistyrose\:40, html.auto .sf-c-mistyrose\:40 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-mistyrose\:45, html.auto .sf-c-mistyrose\:45 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 55%) } - html[data-theme='auto'] .sf-c-mistyrose\:50, html.auto .sf-c-mistyrose\:50 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-mistyrose\:55, html.auto .sf-c-mistyrose\:55 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 45%) } - html[data-theme='auto'] .sf-c-mistyrose\:60, html.auto .sf-c-mistyrose\:60 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-mistyrose\:65, html.auto .sf-c-mistyrose\:65 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 35%) } - html[data-theme='auto'] .sf-c-mistyrose\:70, html.auto .sf-c-mistyrose\:70 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-mistyrose\:75, html.auto .sf-c-mistyrose\:75 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 25%) } - html[data-theme='auto'] .sf-c-mistyrose\:80, html.auto .sf-c-mistyrose\:80 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-mistyrose\:85, html.auto .sf-c-mistyrose\:85 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 15%) } - html[data-theme='auto'] .sf-c-mistyrose\:90, html.auto .sf-c-mistyrose\:90 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-mistyrose\:95, html.auto .sf-c-mistyrose\:95 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } - html[data-theme='auto'] .sf-c-mistyrose\:100, html.auto .sf-c-mistyrose\:100 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } - - html[data-theme='auto'] .sf-c-mistyrose\:st, html.auto .sf-c-mistyrose\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-mistyrose\:0\:st, html.auto .sf-c-mistyrose\:0\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } - html[data-theme='auto'] .sf-c-mistyrose\:5\:st, html.auto .sf-c-mistyrose\:5\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } - html[data-theme='auto'] .sf-c-mistyrose\:10\:st, html.auto .sf-c-mistyrose\:10\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-mistyrose\:15\:st, html.auto .sf-c-mistyrose\:15\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 15%) } - html[data-theme='auto'] .sf-c-mistyrose\:20\:st, html.auto .sf-c-mistyrose\:20\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-mistyrose\:25\:st, html.auto .sf-c-mistyrose\:25\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 25%) } - html[data-theme='auto'] .sf-c-mistyrose\:30\:st, html.auto .sf-c-mistyrose\:30\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-mistyrose\:35\:st, html.auto .sf-c-mistyrose\:35\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 35%) } - html[data-theme='auto'] .sf-c-mistyrose\:40\:st, html.auto .sf-c-mistyrose\:40\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-mistyrose\:45\:st, html.auto .sf-c-mistyrose\:45\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 45%) } - html[data-theme='auto'] .sf-c-mistyrose\:50\:st, html.auto .sf-c-mistyrose\:50\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-mistyrose\:55\:st, html.auto .sf-c-mistyrose\:55\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 55%) } - html[data-theme='auto'] .sf-c-mistyrose\:60\:st, html.auto .sf-c-mistyrose\:60\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-mistyrose\:65\:st, html.auto .sf-c-mistyrose\:65\:st { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 65%) } - html[data-theme='auto'] .sf-c-mistyrose\:70\:st, html.auto .sf-c-mistyrose\:70\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-mistyrose\:75\:st, html.auto .sf-c-mistyrose\:75\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 75%) } - html[data-theme='auto'] .sf-c-mistyrose\:80\:st, html.auto .sf-c-mistyrose\:80\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-mistyrose\:85\:st, html.auto .sf-c-mistyrose\:85\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 85%) } - html[data-theme='auto'] .sf-c-mistyrose\:90\:st, html.auto .sf-c-mistyrose\:90\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-mistyrose\:95\:st, html.auto .sf-c-mistyrose\:95\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } - html[data-theme='auto'] .sf-c-mistyrose\:100\:st, html.auto .sf-c-mistyrose\:100\:st { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:5, html.auto .sf-c-txt-mistyrose\:5 { color: hsl(6, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:15, html.auto .sf-c-txt-mistyrose\:15 { color: hsl(6, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:25, html.auto .sf-c-txt-mistyrose\:25 { color: hsl(6, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:35, html.auto .sf-c-txt-mistyrose\:35 { color: hsl(6, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:45, html.auto .sf-c-txt-mistyrose\:45 { color: hsl(6, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:55, html.auto .sf-c-txt-mistyrose\:55 { color: hsl(6, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:65, html.auto .sf-c-txt-mistyrose\:65 { color: hsl(6, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:75, html.auto .sf-c-txt-mistyrose\:75 { color: hsl(6, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:85, html.auto .sf-c-txt-mistyrose\:85 { color: hsl(6, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:95, html.auto .sf-c-txt-mistyrose\:95 { color: hsl(6, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-mistyrose\:st, html.auto .sf-c-txt-mistyrose\:st { color: hsl(6, 100%, 94%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:0\:st, html.auto .sf-c-txt-mistyrose\:0\:st { color: hsl(6, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:5\:st, html.auto .sf-c-txt-mistyrose\:5\:st { color: hsl(6, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:10\:st, html.auto .sf-c-txt-mistyrose\:10\:st { color: hsl(6, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:15\:st, html.auto .sf-c-txt-mistyrose\:15\:st { color: hsl(6, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:20\:st, html.auto .sf-c-txt-mistyrose\:20\:st { color: hsl(6, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:25\:st, html.auto .sf-c-txt-mistyrose\:25\:st { color: hsl(6, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:30\:st, html.auto .sf-c-txt-mistyrose\:30\:st { color: hsl(6, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:35\:st, html.auto .sf-c-txt-mistyrose\:35\:st { color: hsl(6, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:40\:st, html.auto .sf-c-txt-mistyrose\:40\:st { color: hsl(6, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:45\:st, html.auto .sf-c-txt-mistyrose\:45\:st { color: hsl(6, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:50\:st, html.auto .sf-c-txt-mistyrose\:50\:st { color: hsl(6, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:55\:st, html.auto .sf-c-txt-mistyrose\:55\:st { color: hsl(6, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:60\:st, html.auto .sf-c-txt-mistyrose\:60\:st { color: hsl(6, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:65\:st, html.auto .sf-c-txt-mistyrose\:65\:st { color: hsl(6, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:70\:st, html.auto .sf-c-txt-mistyrose\:70\:st { color: hsl(6, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:75\:st, html.auto .sf-c-txt-mistyrose\:75\:st { color: hsl(6, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:80\:st, html.auto .sf-c-txt-mistyrose\:80\:st { color: hsl(6, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:85\:st, html.auto .sf-c-txt-mistyrose\:85\:st { color: hsl(6, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:90\:st, html.auto .sf-c-txt-mistyrose\:90\:st { color: hsl(6, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:95\:st, html.auto .sf-c-txt-mistyrose\:95\:st { color: hsl(6, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-mistyrose\:100\:st, html.auto .sf-c-txt-mistyrose\:100\:st { color: hsl(6, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/moccasin.css b/src/colors/20/moccasin.css deleted file mode 100644 index 3f455bc..0000000 --- a/src/colors/20/moccasin.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-moccasin { - --sf-c-moccasin: 38 100% 85%; - --sf-c-moccasin-0: 38 100% 0%; - --sf-c-moccasin-5: 38 100% 5%; - --sf-c-moccasin-10: 38 100% 10%; - --sf-c-moccasin-15: 38 100% 15%; - --sf-c-moccasin-20: 38 100% 20%; - --sf-c-moccasin-25: 38 100% 25%; - --sf-c-moccasin-30: 38 100% 30%; - --sf-c-moccasin-35: 38 100% 35%; - --sf-c-moccasin-40: 38 100% 40%; - --sf-c-moccasin-45: 38 100% 45%; - --sf-c-moccasin-50: 38 100% 50%; - --sf-c-moccasin-55: 38 100% 55%; - --sf-c-moccasin-60: 38 100% 60%; - --sf-c-moccasin-65: 38 100% 65%; - --sf-c-moccasin-70: 38 100% 70%; - --sf-c-moccasin-75: 38 100% 75%; - --sf-c-moccasin-80: 38 100% 80%; - --sf-c-moccasin-85: 38 100% 85%; - --sf-c-moccasin-90: 38 100% 90%; - --sf-c-moccasin-95: 38 100% 95%; - --sf-c-moccasin-100: 38 100% 100%; -} - -.sf-c-moccasin, .sf-c-moccasin\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } -.sf-c-moccasin\:0, .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } -.sf-c-moccasin\:5, .sf-c-moccasin\:5\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } -.sf-c-moccasin\:10, .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } -.sf-c-moccasin\:15, .sf-c-moccasin\:15\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } -.sf-c-moccasin\:20, .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 20%) } -.sf-c-moccasin\:25, .sf-c-moccasin\:25\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 25%) } -.sf-c-moccasin\:30, .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 30%) } -.sf-c-moccasin\:35, .sf-c-moccasin\:35\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 35%) } -.sf-c-moccasin\:40, .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 40%) } -.sf-c-moccasin\:45, .sf-c-moccasin\:45\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 45%) } -.sf-c-moccasin\:50, .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 50%) } -.sf-c-moccasin\:55, .sf-c-moccasin\:55\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 55%) } -.sf-c-moccasin\:60, .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 60%) } -.sf-c-moccasin\:65, .sf-c-moccasin\:65\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 65%) } -.sf-c-moccasin\:70, .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 70%) } -.sf-c-moccasin\:75, .sf-c-moccasin\:75\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 75%) } -.sf-c-moccasin\:80, .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 80%) } -.sf-c-moccasin\:85, .sf-c-moccasin\:85\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } -.sf-c-moccasin\:90, .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 90%) } -.sf-c-moccasin\:95, .sf-c-moccasin\:95\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } -.sf-c-moccasin\:100, .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } - -.sf-c-txt-moccasin { color: hsl(38, 100%, 10%) } -.sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } -.sf-c-txt-moccasin\:0, .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } -.sf-c-txt-moccasin\:5, .sf-c-txt-moccasin\:5\:st { color: hsl(38, 100%, 5%) } -.sf-c-txt-moccasin\:10, .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } -.sf-c-txt-moccasin\:15, .sf-c-txt-moccasin\:15\:st { color: hsl(38, 100%, 15%) } -.sf-c-txt-moccasin\:20, .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } -.sf-c-txt-moccasin\:25, .sf-c-txt-moccasin\:25\:st { color: hsl(38, 100%, 25%) } -.sf-c-txt-moccasin\:30, .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } -.sf-c-txt-moccasin\:35, .sf-c-txt-moccasin\:35\:st { color: hsl(38, 100%, 35%) } -.sf-c-txt-moccasin\:40, .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } -.sf-c-txt-moccasin\:45, .sf-c-txt-moccasin\:45\:st { color: hsl(38, 100%, 45%) } -.sf-c-txt-moccasin\:50, .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } -.sf-c-txt-moccasin\:55, .sf-c-txt-moccasin\:55\:st { color: hsl(38, 100%, 55%) } -.sf-c-txt-moccasin\:60, .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } -.sf-c-txt-moccasin\:65, .sf-c-txt-moccasin\:65\:st { color: hsl(38, 100%, 65%) } -.sf-c-txt-moccasin\:70, .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } -.sf-c-txt-moccasin\:75, .sf-c-txt-moccasin\:75\:st { color: hsl(38, 100%, 75%) } -.sf-c-txt-moccasin\:80, .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } -.sf-c-txt-moccasin\:85, .sf-c-txt-moccasin\:85\:st { color: hsl(38, 100%, 85%) } -.sf-c-txt-moccasin\:90, .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } -.sf-c-txt-moccasin\:95, .sf-c-txt-moccasin\:95\:st { color: hsl(38, 100%, 95%) } -.sf-c-txt-moccasin\:100, .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } - -html[data-theme='dark'] .sf-c-moccasin, html.dark .sf-c-moccasin { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-moccasin\:0, html.dark .sf-c-moccasin\:0 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } -html[data-theme='dark'] .sf-c-moccasin\:5, html.dark .sf-c-moccasin\:5 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } -html[data-theme='dark'] .sf-c-moccasin\:10, html.dark .sf-c-moccasin\:10 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-moccasin\:15, html.dark .sf-c-moccasin\:15 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-moccasin\:20, html.dark .sf-c-moccasin\:20 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-moccasin\:25, html.dark .sf-c-moccasin\:25 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 75%) } -html[data-theme='dark'] .sf-c-moccasin\:30, html.dark .sf-c-moccasin\:30 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-moccasin\:35, html.dark .sf-c-moccasin\:35 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 65%) } -html[data-theme='dark'] .sf-c-moccasin\:40, html.dark .sf-c-moccasin\:40 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-moccasin\:45, html.dark .sf-c-moccasin\:45 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 55%) } -html[data-theme='dark'] .sf-c-moccasin\:50, html.dark .sf-c-moccasin\:50 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-moccasin\:55, html.dark .sf-c-moccasin\:55 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 45%) } -html[data-theme='dark'] .sf-c-moccasin\:60, html.dark .sf-c-moccasin\:60 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-moccasin\:65, html.dark .sf-c-moccasin\:65 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 35%) } -html[data-theme='dark'] .sf-c-moccasin\:70, html.dark .sf-c-moccasin\:70 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-moccasin\:75, html.dark .sf-c-moccasin\:75 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 25%) } -html[data-theme='dark'] .sf-c-moccasin\:80, html.dark .sf-c-moccasin\:80 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-moccasin\:85, html.dark .sf-c-moccasin\:85 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-moccasin\:90, html.dark .sf-c-moccasin\:90 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-moccasin\:95, html.dark .sf-c-moccasin\:95 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } -html[data-theme='dark'] .sf-c-moccasin\:100, html.dark .sf-c-moccasin\:100 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } - -html[data-theme='dark'] .sf-c-moccasin\:st, html.dark .sf-c-moccasin\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-moccasin\:0\:st, html.dark .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } -html[data-theme='dark'] .sf-c-moccasin\:5\:st, html.dark .sf-c-moccasin\:5\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } -html[data-theme='dark'] .sf-c-moccasin\:10\:st, html.dark .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-moccasin\:15\:st, html.dark .sf-c-moccasin\:15\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-moccasin\:20\:st, html.dark .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-moccasin\:25\:st, html.dark .sf-c-moccasin\:25\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 25%) } -html[data-theme='dark'] .sf-c-moccasin\:30\:st, html.dark .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-moccasin\:35\:st, html.dark .sf-c-moccasin\:35\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 35%) } -html[data-theme='dark'] .sf-c-moccasin\:40\:st, html.dark .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-moccasin\:45\:st, html.dark .sf-c-moccasin\:45\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 45%) } -html[data-theme='dark'] .sf-c-moccasin\:50\:st, html.dark .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-moccasin\:55\:st, html.dark .sf-c-moccasin\:55\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 55%) } -html[data-theme='dark'] .sf-c-moccasin\:60\:st, html.dark .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-moccasin\:65\:st, html.dark .sf-c-moccasin\:65\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 65%) } -html[data-theme='dark'] .sf-c-moccasin\:70\:st, html.dark .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-moccasin\:75\:st, html.dark .sf-c-moccasin\:75\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 75%) } -html[data-theme='dark'] .sf-c-moccasin\:80\:st, html.dark .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-moccasin\:85\:st, html.dark .sf-c-moccasin\:85\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-moccasin\:90\:st, html.dark .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-moccasin\:95\:st, html.dark .sf-c-moccasin\:95\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } -html[data-theme='dark'] .sf-c-moccasin\:100\:st, html.dark .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:5, html.dark .sf-c-txt-moccasin\:5 { color: hsl(38, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:15, html.dark .sf-c-txt-moccasin\:15 { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:25, html.dark .sf-c-txt-moccasin\:25 { color: hsl(38, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:35, html.dark .sf-c-txt-moccasin\:35 { color: hsl(38, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:45, html.dark .sf-c-txt-moccasin\:45 { color: hsl(38, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:55, html.dark .sf-c-txt-moccasin\:55 { color: hsl(38, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:65, html.dark .sf-c-txt-moccasin\:65 { color: hsl(38, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:75, html.dark .sf-c-txt-moccasin\:75 { color: hsl(38, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:85, html.dark .sf-c-txt-moccasin\:85 { color: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:95, html.dark .sf-c-txt-moccasin\:95 { color: hsl(38, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-moccasin\:st, html.dark .sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:0\:st, html.dark .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:5\:st, html.dark .sf-c-txt-moccasin\:5\:st { color: hsl(38, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:10\:st, html.dark .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:15\:st, html.dark .sf-c-txt-moccasin\:15\:st { color: hsl(38, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:20\:st, html.dark .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:25\:st, html.dark .sf-c-txt-moccasin\:25\:st { color: hsl(38, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:30\:st, html.dark .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:35\:st, html.dark .sf-c-txt-moccasin\:35\:st { color: hsl(38, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:40\:st, html.dark .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:45\:st, html.dark .sf-c-txt-moccasin\:45\:st { color: hsl(38, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:50\:st, html.dark .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:55\:st, html.dark .sf-c-txt-moccasin\:55\:st { color: hsl(38, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:60\:st, html.dark .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:65\:st, html.dark .sf-c-txt-moccasin\:65\:st { color: hsl(38, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:70\:st, html.dark .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:75\:st, html.dark .sf-c-txt-moccasin\:75\:st { color: hsl(38, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:80\:st, html.dark .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:85\:st, html.dark .sf-c-txt-moccasin\:85\:st { color: hsl(38, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:90\:st, html.dark .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:95\:st, html.dark .sf-c-txt-moccasin\:95\:st { color: hsl(38, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-moccasin\:100\:st, html.dark .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-moccasin, html.auto .sf-c-moccasin { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-moccasin\:0, html.auto .sf-c-moccasin\:0 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } - html[data-theme='auto'] .sf-c-moccasin\:5, html.auto .sf-c-moccasin\:5 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } - html[data-theme='auto'] .sf-c-moccasin\:10, html.auto .sf-c-moccasin\:10 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-moccasin\:15, html.auto .sf-c-moccasin\:15 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-moccasin\:20, html.auto .sf-c-moccasin\:20 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-moccasin\:25, html.auto .sf-c-moccasin\:25 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 75%) } - html[data-theme='auto'] .sf-c-moccasin\:30, html.auto .sf-c-moccasin\:30 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-moccasin\:35, html.auto .sf-c-moccasin\:35 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 65%) } - html[data-theme='auto'] .sf-c-moccasin\:40, html.auto .sf-c-moccasin\:40 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-moccasin\:45, html.auto .sf-c-moccasin\:45 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 55%) } - html[data-theme='auto'] .sf-c-moccasin\:50, html.auto .sf-c-moccasin\:50 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-moccasin\:55, html.auto .sf-c-moccasin\:55 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 45%) } - html[data-theme='auto'] .sf-c-moccasin\:60, html.auto .sf-c-moccasin\:60 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-moccasin\:65, html.auto .sf-c-moccasin\:65 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 35%) } - html[data-theme='auto'] .sf-c-moccasin\:70, html.auto .sf-c-moccasin\:70 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-moccasin\:75, html.auto .sf-c-moccasin\:75 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 25%) } - html[data-theme='auto'] .sf-c-moccasin\:80, html.auto .sf-c-moccasin\:80 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-moccasin\:85, html.auto .sf-c-moccasin\:85 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-moccasin\:90, html.auto .sf-c-moccasin\:90 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-moccasin\:95, html.auto .sf-c-moccasin\:95 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } - html[data-theme='auto'] .sf-c-moccasin\:100, html.auto .sf-c-moccasin\:100 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } - - html[data-theme='auto'] .sf-c-moccasin\:st, html.auto .sf-c-moccasin\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-moccasin\:0\:st, html.auto .sf-c-moccasin\:0\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } - html[data-theme='auto'] .sf-c-moccasin\:5\:st, html.auto .sf-c-moccasin\:5\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } - html[data-theme='auto'] .sf-c-moccasin\:10\:st, html.auto .sf-c-moccasin\:10\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-moccasin\:15\:st, html.auto .sf-c-moccasin\:15\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-moccasin\:20\:st, html.auto .sf-c-moccasin\:20\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-moccasin\:25\:st, html.auto .sf-c-moccasin\:25\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 25%) } - html[data-theme='auto'] .sf-c-moccasin\:30\:st, html.auto .sf-c-moccasin\:30\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-moccasin\:35\:st, html.auto .sf-c-moccasin\:35\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 35%) } - html[data-theme='auto'] .sf-c-moccasin\:40\:st, html.auto .sf-c-moccasin\:40\:st { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-moccasin\:45\:st, html.auto .sf-c-moccasin\:45\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 45%) } - html[data-theme='auto'] .sf-c-moccasin\:50\:st, html.auto .sf-c-moccasin\:50\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-moccasin\:55\:st, html.auto .sf-c-moccasin\:55\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 55%) } - html[data-theme='auto'] .sf-c-moccasin\:60\:st, html.auto .sf-c-moccasin\:60\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-moccasin\:65\:st, html.auto .sf-c-moccasin\:65\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 65%) } - html[data-theme='auto'] .sf-c-moccasin\:70\:st, html.auto .sf-c-moccasin\:70\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-moccasin\:75\:st, html.auto .sf-c-moccasin\:75\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 75%) } - html[data-theme='auto'] .sf-c-moccasin\:80\:st, html.auto .sf-c-moccasin\:80\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-moccasin\:85\:st, html.auto .sf-c-moccasin\:85\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-moccasin\:90\:st, html.auto .sf-c-moccasin\:90\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-moccasin\:95\:st, html.auto .sf-c-moccasin\:95\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } - html[data-theme='auto'] .sf-c-moccasin\:100\:st, html.auto .sf-c-moccasin\:100\:st { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:5, html.auto .sf-c-txt-moccasin\:5 { color: hsl(38, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:15, html.auto .sf-c-txt-moccasin\:15 { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:25, html.auto .sf-c-txt-moccasin\:25 { color: hsl(38, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:35, html.auto .sf-c-txt-moccasin\:35 { color: hsl(38, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:45, html.auto .sf-c-txt-moccasin\:45 { color: hsl(38, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:55, html.auto .sf-c-txt-moccasin\:55 { color: hsl(38, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:65, html.auto .sf-c-txt-moccasin\:65 { color: hsl(38, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:75, html.auto .sf-c-txt-moccasin\:75 { color: hsl(38, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:85, html.auto .sf-c-txt-moccasin\:85 { color: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:95, html.auto .sf-c-txt-moccasin\:95 { color: hsl(38, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-moccasin\:st, html.auto .sf-c-txt-moccasin\:st { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:0\:st, html.auto .sf-c-txt-moccasin\:0\:st { color: hsl(38, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:5\:st, html.auto .sf-c-txt-moccasin\:5\:st { color: hsl(38, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:10\:st, html.auto .sf-c-txt-moccasin\:10\:st { color: hsl(38, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:15\:st, html.auto .sf-c-txt-moccasin\:15\:st { color: hsl(38, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:20\:st, html.auto .sf-c-txt-moccasin\:20\:st { color: hsl(38, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:25\:st, html.auto .sf-c-txt-moccasin\:25\:st { color: hsl(38, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:30\:st, html.auto .sf-c-txt-moccasin\:30\:st { color: hsl(38, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:35\:st, html.auto .sf-c-txt-moccasin\:35\:st { color: hsl(38, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:40\:st, html.auto .sf-c-txt-moccasin\:40\:st { color: hsl(38, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:45\:st, html.auto .sf-c-txt-moccasin\:45\:st { color: hsl(38, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:50\:st, html.auto .sf-c-txt-moccasin\:50\:st { color: hsl(38, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:55\:st, html.auto .sf-c-txt-moccasin\:55\:st { color: hsl(38, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:60\:st, html.auto .sf-c-txt-moccasin\:60\:st { color: hsl(38, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:65\:st, html.auto .sf-c-txt-moccasin\:65\:st { color: hsl(38, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:70\:st, html.auto .sf-c-txt-moccasin\:70\:st { color: hsl(38, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:75\:st, html.auto .sf-c-txt-moccasin\:75\:st { color: hsl(38, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:80\:st, html.auto .sf-c-txt-moccasin\:80\:st { color: hsl(38, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:85\:st, html.auto .sf-c-txt-moccasin\:85\:st { color: hsl(38, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:90\:st, html.auto .sf-c-txt-moccasin\:90\:st { color: hsl(38, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:95\:st, html.auto .sf-c-txt-moccasin\:95\:st { color: hsl(38, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-moccasin\:100\:st, html.auto .sf-c-txt-moccasin\:100\:st { color: hsl(38, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/navajowhite.css b/src/colors/20/navajowhite.css deleted file mode 100644 index e98f304..0000000 --- a/src/colors/20/navajowhite.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-navajowhite { - --sf-c-navajowhite: 36 100% 84%; - --sf-c-navajowhite-0: 36 100% 0%; - --sf-c-navajowhite-5: 36 100% 5%; - --sf-c-navajowhite-10: 36 100% 10%; - --sf-c-navajowhite-15: 36 100% 15%; - --sf-c-navajowhite-20: 36 100% 20%; - --sf-c-navajowhite-25: 36 100% 25%; - --sf-c-navajowhite-30: 36 100% 30%; - --sf-c-navajowhite-35: 36 100% 35%; - --sf-c-navajowhite-40: 36 100% 40%; - --sf-c-navajowhite-45: 36 100% 45%; - --sf-c-navajowhite-50: 36 100% 50%; - --sf-c-navajowhite-55: 36 100% 55%; - --sf-c-navajowhite-60: 36 100% 60%; - --sf-c-navajowhite-65: 36 100% 65%; - --sf-c-navajowhite-70: 36 100% 70%; - --sf-c-navajowhite-75: 36 100% 75%; - --sf-c-navajowhite-80: 36 100% 80%; - --sf-c-navajowhite-85: 36 100% 85%; - --sf-c-navajowhite-90: 36 100% 90%; - --sf-c-navajowhite-95: 36 100% 95%; - --sf-c-navajowhite-100: 36 100% 100%; -} - -.sf-c-navajowhite, .sf-c-navajowhite\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 84%) } -.sf-c-navajowhite\:0, .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -.sf-c-navajowhite\:5, .sf-c-navajowhite\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -.sf-c-navajowhite\:10, .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -.sf-c-navajowhite\:15, .sf-c-navajowhite\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -.sf-c-navajowhite\:20, .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -.sf-c-navajowhite\:25, .sf-c-navajowhite\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -.sf-c-navajowhite\:30, .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -.sf-c-navajowhite\:35, .sf-c-navajowhite\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -.sf-c-navajowhite\:40, .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -.sf-c-navajowhite\:45, .sf-c-navajowhite\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -.sf-c-navajowhite\:50, .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -.sf-c-navajowhite\:55, .sf-c-navajowhite\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -.sf-c-navajowhite\:60, .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -.sf-c-navajowhite\:65, .sf-c-navajowhite\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -.sf-c-navajowhite\:70, .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -.sf-c-navajowhite\:75, .sf-c-navajowhite\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -.sf-c-navajowhite\:80, .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -.sf-c-navajowhite\:85, .sf-c-navajowhite\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -.sf-c-navajowhite\:90, .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -.sf-c-navajowhite\:95, .sf-c-navajowhite\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -.sf-c-navajowhite\:100, .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - -.sf-c-txt-navajowhite { color: hsl(36, 100%, 10%) } -.sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } -.sf-c-txt-navajowhite\:0, .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } -.sf-c-txt-navajowhite\:5, .sf-c-txt-navajowhite\:5\:st { color: hsl(36, 100%, 5%) } -.sf-c-txt-navajowhite\:10, .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } -.sf-c-txt-navajowhite\:15, .sf-c-txt-navajowhite\:15\:st { color: hsl(36, 100%, 15%) } -.sf-c-txt-navajowhite\:20, .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } -.sf-c-txt-navajowhite\:25, .sf-c-txt-navajowhite\:25\:st { color: hsl(36, 100%, 25%) } -.sf-c-txt-navajowhite\:30, .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } -.sf-c-txt-navajowhite\:35, .sf-c-txt-navajowhite\:35\:st { color: hsl(36, 100%, 35%) } -.sf-c-txt-navajowhite\:40, .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } -.sf-c-txt-navajowhite\:45, .sf-c-txt-navajowhite\:45\:st { color: hsl(36, 100%, 45%) } -.sf-c-txt-navajowhite\:50, .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } -.sf-c-txt-navajowhite\:55, .sf-c-txt-navajowhite\:55\:st { color: hsl(36, 100%, 55%) } -.sf-c-txt-navajowhite\:60, .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } -.sf-c-txt-navajowhite\:65, .sf-c-txt-navajowhite\:65\:st { color: hsl(36, 100%, 65%) } -.sf-c-txt-navajowhite\:70, .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } -.sf-c-txt-navajowhite\:75, .sf-c-txt-navajowhite\:75\:st { color: hsl(36, 100%, 75%) } -.sf-c-txt-navajowhite\:80, .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } -.sf-c-txt-navajowhite\:85, .sf-c-txt-navajowhite\:85\:st { color: hsl(36, 100%, 85%) } -.sf-c-txt-navajowhite\:90, .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } -.sf-c-txt-navajowhite\:95, .sf-c-txt-navajowhite\:95\:st { color: hsl(36, 100%, 95%) } -.sf-c-txt-navajowhite\:100, .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-navajowhite, html.dark .sf-c-navajowhite { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 16%) } -html[data-theme='dark'] .sf-c-navajowhite\:0, html.dark .sf-c-navajowhite\:0 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-navajowhite\:5, html.dark .sf-c-navajowhite\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-navajowhite\:10, html.dark .sf-c-navajowhite\:10 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-navajowhite\:15, html.dark .sf-c-navajowhite\:15 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-navajowhite\:20, html.dark .sf-c-navajowhite\:20 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-navajowhite\:25, html.dark .sf-c-navajowhite\:25 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-navajowhite\:30, html.dark .sf-c-navajowhite\:30 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-navajowhite\:35, html.dark .sf-c-navajowhite\:35 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-navajowhite\:40, html.dark .sf-c-navajowhite\:40 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-navajowhite\:45, html.dark .sf-c-navajowhite\:45 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-navajowhite\:50, html.dark .sf-c-navajowhite\:50 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-navajowhite\:55, html.dark .sf-c-navajowhite\:55 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-navajowhite\:60, html.dark .sf-c-navajowhite\:60 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-navajowhite\:65, html.dark .sf-c-navajowhite\:65 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-navajowhite\:70, html.dark .sf-c-navajowhite\:70 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-navajowhite\:75, html.dark .sf-c-navajowhite\:75 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-navajowhite\:80, html.dark .sf-c-navajowhite\:80 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-navajowhite\:85, html.dark .sf-c-navajowhite\:85 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-navajowhite\:90, html.dark .sf-c-navajowhite\:90 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-navajowhite\:95, html.dark .sf-c-navajowhite\:95 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-navajowhite\:100, html.dark .sf-c-navajowhite\:100 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-navajowhite\:st, html.dark .sf-c-navajowhite\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-navajowhite\:0\:st, html.dark .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-navajowhite\:5\:st, html.dark .sf-c-navajowhite\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-navajowhite\:10\:st, html.dark .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-navajowhite\:15\:st, html.dark .sf-c-navajowhite\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-navajowhite\:20\:st, html.dark .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-navajowhite\:25\:st, html.dark .sf-c-navajowhite\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-navajowhite\:30\:st, html.dark .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-navajowhite\:35\:st, html.dark .sf-c-navajowhite\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-navajowhite\:40\:st, html.dark .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-navajowhite\:45\:st, html.dark .sf-c-navajowhite\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-navajowhite\:50\:st, html.dark .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-navajowhite\:55\:st, html.dark .sf-c-navajowhite\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-navajowhite\:60\:st, html.dark .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-navajowhite\:65\:st, html.dark .sf-c-navajowhite\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-navajowhite\:70\:st, html.dark .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-navajowhite\:75\:st, html.dark .sf-c-navajowhite\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-navajowhite\:80\:st, html.dark .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-navajowhite\:85\:st, html.dark .sf-c-navajowhite\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-navajowhite\:90\:st, html.dark .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-navajowhite\:95\:st, html.dark .sf-c-navajowhite\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-navajowhite\:100\:st, html.dark .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:5, html.dark .sf-c-txt-navajowhite\:5 { color: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:15, html.dark .sf-c-txt-navajowhite\:15 { color: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:25, html.dark .sf-c-txt-navajowhite\:25 { color: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:35, html.dark .sf-c-txt-navajowhite\:35 { color: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:45, html.dark .sf-c-txt-navajowhite\:45 { color: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:55, html.dark .sf-c-txt-navajowhite\:55 { color: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:65, html.dark .sf-c-txt-navajowhite\:65 { color: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:75, html.dark .sf-c-txt-navajowhite\:75 { color: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:85, html.dark .sf-c-txt-navajowhite\:85 { color: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:95, html.dark .sf-c-txt-navajowhite\:95 { color: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-navajowhite\:st, html.dark .sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:0\:st, html.dark .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:5\:st, html.dark .sf-c-txt-navajowhite\:5\:st { color: hsl(36, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:10\:st, html.dark .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:15\:st, html.dark .sf-c-txt-navajowhite\:15\:st { color: hsl(36, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:20\:st, html.dark .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:25\:st, html.dark .sf-c-txt-navajowhite\:25\:st { color: hsl(36, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:30\:st, html.dark .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:35\:st, html.dark .sf-c-txt-navajowhite\:35\:st { color: hsl(36, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:40\:st, html.dark .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:45\:st, html.dark .sf-c-txt-navajowhite\:45\:st { color: hsl(36, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:50\:st, html.dark .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:55\:st, html.dark .sf-c-txt-navajowhite\:55\:st { color: hsl(36, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:60\:st, html.dark .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:65\:st, html.dark .sf-c-txt-navajowhite\:65\:st { color: hsl(36, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:70\:st, html.dark .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:75\:st, html.dark .sf-c-txt-navajowhite\:75\:st { color: hsl(36, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:80\:st, html.dark .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:85\:st, html.dark .sf-c-txt-navajowhite\:85\:st { color: hsl(36, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:90\:st, html.dark .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:95\:st, html.dark .sf-c-txt-navajowhite\:95\:st { color: hsl(36, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-navajowhite\:100\:st, html.dark .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-navajowhite, html.auto .sf-c-navajowhite { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 16%) } - html[data-theme='auto'] .sf-c-navajowhite\:0, html.auto .sf-c-navajowhite\:0 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-navajowhite\:5, html.auto .sf-c-navajowhite\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-navajowhite\:10, html.auto .sf-c-navajowhite\:10 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-navajowhite\:15, html.auto .sf-c-navajowhite\:15 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-navajowhite\:20, html.auto .sf-c-navajowhite\:20 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-navajowhite\:25, html.auto .sf-c-navajowhite\:25 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-navajowhite\:30, html.auto .sf-c-navajowhite\:30 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-navajowhite\:35, html.auto .sf-c-navajowhite\:35 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-navajowhite\:40, html.auto .sf-c-navajowhite\:40 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-navajowhite\:45, html.auto .sf-c-navajowhite\:45 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-navajowhite\:50, html.auto .sf-c-navajowhite\:50 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-navajowhite\:55, html.auto .sf-c-navajowhite\:55 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-navajowhite\:60, html.auto .sf-c-navajowhite\:60 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-navajowhite\:65, html.auto .sf-c-navajowhite\:65 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-navajowhite\:70, html.auto .sf-c-navajowhite\:70 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-navajowhite\:75, html.auto .sf-c-navajowhite\:75 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-navajowhite\:80, html.auto .sf-c-navajowhite\:80 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-navajowhite\:85, html.auto .sf-c-navajowhite\:85 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-navajowhite\:90, html.auto .sf-c-navajowhite\:90 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-navajowhite\:95, html.auto .sf-c-navajowhite\:95 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-navajowhite\:100, html.auto .sf-c-navajowhite\:100 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-navajowhite\:st, html.auto .sf-c-navajowhite\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-navajowhite\:0\:st, html.auto .sf-c-navajowhite\:0\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-navajowhite\:5\:st, html.auto .sf-c-navajowhite\:5\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-navajowhite\:10\:st, html.auto .sf-c-navajowhite\:10\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-navajowhite\:15\:st, html.auto .sf-c-navajowhite\:15\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-navajowhite\:20\:st, html.auto .sf-c-navajowhite\:20\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-navajowhite\:25\:st, html.auto .sf-c-navajowhite\:25\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-navajowhite\:30\:st, html.auto .sf-c-navajowhite\:30\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-navajowhite\:35\:st, html.auto .sf-c-navajowhite\:35\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-navajowhite\:40\:st, html.auto .sf-c-navajowhite\:40\:st { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-navajowhite\:45\:st, html.auto .sf-c-navajowhite\:45\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-navajowhite\:50\:st, html.auto .sf-c-navajowhite\:50\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-navajowhite\:55\:st, html.auto .sf-c-navajowhite\:55\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-navajowhite\:60\:st, html.auto .sf-c-navajowhite\:60\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-navajowhite\:65\:st, html.auto .sf-c-navajowhite\:65\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-navajowhite\:70\:st, html.auto .sf-c-navajowhite\:70\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-navajowhite\:75\:st, html.auto .sf-c-navajowhite\:75\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-navajowhite\:80\:st, html.auto .sf-c-navajowhite\:80\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-navajowhite\:85\:st, html.auto .sf-c-navajowhite\:85\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-navajowhite\:90\:st, html.auto .sf-c-navajowhite\:90\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-navajowhite\:95\:st, html.auto .sf-c-navajowhite\:95\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-navajowhite\:100\:st, html.auto .sf-c-navajowhite\:100\:st { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:5, html.auto .sf-c-txt-navajowhite\:5 { color: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:15, html.auto .sf-c-txt-navajowhite\:15 { color: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:25, html.auto .sf-c-txt-navajowhite\:25 { color: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:35, html.auto .sf-c-txt-navajowhite\:35 { color: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:45, html.auto .sf-c-txt-navajowhite\:45 { color: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:55, html.auto .sf-c-txt-navajowhite\:55 { color: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:65, html.auto .sf-c-txt-navajowhite\:65 { color: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:75, html.auto .sf-c-txt-navajowhite\:75 { color: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:85, html.auto .sf-c-txt-navajowhite\:85 { color: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:95, html.auto .sf-c-txt-navajowhite\:95 { color: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-navajowhite\:st, html.auto .sf-c-txt-navajowhite\:st { color: hsl(36, 100%, 84%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:0\:st, html.auto .sf-c-txt-navajowhite\:0\:st { color: hsl(36, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:5\:st, html.auto .sf-c-txt-navajowhite\:5\:st { color: hsl(36, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:10\:st, html.auto .sf-c-txt-navajowhite\:10\:st { color: hsl(36, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:15\:st, html.auto .sf-c-txt-navajowhite\:15\:st { color: hsl(36, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:20\:st, html.auto .sf-c-txt-navajowhite\:20\:st { color: hsl(36, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:25\:st, html.auto .sf-c-txt-navajowhite\:25\:st { color: hsl(36, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:30\:st, html.auto .sf-c-txt-navajowhite\:30\:st { color: hsl(36, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:35\:st, html.auto .sf-c-txt-navajowhite\:35\:st { color: hsl(36, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:40\:st, html.auto .sf-c-txt-navajowhite\:40\:st { color: hsl(36, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:45\:st, html.auto .sf-c-txt-navajowhite\:45\:st { color: hsl(36, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:50\:st, html.auto .sf-c-txt-navajowhite\:50\:st { color: hsl(36, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:55\:st, html.auto .sf-c-txt-navajowhite\:55\:st { color: hsl(36, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:60\:st, html.auto .sf-c-txt-navajowhite\:60\:st { color: hsl(36, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:65\:st, html.auto .sf-c-txt-navajowhite\:65\:st { color: hsl(36, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:70\:st, html.auto .sf-c-txt-navajowhite\:70\:st { color: hsl(36, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:75\:st, html.auto .sf-c-txt-navajowhite\:75\:st { color: hsl(36, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:80\:st, html.auto .sf-c-txt-navajowhite\:80\:st { color: hsl(36, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:85\:st, html.auto .sf-c-txt-navajowhite\:85\:st { color: hsl(36, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:90\:st, html.auto .sf-c-txt-navajowhite\:90\:st { color: hsl(36, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:95\:st, html.auto .sf-c-txt-navajowhite\:95\:st { color: hsl(36, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-navajowhite\:100\:st, html.auto .sf-c-txt-navajowhite\:100\:st { color: hsl(36, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/navy.css b/src/colors/20/navy.css deleted file mode 100644 index 320cf25..0000000 --- a/src/colors/20/navy.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-navy { - --sf-c-navy: 240 100% 25%; - --sf-c-navy-0: 240 100% 0%; - --sf-c-navy-5: 240 100% 5%; - --sf-c-navy-10: 240 100% 10%; - --sf-c-navy-15: 240 100% 15%; - --sf-c-navy-20: 240 100% 20%; - --sf-c-navy-25: 240 100% 25%; - --sf-c-navy-30: 240 100% 30%; - --sf-c-navy-35: 240 100% 35%; - --sf-c-navy-40: 240 100% 40%; - --sf-c-navy-45: 240 100% 45%; - --sf-c-navy-50: 240 100% 50%; - --sf-c-navy-55: 240 100% 55%; - --sf-c-navy-60: 240 100% 60%; - --sf-c-navy-65: 240 100% 65%; - --sf-c-navy-70: 240 100% 70%; - --sf-c-navy-75: 240 100% 75%; - --sf-c-navy-80: 240 100% 80%; - --sf-c-navy-85: 240 100% 85%; - --sf-c-navy-90: 240 100% 90%; - --sf-c-navy-95: 240 100% 95%; - --sf-c-navy-100: 240 100% 100%; -} - -.sf-c-navy, .sf-c-navy\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-navy\:0, .sf-c-navy\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -.sf-c-navy\:5, .sf-c-navy\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -.sf-c-navy\:10, .sf-c-navy\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -.sf-c-navy\:15, .sf-c-navy\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -.sf-c-navy\:20, .sf-c-navy\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -.sf-c-navy\:25, .sf-c-navy\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -.sf-c-navy\:30, .sf-c-navy\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -.sf-c-navy\:35, .sf-c-navy\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -.sf-c-navy\:40, .sf-c-navy\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -.sf-c-navy\:45, .sf-c-navy\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -.sf-c-navy\:50, .sf-c-navy\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -.sf-c-navy\:55, .sf-c-navy\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -.sf-c-navy\:60, .sf-c-navy\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -.sf-c-navy\:65, .sf-c-navy\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -.sf-c-navy\:70, .sf-c-navy\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -.sf-c-navy\:75, .sf-c-navy\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -.sf-c-navy\:80, .sf-c-navy\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -.sf-c-navy\:85, .sf-c-navy\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -.sf-c-navy\:90, .sf-c-navy\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -.sf-c-navy\:95, .sf-c-navy\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -.sf-c-navy\:100, .sf-c-navy\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -.sf-c-txt-navy { color: hsl(240, 100%, 25%) } -.sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-navy\:0, .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } -.sf-c-txt-navy\:5, .sf-c-txt-navy\:5\:st { color: hsl(240, 100%, 5%) } -.sf-c-txt-navy\:10, .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } -.sf-c-txt-navy\:15, .sf-c-txt-navy\:15\:st { color: hsl(240, 100%, 15%) } -.sf-c-txt-navy\:20, .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } -.sf-c-txt-navy\:25, .sf-c-txt-navy\:25\:st { color: hsl(240, 100%, 25%) } -.sf-c-txt-navy\:30, .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } -.sf-c-txt-navy\:35, .sf-c-txt-navy\:35\:st { color: hsl(240, 100%, 35%) } -.sf-c-txt-navy\:40, .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } -.sf-c-txt-navy\:45, .sf-c-txt-navy\:45\:st { color: hsl(240, 100%, 45%) } -.sf-c-txt-navy\:50, .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } -.sf-c-txt-navy\:55, .sf-c-txt-navy\:55\:st { color: hsl(240, 100%, 55%) } -.sf-c-txt-navy\:60, .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } -.sf-c-txt-navy\:65, .sf-c-txt-navy\:65\:st { color: hsl(240, 100%, 65%) } -.sf-c-txt-navy\:70, .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } -.sf-c-txt-navy\:75, .sf-c-txt-navy\:75\:st { color: hsl(240, 100%, 75%) } -.sf-c-txt-navy\:80, .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } -.sf-c-txt-navy\:85, .sf-c-txt-navy\:85\:st { color: hsl(240, 100%, 85%) } -.sf-c-txt-navy\:90, .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } -.sf-c-txt-navy\:95, .sf-c-txt-navy\:95\:st { color: hsl(240, 100%, 95%) } -.sf-c-txt-navy\:100, .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-navy, html.dark .sf-c-navy { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-navy\:0, html.dark .sf-c-navy\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-navy\:5, html.dark .sf-c-navy\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-navy\:10, html.dark .sf-c-navy\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-navy\:15, html.dark .sf-c-navy\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-navy\:20, html.dark .sf-c-navy\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-navy\:25, html.dark .sf-c-navy\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-navy\:30, html.dark .sf-c-navy\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-navy\:35, html.dark .sf-c-navy\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-navy\:40, html.dark .sf-c-navy\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-navy\:45, html.dark .sf-c-navy\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-navy\:50, html.dark .sf-c-navy\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-navy\:55, html.dark .sf-c-navy\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-navy\:60, html.dark .sf-c-navy\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-navy\:65, html.dark .sf-c-navy\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-navy\:70, html.dark .sf-c-navy\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-navy\:75, html.dark .sf-c-navy\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-navy\:80, html.dark .sf-c-navy\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-navy\:85, html.dark .sf-c-navy\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-navy\:90, html.dark .sf-c-navy\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-navy\:95, html.dark .sf-c-navy\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-navy\:100, html.dark .sf-c-navy\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-navy\:st, html.dark .sf-c-navy\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-navy\:0\:st, html.dark .sf-c-navy\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-navy\:5\:st, html.dark .sf-c-navy\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-navy\:10\:st, html.dark .sf-c-navy\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-navy\:15\:st, html.dark .sf-c-navy\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-navy\:20\:st, html.dark .sf-c-navy\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-navy\:25\:st, html.dark .sf-c-navy\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-navy\:30\:st, html.dark .sf-c-navy\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-navy\:35\:st, html.dark .sf-c-navy\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-navy\:40\:st, html.dark .sf-c-navy\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-navy\:45\:st, html.dark .sf-c-navy\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-navy\:50\:st, html.dark .sf-c-navy\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-navy\:55\:st, html.dark .sf-c-navy\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-navy\:60\:st, html.dark .sf-c-navy\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-navy\:65\:st, html.dark .sf-c-navy\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-navy\:70\:st, html.dark .sf-c-navy\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-navy\:75\:st, html.dark .sf-c-navy\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-navy\:80\:st, html.dark .sf-c-navy\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-navy\:85\:st, html.dark .sf-c-navy\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-navy\:90\:st, html.dark .sf-c-navy\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-navy\:95\:st, html.dark .sf-c-navy\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-navy\:100\:st, html.dark .sf-c-navy\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-navy\:5, html.dark .sf-c-txt-navy\:5 { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navy\:15, html.dark .sf-c-txt-navy\:15 { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navy\:25, html.dark .sf-c-txt-navy\:25 { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navy\:35, html.dark .sf-c-txt-navy\:35 { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navy\:45, html.dark .sf-c-txt-navy\:45 { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navy\:55, html.dark .sf-c-txt-navy\:55 { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navy\:65, html.dark .sf-c-txt-navy\:65 { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navy\:75, html.dark .sf-c-txt-navy\:75 { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navy\:85, html.dark .sf-c-txt-navy\:85 { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navy\:95, html.dark .sf-c-txt-navy\:95 { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-navy\:st, html.dark .sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navy\:0\:st, html.dark .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-navy\:5\:st, html.dark .sf-c-txt-navy\:5\:st { color: hsl(240, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-navy\:10\:st, html.dark .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-navy\:15\:st, html.dark .sf-c-txt-navy\:15\:st { color: hsl(240, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-navy\:20\:st, html.dark .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-navy\:25\:st, html.dark .sf-c-txt-navy\:25\:st { color: hsl(240, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-navy\:30\:st, html.dark .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-navy\:35\:st, html.dark .sf-c-txt-navy\:35\:st { color: hsl(240, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-navy\:40\:st, html.dark .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-navy\:45\:st, html.dark .sf-c-txt-navy\:45\:st { color: hsl(240, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-navy\:50\:st, html.dark .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-navy\:55\:st, html.dark .sf-c-txt-navy\:55\:st { color: hsl(240, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-navy\:60\:st, html.dark .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-navy\:65\:st, html.dark .sf-c-txt-navy\:65\:st { color: hsl(240, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-navy\:70\:st, html.dark .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-navy\:75\:st, html.dark .sf-c-txt-navy\:75\:st { color: hsl(240, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-navy\:80\:st, html.dark .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-navy\:85\:st, html.dark .sf-c-txt-navy\:85\:st { color: hsl(240, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-navy\:90\:st, html.dark .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-navy\:95\:st, html.dark .sf-c-txt-navy\:95\:st { color: hsl(240, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-navy\:100\:st, html.dark .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-navy, html.auto .sf-c-navy { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-navy\:0, html.auto .sf-c-navy\:0 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-navy\:5, html.auto .sf-c-navy\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-navy\:10, html.auto .sf-c-navy\:10 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-navy\:15, html.auto .sf-c-navy\:15 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-navy\:20, html.auto .sf-c-navy\:20 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-navy\:25, html.auto .sf-c-navy\:25 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-navy\:30, html.auto .sf-c-navy\:30 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-navy\:35, html.auto .sf-c-navy\:35 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-navy\:40, html.auto .sf-c-navy\:40 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-navy\:45, html.auto .sf-c-navy\:45 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-navy\:50, html.auto .sf-c-navy\:50 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-navy\:55, html.auto .sf-c-navy\:55 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-navy\:60, html.auto .sf-c-navy\:60 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-navy\:65, html.auto .sf-c-navy\:65 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-navy\:70, html.auto .sf-c-navy\:70 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-navy\:75, html.auto .sf-c-navy\:75 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-navy\:80, html.auto .sf-c-navy\:80 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-navy\:85, html.auto .sf-c-navy\:85 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-navy\:90, html.auto .sf-c-navy\:90 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-navy\:95, html.auto .sf-c-navy\:95 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-navy\:100, html.auto .sf-c-navy\:100 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-navy\:st, html.auto .sf-c-navy\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-navy\:0\:st, html.auto .sf-c-navy\:0\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-navy\:5\:st, html.auto .sf-c-navy\:5\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-navy\:10\:st, html.auto .sf-c-navy\:10\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-navy\:15\:st, html.auto .sf-c-navy\:15\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-navy\:20\:st, html.auto .sf-c-navy\:20\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-navy\:25\:st, html.auto .sf-c-navy\:25\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-navy\:30\:st, html.auto .sf-c-navy\:30\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-navy\:35\:st, html.auto .sf-c-navy\:35\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-navy\:40\:st, html.auto .sf-c-navy\:40\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-navy\:45\:st, html.auto .sf-c-navy\:45\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-navy\:50\:st, html.auto .sf-c-navy\:50\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-navy\:55\:st, html.auto .sf-c-navy\:55\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-navy\:60\:st, html.auto .sf-c-navy\:60\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-navy\:65\:st, html.auto .sf-c-navy\:65\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-navy\:70\:st, html.auto .sf-c-navy\:70\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-navy\:75\:st, html.auto .sf-c-navy\:75\:st { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-navy\:80\:st, html.auto .sf-c-navy\:80\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-navy\:85\:st, html.auto .sf-c-navy\:85\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-navy\:90\:st, html.auto .sf-c-navy\:90\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-navy\:95\:st, html.auto .sf-c-navy\:95\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-navy\:100\:st, html.auto .sf-c-navy\:100\:st { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-navy\:5, html.auto .sf-c-txt-navy\:5 { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navy\:15, html.auto .sf-c-txt-navy\:15 { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navy\:25, html.auto .sf-c-txt-navy\:25 { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navy\:35, html.auto .sf-c-txt-navy\:35 { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navy\:45, html.auto .sf-c-txt-navy\:45 { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navy\:55, html.auto .sf-c-txt-navy\:55 { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navy\:65, html.auto .sf-c-txt-navy\:65 { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navy\:75, html.auto .sf-c-txt-navy\:75 { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navy\:85, html.auto .sf-c-txt-navy\:85 { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navy\:95, html.auto .sf-c-txt-navy\:95 { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-navy\:st, html.auto .sf-c-txt-navy\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navy\:0\:st, html.auto .sf-c-txt-navy\:0\:st { color: hsl(240, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-navy\:5\:st, html.auto .sf-c-txt-navy\:5\:st { color: hsl(240, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-navy\:10\:st, html.auto .sf-c-txt-navy\:10\:st { color: hsl(240, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-navy\:15\:st, html.auto .sf-c-txt-navy\:15\:st { color: hsl(240, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-navy\:20\:st, html.auto .sf-c-txt-navy\:20\:st { color: hsl(240, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-navy\:25\:st, html.auto .sf-c-txt-navy\:25\:st { color: hsl(240, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-navy\:30\:st, html.auto .sf-c-txt-navy\:30\:st { color: hsl(240, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-navy\:35\:st, html.auto .sf-c-txt-navy\:35\:st { color: hsl(240, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-navy\:40\:st, html.auto .sf-c-txt-navy\:40\:st { color: hsl(240, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-navy\:45\:st, html.auto .sf-c-txt-navy\:45\:st { color: hsl(240, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-navy\:50\:st, html.auto .sf-c-txt-navy\:50\:st { color: hsl(240, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-navy\:55\:st, html.auto .sf-c-txt-navy\:55\:st { color: hsl(240, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-navy\:60\:st, html.auto .sf-c-txt-navy\:60\:st { color: hsl(240, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-navy\:65\:st, html.auto .sf-c-txt-navy\:65\:st { color: hsl(240, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-navy\:70\:st, html.auto .sf-c-txt-navy\:70\:st { color: hsl(240, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-navy\:75\:st, html.auto .sf-c-txt-navy\:75\:st { color: hsl(240, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-navy\:80\:st, html.auto .sf-c-txt-navy\:80\:st { color: hsl(240, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-navy\:85\:st, html.auto .sf-c-txt-navy\:85\:st { color: hsl(240, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-navy\:90\:st, html.auto .sf-c-txt-navy\:90\:st { color: hsl(240, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-navy\:95\:st, html.auto .sf-c-txt-navy\:95\:st { color: hsl(240, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-navy\:100\:st, html.auto .sf-c-txt-navy\:100\:st { color: hsl(240, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/oldlace.css b/src/colors/20/oldlace.css deleted file mode 100644 index c6b704b..0000000 --- a/src/colors/20/oldlace.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-oldlace { - --sf-c-oldlace: 39 85% 95%; - --sf-c-oldlace-0: 39 85% 0%; - --sf-c-oldlace-5: 39 85% 5%; - --sf-c-oldlace-10: 39 85% 10%; - --sf-c-oldlace-15: 39 85% 15%; - --sf-c-oldlace-20: 39 85% 20%; - --sf-c-oldlace-25: 39 85% 25%; - --sf-c-oldlace-30: 39 85% 30%; - --sf-c-oldlace-35: 39 85% 35%; - --sf-c-oldlace-40: 39 85% 40%; - --sf-c-oldlace-45: 39 85% 45%; - --sf-c-oldlace-50: 39 85% 50%; - --sf-c-oldlace-55: 39 85% 55%; - --sf-c-oldlace-60: 39 85% 60%; - --sf-c-oldlace-65: 39 85% 65%; - --sf-c-oldlace-70: 39 85% 70%; - --sf-c-oldlace-75: 39 85% 75%; - --sf-c-oldlace-80: 39 85% 80%; - --sf-c-oldlace-85: 39 85% 85%; - --sf-c-oldlace-90: 39 85% 90%; - --sf-c-oldlace-95: 39 85% 95%; - --sf-c-oldlace-100: 39 85% 100%; -} - -.sf-c-oldlace, .sf-c-oldlace\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } -.sf-c-oldlace\:0, .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } -.sf-c-oldlace\:5, .sf-c-oldlace\:5\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } -.sf-c-oldlace\:10, .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } -.sf-c-oldlace\:15, .sf-c-oldlace\:15\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 15%) } -.sf-c-oldlace\:20, .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 20%) } -.sf-c-oldlace\:25, .sf-c-oldlace\:25\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 25%) } -.sf-c-oldlace\:30, .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 30%) } -.sf-c-oldlace\:35, .sf-c-oldlace\:35\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 35%) } -.sf-c-oldlace\:40, .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 40%) } -.sf-c-oldlace\:45, .sf-c-oldlace\:45\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 45%) } -.sf-c-oldlace\:50, .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 50%) } -.sf-c-oldlace\:55, .sf-c-oldlace\:55\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 55%) } -.sf-c-oldlace\:60, .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 60%) } -.sf-c-oldlace\:65, .sf-c-oldlace\:65\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 65%) } -.sf-c-oldlace\:70, .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 70%) } -.sf-c-oldlace\:75, .sf-c-oldlace\:75\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 75%) } -.sf-c-oldlace\:80, .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 80%) } -.sf-c-oldlace\:85, .sf-c-oldlace\:85\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 85%) } -.sf-c-oldlace\:90, .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 90%) } -.sf-c-oldlace\:95, .sf-c-oldlace\:95\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } -.sf-c-oldlace\:100, .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } - -.sf-c-txt-oldlace { color: hsl(39, 85%, 10%) } -.sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } -.sf-c-txt-oldlace\:0, .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } -.sf-c-txt-oldlace\:5, .sf-c-txt-oldlace\:5\:st { color: hsl(39, 85%, 5%) } -.sf-c-txt-oldlace\:10, .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } -.sf-c-txt-oldlace\:15, .sf-c-txt-oldlace\:15\:st { color: hsl(39, 85%, 15%) } -.sf-c-txt-oldlace\:20, .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } -.sf-c-txt-oldlace\:25, .sf-c-txt-oldlace\:25\:st { color: hsl(39, 85%, 25%) } -.sf-c-txt-oldlace\:30, .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } -.sf-c-txt-oldlace\:35, .sf-c-txt-oldlace\:35\:st { color: hsl(39, 85%, 35%) } -.sf-c-txt-oldlace\:40, .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } -.sf-c-txt-oldlace\:45, .sf-c-txt-oldlace\:45\:st { color: hsl(39, 85%, 45%) } -.sf-c-txt-oldlace\:50, .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } -.sf-c-txt-oldlace\:55, .sf-c-txt-oldlace\:55\:st { color: hsl(39, 85%, 55%) } -.sf-c-txt-oldlace\:60, .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } -.sf-c-txt-oldlace\:65, .sf-c-txt-oldlace\:65\:st { color: hsl(39, 85%, 65%) } -.sf-c-txt-oldlace\:70, .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } -.sf-c-txt-oldlace\:75, .sf-c-txt-oldlace\:75\:st { color: hsl(39, 85%, 75%) } -.sf-c-txt-oldlace\:80, .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } -.sf-c-txt-oldlace\:85, .sf-c-txt-oldlace\:85\:st { color: hsl(39, 85%, 85%) } -.sf-c-txt-oldlace\:90, .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } -.sf-c-txt-oldlace\:95, .sf-c-txt-oldlace\:95\:st { color: hsl(39, 85%, 95%) } -.sf-c-txt-oldlace\:100, .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } - -html[data-theme='dark'] .sf-c-oldlace, html.dark .sf-c-oldlace { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-oldlace\:0, html.dark .sf-c-oldlace\:0 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } -html[data-theme='dark'] .sf-c-oldlace\:5, html.dark .sf-c-oldlace\:5 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-oldlace\:10, html.dark .sf-c-oldlace\:10 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-oldlace\:15, html.dark .sf-c-oldlace\:15 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 85%) } -html[data-theme='dark'] .sf-c-oldlace\:20, html.dark .sf-c-oldlace\:20 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-oldlace\:25, html.dark .sf-c-oldlace\:25 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 75%) } -html[data-theme='dark'] .sf-c-oldlace\:30, html.dark .sf-c-oldlace\:30 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-oldlace\:35, html.dark .sf-c-oldlace\:35 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 65%) } -html[data-theme='dark'] .sf-c-oldlace\:40, html.dark .sf-c-oldlace\:40 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-oldlace\:45, html.dark .sf-c-oldlace\:45 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 55%) } -html[data-theme='dark'] .sf-c-oldlace\:50, html.dark .sf-c-oldlace\:50 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-oldlace\:55, html.dark .sf-c-oldlace\:55 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 45%) } -html[data-theme='dark'] .sf-c-oldlace\:60, html.dark .sf-c-oldlace\:60 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-oldlace\:65, html.dark .sf-c-oldlace\:65 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 35%) } -html[data-theme='dark'] .sf-c-oldlace\:70, html.dark .sf-c-oldlace\:70 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-oldlace\:75, html.dark .sf-c-oldlace\:75 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 25%) } -html[data-theme='dark'] .sf-c-oldlace\:80, html.dark .sf-c-oldlace\:80 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-oldlace\:85, html.dark .sf-c-oldlace\:85 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 15%) } -html[data-theme='dark'] .sf-c-oldlace\:90, html.dark .sf-c-oldlace\:90 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-oldlace\:95, html.dark .sf-c-oldlace\:95 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-oldlace\:100, html.dark .sf-c-oldlace\:100 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } - -html[data-theme='dark'] .sf-c-oldlace\:st, html.dark .sf-c-oldlace\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-oldlace\:0\:st, html.dark .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } -html[data-theme='dark'] .sf-c-oldlace\:5\:st, html.dark .sf-c-oldlace\:5\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-oldlace\:10\:st, html.dark .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-oldlace\:15\:st, html.dark .sf-c-oldlace\:15\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 15%) } -html[data-theme='dark'] .sf-c-oldlace\:20\:st, html.dark .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-oldlace\:25\:st, html.dark .sf-c-oldlace\:25\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 25%) } -html[data-theme='dark'] .sf-c-oldlace\:30\:st, html.dark .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-oldlace\:35\:st, html.dark .sf-c-oldlace\:35\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 35%) } -html[data-theme='dark'] .sf-c-oldlace\:40\:st, html.dark .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-oldlace\:45\:st, html.dark .sf-c-oldlace\:45\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 45%) } -html[data-theme='dark'] .sf-c-oldlace\:50\:st, html.dark .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-oldlace\:55\:st, html.dark .sf-c-oldlace\:55\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 55%) } -html[data-theme='dark'] .sf-c-oldlace\:60\:st, html.dark .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-oldlace\:65\:st, html.dark .sf-c-oldlace\:65\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 65%) } -html[data-theme='dark'] .sf-c-oldlace\:70\:st, html.dark .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-oldlace\:75\:st, html.dark .sf-c-oldlace\:75\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 75%) } -html[data-theme='dark'] .sf-c-oldlace\:80\:st, html.dark .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-oldlace\:85\:st, html.dark .sf-c-oldlace\:85\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 85%) } -html[data-theme='dark'] .sf-c-oldlace\:90\:st, html.dark .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-oldlace\:95\:st, html.dark .sf-c-oldlace\:95\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-oldlace\:100\:st, html.dark .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } - -html[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:5, html.dark .sf-c-txt-oldlace\:5 { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:15, html.dark .sf-c-txt-oldlace\:15 { color: hsl(39, 85%, 85%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:25, html.dark .sf-c-txt-oldlace\:25 { color: hsl(39, 85%, 75%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:35, html.dark .sf-c-txt-oldlace\:35 { color: hsl(39, 85%, 65%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:45, html.dark .sf-c-txt-oldlace\:45 { color: hsl(39, 85%, 55%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:55, html.dark .sf-c-txt-oldlace\:55 { color: hsl(39, 85%, 45%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:65, html.dark .sf-c-txt-oldlace\:65 { color: hsl(39, 85%, 35%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:75, html.dark .sf-c-txt-oldlace\:75 { color: hsl(39, 85%, 25%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:85, html.dark .sf-c-txt-oldlace\:85 { color: hsl(39, 85%, 15%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:95, html.dark .sf-c-txt-oldlace\:95 { color: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } - -html[data-theme='dark'] .sf-c-txt-oldlace\:st, html.dark .sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:0\:st, html.dark .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:5\:st, html.dark .sf-c-txt-oldlace\:5\:st { color: hsl(39, 85%, 5%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:10\:st, html.dark .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:15\:st, html.dark .sf-c-txt-oldlace\:15\:st { color: hsl(39, 85%, 15%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:20\:st, html.dark .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:25\:st, html.dark .sf-c-txt-oldlace\:25\:st { color: hsl(39, 85%, 25%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:30\:st, html.dark .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:35\:st, html.dark .sf-c-txt-oldlace\:35\:st { color: hsl(39, 85%, 35%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:40\:st, html.dark .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:45\:st, html.dark .sf-c-txt-oldlace\:45\:st { color: hsl(39, 85%, 45%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:50\:st, html.dark .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:55\:st, html.dark .sf-c-txt-oldlace\:55\:st { color: hsl(39, 85%, 55%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:60\:st, html.dark .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:65\:st, html.dark .sf-c-txt-oldlace\:65\:st { color: hsl(39, 85%, 65%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:70\:st, html.dark .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:75\:st, html.dark .sf-c-txt-oldlace\:75\:st { color: hsl(39, 85%, 75%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:80\:st, html.dark .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:85\:st, html.dark .sf-c-txt-oldlace\:85\:st { color: hsl(39, 85%, 85%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:90\:st, html.dark .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:95\:st, html.dark .sf-c-txt-oldlace\:95\:st { color: hsl(39, 85%, 95%) } -html[data-theme='dark'] .sf-c-txt-oldlace\:100\:st, html.dark .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-oldlace, html.auto .sf-c-oldlace { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-oldlace\:0, html.auto .sf-c-oldlace\:0 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } - html[data-theme='auto'] .sf-c-oldlace\:5, html.auto .sf-c-oldlace\:5 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-oldlace\:10, html.auto .sf-c-oldlace\:10 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-oldlace\:15, html.auto .sf-c-oldlace\:15 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 85%) } - html[data-theme='auto'] .sf-c-oldlace\:20, html.auto .sf-c-oldlace\:20 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-oldlace\:25, html.auto .sf-c-oldlace\:25 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 75%) } - html[data-theme='auto'] .sf-c-oldlace\:30, html.auto .sf-c-oldlace\:30 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-oldlace\:35, html.auto .sf-c-oldlace\:35 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 65%) } - html[data-theme='auto'] .sf-c-oldlace\:40, html.auto .sf-c-oldlace\:40 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-oldlace\:45, html.auto .sf-c-oldlace\:45 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 55%) } - html[data-theme='auto'] .sf-c-oldlace\:50, html.auto .sf-c-oldlace\:50 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-oldlace\:55, html.auto .sf-c-oldlace\:55 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 45%) } - html[data-theme='auto'] .sf-c-oldlace\:60, html.auto .sf-c-oldlace\:60 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-oldlace\:65, html.auto .sf-c-oldlace\:65 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 35%) } - html[data-theme='auto'] .sf-c-oldlace\:70, html.auto .sf-c-oldlace\:70 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-oldlace\:75, html.auto .sf-c-oldlace\:75 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 25%) } - html[data-theme='auto'] .sf-c-oldlace\:80, html.auto .sf-c-oldlace\:80 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-oldlace\:85, html.auto .sf-c-oldlace\:85 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 15%) } - html[data-theme='auto'] .sf-c-oldlace\:90, html.auto .sf-c-oldlace\:90 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-oldlace\:95, html.auto .sf-c-oldlace\:95 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-oldlace\:100, html.auto .sf-c-oldlace\:100 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } - - html[data-theme='auto'] .sf-c-oldlace\:st, html.auto .sf-c-oldlace\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-oldlace\:0\:st, html.auto .sf-c-oldlace\:0\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } - html[data-theme='auto'] .sf-c-oldlace\:5\:st, html.auto .sf-c-oldlace\:5\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-oldlace\:10\:st, html.auto .sf-c-oldlace\:10\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-oldlace\:15\:st, html.auto .sf-c-oldlace\:15\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 15%) } - html[data-theme='auto'] .sf-c-oldlace\:20\:st, html.auto .sf-c-oldlace\:20\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-oldlace\:25\:st, html.auto .sf-c-oldlace\:25\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 25%) } - html[data-theme='auto'] .sf-c-oldlace\:30\:st, html.auto .sf-c-oldlace\:30\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-oldlace\:35\:st, html.auto .sf-c-oldlace\:35\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 35%) } - html[data-theme='auto'] .sf-c-oldlace\:40\:st, html.auto .sf-c-oldlace\:40\:st { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-oldlace\:45\:st, html.auto .sf-c-oldlace\:45\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 45%) } - html[data-theme='auto'] .sf-c-oldlace\:50\:st, html.auto .sf-c-oldlace\:50\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-oldlace\:55\:st, html.auto .sf-c-oldlace\:55\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 55%) } - html[data-theme='auto'] .sf-c-oldlace\:60\:st, html.auto .sf-c-oldlace\:60\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-oldlace\:65\:st, html.auto .sf-c-oldlace\:65\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 65%) } - html[data-theme='auto'] .sf-c-oldlace\:70\:st, html.auto .sf-c-oldlace\:70\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-oldlace\:75\:st, html.auto .sf-c-oldlace\:75\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 75%) } - html[data-theme='auto'] .sf-c-oldlace\:80\:st, html.auto .sf-c-oldlace\:80\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-oldlace\:85\:st, html.auto .sf-c-oldlace\:85\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 85%) } - html[data-theme='auto'] .sf-c-oldlace\:90\:st, html.auto .sf-c-oldlace\:90\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-oldlace\:95\:st, html.auto .sf-c-oldlace\:95\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-oldlace\:100\:st, html.auto .sf-c-oldlace\:100\:st { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } - - html[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:5, html.auto .sf-c-txt-oldlace\:5 { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:15, html.auto .sf-c-txt-oldlace\:15 { color: hsl(39, 85%, 85%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:25, html.auto .sf-c-txt-oldlace\:25 { color: hsl(39, 85%, 75%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:35, html.auto .sf-c-txt-oldlace\:35 { color: hsl(39, 85%, 65%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:45, html.auto .sf-c-txt-oldlace\:45 { color: hsl(39, 85%, 55%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:55, html.auto .sf-c-txt-oldlace\:55 { color: hsl(39, 85%, 45%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:65, html.auto .sf-c-txt-oldlace\:65 { color: hsl(39, 85%, 35%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:75, html.auto .sf-c-txt-oldlace\:75 { color: hsl(39, 85%, 25%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:85, html.auto .sf-c-txt-oldlace\:85 { color: hsl(39, 85%, 15%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:95, html.auto .sf-c-txt-oldlace\:95 { color: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } - - html[data-theme='auto'] .sf-c-txt-oldlace\:st, html.auto .sf-c-txt-oldlace\:st { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:0\:st, html.auto .sf-c-txt-oldlace\:0\:st { color: hsl(39, 85%, 0%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:5\:st, html.auto .sf-c-txt-oldlace\:5\:st { color: hsl(39, 85%, 5%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:10\:st, html.auto .sf-c-txt-oldlace\:10\:st { color: hsl(39, 85%, 10%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:15\:st, html.auto .sf-c-txt-oldlace\:15\:st { color: hsl(39, 85%, 15%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:20\:st, html.auto .sf-c-txt-oldlace\:20\:st { color: hsl(39, 85%, 20%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:25\:st, html.auto .sf-c-txt-oldlace\:25\:st { color: hsl(39, 85%, 25%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:30\:st, html.auto .sf-c-txt-oldlace\:30\:st { color: hsl(39, 85%, 30%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:35\:st, html.auto .sf-c-txt-oldlace\:35\:st { color: hsl(39, 85%, 35%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:40\:st, html.auto .sf-c-txt-oldlace\:40\:st { color: hsl(39, 85%, 40%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:45\:st, html.auto .sf-c-txt-oldlace\:45\:st { color: hsl(39, 85%, 45%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:50\:st, html.auto .sf-c-txt-oldlace\:50\:st { color: hsl(39, 85%, 50%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:55\:st, html.auto .sf-c-txt-oldlace\:55\:st { color: hsl(39, 85%, 55%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:60\:st, html.auto .sf-c-txt-oldlace\:60\:st { color: hsl(39, 85%, 60%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:65\:st, html.auto .sf-c-txt-oldlace\:65\:st { color: hsl(39, 85%, 65%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:70\:st, html.auto .sf-c-txt-oldlace\:70\:st { color: hsl(39, 85%, 70%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:75\:st, html.auto .sf-c-txt-oldlace\:75\:st { color: hsl(39, 85%, 75%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:80\:st, html.auto .sf-c-txt-oldlace\:80\:st { color: hsl(39, 85%, 80%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:85\:st, html.auto .sf-c-txt-oldlace\:85\:st { color: hsl(39, 85%, 85%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:90\:st, html.auto .sf-c-txt-oldlace\:90\:st { color: hsl(39, 85%, 90%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:95\:st, html.auto .sf-c-txt-oldlace\:95\:st { color: hsl(39, 85%, 95%) } - html[data-theme='auto'] .sf-c-txt-oldlace\:100\:st, html.auto .sf-c-txt-oldlace\:100\:st { color: hsl(39, 85%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/olive.css b/src/colors/20/olive.css deleted file mode 100644 index 4898e34..0000000 --- a/src/colors/20/olive.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-olive { - --sf-c-olive: 60 100% 25%; - --sf-c-olive-0: 60 100% 0%; - --sf-c-olive-5: 60 100% 5%; - --sf-c-olive-10: 60 100% 10%; - --sf-c-olive-15: 60 100% 15%; - --sf-c-olive-20: 60 100% 20%; - --sf-c-olive-25: 60 100% 25%; - --sf-c-olive-30: 60 100% 30%; - --sf-c-olive-35: 60 100% 35%; - --sf-c-olive-40: 60 100% 40%; - --sf-c-olive-45: 60 100% 45%; - --sf-c-olive-50: 60 100% 50%; - --sf-c-olive-55: 60 100% 55%; - --sf-c-olive-60: 60 100% 60%; - --sf-c-olive-65: 60 100% 65%; - --sf-c-olive-70: 60 100% 70%; - --sf-c-olive-75: 60 100% 75%; - --sf-c-olive-80: 60 100% 80%; - --sf-c-olive-85: 60 100% 85%; - --sf-c-olive-90: 60 100% 90%; - --sf-c-olive-95: 60 100% 95%; - --sf-c-olive-100: 60 100% 100%; -} - -.sf-c-olive, .sf-c-olive\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -.sf-c-olive\:0, .sf-c-olive\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -.sf-c-olive\:5, .sf-c-olive\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -.sf-c-olive\:10, .sf-c-olive\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -.sf-c-olive\:15, .sf-c-olive\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -.sf-c-olive\:20, .sf-c-olive\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -.sf-c-olive\:25, .sf-c-olive\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -.sf-c-olive\:30, .sf-c-olive\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -.sf-c-olive\:35, .sf-c-olive\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -.sf-c-olive\:40, .sf-c-olive\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -.sf-c-olive\:45, .sf-c-olive\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -.sf-c-olive\:50, .sf-c-olive\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -.sf-c-olive\:55, .sf-c-olive\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -.sf-c-olive\:60, .sf-c-olive\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -.sf-c-olive\:65, .sf-c-olive\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -.sf-c-olive\:70, .sf-c-olive\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -.sf-c-olive\:75, .sf-c-olive\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -.sf-c-olive\:80, .sf-c-olive\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -.sf-c-olive\:85, .sf-c-olive\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -.sf-c-olive\:90, .sf-c-olive\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -.sf-c-olive\:95, .sf-c-olive\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -.sf-c-olive\:100, .sf-c-olive\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-olive { color: hsl(60, 100%, 25%) } -.sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-olive\:0, .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-olive\:5, .sf-c-txt-olive\:5\:st { color: hsl(60, 100%, 5%) } -.sf-c-txt-olive\:10, .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-olive\:15, .sf-c-txt-olive\:15\:st { color: hsl(60, 100%, 15%) } -.sf-c-txt-olive\:20, .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-olive\:25, .sf-c-txt-olive\:25\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-olive\:30, .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-olive\:35, .sf-c-txt-olive\:35\:st { color: hsl(60, 100%, 35%) } -.sf-c-txt-olive\:40, .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-olive\:45, .sf-c-txt-olive\:45\:st { color: hsl(60, 100%, 45%) } -.sf-c-txt-olive\:50, .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-olive\:55, .sf-c-txt-olive\:55\:st { color: hsl(60, 100%, 55%) } -.sf-c-txt-olive\:60, .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-olive\:65, .sf-c-txt-olive\:65\:st { color: hsl(60, 100%, 65%) } -.sf-c-txt-olive\:70, .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-olive\:75, .sf-c-txt-olive\:75\:st { color: hsl(60, 100%, 75%) } -.sf-c-txt-olive\:80, .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-olive\:85, .sf-c-txt-olive\:85\:st { color: hsl(60, 100%, 85%) } -.sf-c-txt-olive\:90, .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-olive\:95, .sf-c-txt-olive\:95\:st { color: hsl(60, 100%, 95%) } -.sf-c-txt-olive\:100, .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-olive, html.dark .sf-c-olive { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-olive\:0, html.dark .sf-c-olive\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-olive\:5, html.dark .sf-c-olive\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-olive\:10, html.dark .sf-c-olive\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-olive\:15, html.dark .sf-c-olive\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-olive\:20, html.dark .sf-c-olive\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-olive\:25, html.dark .sf-c-olive\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-olive\:30, html.dark .sf-c-olive\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-olive\:35, html.dark .sf-c-olive\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-olive\:40, html.dark .sf-c-olive\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-olive\:45, html.dark .sf-c-olive\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-olive\:50, html.dark .sf-c-olive\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-olive\:55, html.dark .sf-c-olive\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-olive\:60, html.dark .sf-c-olive\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-olive\:65, html.dark .sf-c-olive\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-olive\:70, html.dark .sf-c-olive\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-olive\:75, html.dark .sf-c-olive\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-olive\:80, html.dark .sf-c-olive\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-olive\:85, html.dark .sf-c-olive\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-olive\:90, html.dark .sf-c-olive\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-olive\:95, html.dark .sf-c-olive\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-olive\:100, html.dark .sf-c-olive\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-olive\:st, html.dark .sf-c-olive\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-olive\:0\:st, html.dark .sf-c-olive\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-olive\:5\:st, html.dark .sf-c-olive\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-olive\:10\:st, html.dark .sf-c-olive\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-olive\:15\:st, html.dark .sf-c-olive\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-olive\:20\:st, html.dark .sf-c-olive\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-olive\:25\:st, html.dark .sf-c-olive\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-olive\:30\:st, html.dark .sf-c-olive\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-olive\:35\:st, html.dark .sf-c-olive\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-olive\:40\:st, html.dark .sf-c-olive\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-olive\:45\:st, html.dark .sf-c-olive\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-olive\:50\:st, html.dark .sf-c-olive\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-olive\:55\:st, html.dark .sf-c-olive\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-olive\:60\:st, html.dark .sf-c-olive\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-olive\:65\:st, html.dark .sf-c-olive\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-olive\:70\:st, html.dark .sf-c-olive\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-olive\:75\:st, html.dark .sf-c-olive\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-olive\:80\:st, html.dark .sf-c-olive\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-olive\:85\:st, html.dark .sf-c-olive\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-olive\:90\:st, html.dark .sf-c-olive\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-olive\:95\:st, html.dark .sf-c-olive\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-olive\:100\:st, html.dark .sf-c-olive\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-olive\:5, html.dark .sf-c-txt-olive\:5 { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-olive\:15, html.dark .sf-c-txt-olive\:15 { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-olive\:25, html.dark .sf-c-txt-olive\:25 { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-olive\:35, html.dark .sf-c-txt-olive\:35 { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-olive\:45, html.dark .sf-c-txt-olive\:45 { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-olive\:55, html.dark .sf-c-txt-olive\:55 { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-olive\:65, html.dark .sf-c-txt-olive\:65 { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-olive\:75, html.dark .sf-c-txt-olive\:75 { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-olive\:85, html.dark .sf-c-txt-olive\:85 { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-olive\:95, html.dark .sf-c-txt-olive\:95 { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-olive\:st, html.dark .sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-olive\:0\:st, html.dark .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-olive\:5\:st, html.dark .sf-c-txt-olive\:5\:st { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-olive\:10\:st, html.dark .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-olive\:15\:st, html.dark .sf-c-txt-olive\:15\:st { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-olive\:20\:st, html.dark .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-olive\:25\:st, html.dark .sf-c-txt-olive\:25\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-olive\:30\:st, html.dark .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-olive\:35\:st, html.dark .sf-c-txt-olive\:35\:st { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-olive\:40\:st, html.dark .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-olive\:45\:st, html.dark .sf-c-txt-olive\:45\:st { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-olive\:50\:st, html.dark .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-olive\:55\:st, html.dark .sf-c-txt-olive\:55\:st { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-olive\:60\:st, html.dark .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-olive\:65\:st, html.dark .sf-c-txt-olive\:65\:st { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-olive\:70\:st, html.dark .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-olive\:75\:st, html.dark .sf-c-txt-olive\:75\:st { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-olive\:80\:st, html.dark .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-olive\:85\:st, html.dark .sf-c-txt-olive\:85\:st { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-olive\:90\:st, html.dark .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-olive\:95\:st, html.dark .sf-c-txt-olive\:95\:st { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-olive\:100\:st, html.dark .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-olive, html.auto .sf-c-olive { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-olive\:0, html.auto .sf-c-olive\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-olive\:5, html.auto .sf-c-olive\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-olive\:10, html.auto .sf-c-olive\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-olive\:15, html.auto .sf-c-olive\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-olive\:20, html.auto .sf-c-olive\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-olive\:25, html.auto .sf-c-olive\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-olive\:30, html.auto .sf-c-olive\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-olive\:35, html.auto .sf-c-olive\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-olive\:40, html.auto .sf-c-olive\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-olive\:45, html.auto .sf-c-olive\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-olive\:50, html.auto .sf-c-olive\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-olive\:55, html.auto .sf-c-olive\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-olive\:60, html.auto .sf-c-olive\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-olive\:65, html.auto .sf-c-olive\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-olive\:70, html.auto .sf-c-olive\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-olive\:75, html.auto .sf-c-olive\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-olive\:80, html.auto .sf-c-olive\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-olive\:85, html.auto .sf-c-olive\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-olive\:90, html.auto .sf-c-olive\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-olive\:95, html.auto .sf-c-olive\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-olive\:100, html.auto .sf-c-olive\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-olive\:st, html.auto .sf-c-olive\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-olive\:0\:st, html.auto .sf-c-olive\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-olive\:5\:st, html.auto .sf-c-olive\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-olive\:10\:st, html.auto .sf-c-olive\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-olive\:15\:st, html.auto .sf-c-olive\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-olive\:20\:st, html.auto .sf-c-olive\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-olive\:25\:st, html.auto .sf-c-olive\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-olive\:30\:st, html.auto .sf-c-olive\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-olive\:35\:st, html.auto .sf-c-olive\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-olive\:40\:st, html.auto .sf-c-olive\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-olive\:45\:st, html.auto .sf-c-olive\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-olive\:50\:st, html.auto .sf-c-olive\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-olive\:55\:st, html.auto .sf-c-olive\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-olive\:60\:st, html.auto .sf-c-olive\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-olive\:65\:st, html.auto .sf-c-olive\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-olive\:70\:st, html.auto .sf-c-olive\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-olive\:75\:st, html.auto .sf-c-olive\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-olive\:80\:st, html.auto .sf-c-olive\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-olive\:85\:st, html.auto .sf-c-olive\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-olive\:90\:st, html.auto .sf-c-olive\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-olive\:95\:st, html.auto .sf-c-olive\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-olive\:100\:st, html.auto .sf-c-olive\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-olive\:5, html.auto .sf-c-txt-olive\:5 { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-olive\:15, html.auto .sf-c-txt-olive\:15 { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-olive\:25, html.auto .sf-c-txt-olive\:25 { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-olive\:35, html.auto .sf-c-txt-olive\:35 { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-olive\:45, html.auto .sf-c-txt-olive\:45 { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-olive\:55, html.auto .sf-c-txt-olive\:55 { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-olive\:65, html.auto .sf-c-txt-olive\:65 { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-olive\:75, html.auto .sf-c-txt-olive\:75 { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-olive\:85, html.auto .sf-c-txt-olive\:85 { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-olive\:95, html.auto .sf-c-txt-olive\:95 { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-olive\:st, html.auto .sf-c-txt-olive\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-olive\:0\:st, html.auto .sf-c-txt-olive\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-olive\:5\:st, html.auto .sf-c-txt-olive\:5\:st { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-olive\:10\:st, html.auto .sf-c-txt-olive\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-olive\:15\:st, html.auto .sf-c-txt-olive\:15\:st { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-olive\:20\:st, html.auto .sf-c-txt-olive\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-olive\:25\:st, html.auto .sf-c-txt-olive\:25\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-olive\:30\:st, html.auto .sf-c-txt-olive\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-olive\:35\:st, html.auto .sf-c-txt-olive\:35\:st { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-olive\:40\:st, html.auto .sf-c-txt-olive\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-olive\:45\:st, html.auto .sf-c-txt-olive\:45\:st { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-olive\:50\:st, html.auto .sf-c-txt-olive\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-olive\:55\:st, html.auto .sf-c-txt-olive\:55\:st { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-olive\:60\:st, html.auto .sf-c-txt-olive\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-olive\:65\:st, html.auto .sf-c-txt-olive\:65\:st { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-olive\:70\:st, html.auto .sf-c-txt-olive\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-olive\:75\:st, html.auto .sf-c-txt-olive\:75\:st { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-olive\:80\:st, html.auto .sf-c-txt-olive\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-olive\:85\:st, html.auto .sf-c-txt-olive\:85\:st { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-olive\:90\:st, html.auto .sf-c-txt-olive\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-olive\:95\:st, html.auto .sf-c-txt-olive\:95\:st { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-olive\:100\:st, html.auto .sf-c-txt-olive\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/olivedrab.css b/src/colors/20/olivedrab.css deleted file mode 100644 index 52149a6..0000000 --- a/src/colors/20/olivedrab.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-olivedrab { - --sf-c-olivedrab: 80 60% 35%; - --sf-c-olivedrab-0: 80 60% 0%; - --sf-c-olivedrab-5: 80 60% 5%; - --sf-c-olivedrab-10: 80 60% 10%; - --sf-c-olivedrab-15: 80 60% 15%; - --sf-c-olivedrab-20: 80 60% 20%; - --sf-c-olivedrab-25: 80 60% 25%; - --sf-c-olivedrab-30: 80 60% 30%; - --sf-c-olivedrab-35: 80 60% 35%; - --sf-c-olivedrab-40: 80 60% 40%; - --sf-c-olivedrab-45: 80 60% 45%; - --sf-c-olivedrab-50: 80 60% 50%; - --sf-c-olivedrab-55: 80 60% 55%; - --sf-c-olivedrab-60: 80 60% 60%; - --sf-c-olivedrab-65: 80 60% 65%; - --sf-c-olivedrab-70: 80 60% 70%; - --sf-c-olivedrab-75: 80 60% 75%; - --sf-c-olivedrab-80: 80 60% 80%; - --sf-c-olivedrab-85: 80 60% 85%; - --sf-c-olivedrab-90: 80 60% 90%; - --sf-c-olivedrab-95: 80 60% 95%; - --sf-c-olivedrab-100: 80 60% 100%; -} - -.sf-c-olivedrab, .sf-c-olivedrab\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } -.sf-c-olivedrab\:0, .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } -.sf-c-olivedrab\:5, .sf-c-olivedrab\:5\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } -.sf-c-olivedrab\:10, .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } -.sf-c-olivedrab\:15, .sf-c-olivedrab\:15\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 15%) } -.sf-c-olivedrab\:20, .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 20%) } -.sf-c-olivedrab\:25, .sf-c-olivedrab\:25\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 25%) } -.sf-c-olivedrab\:30, .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 30%) } -.sf-c-olivedrab\:35, .sf-c-olivedrab\:35\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } -.sf-c-olivedrab\:40, .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 40%) } -.sf-c-olivedrab\:45, .sf-c-olivedrab\:45\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 45%) } -.sf-c-olivedrab\:50, .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 50%) } -.sf-c-olivedrab\:55, .sf-c-olivedrab\:55\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 55%) } -.sf-c-olivedrab\:60, .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 60%) } -.sf-c-olivedrab\:65, .sf-c-olivedrab\:65\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } -.sf-c-olivedrab\:70, .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 70%) } -.sf-c-olivedrab\:75, .sf-c-olivedrab\:75\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 75%) } -.sf-c-olivedrab\:80, .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 80%) } -.sf-c-olivedrab\:85, .sf-c-olivedrab\:85\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 85%) } -.sf-c-olivedrab\:90, .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 90%) } -.sf-c-olivedrab\:95, .sf-c-olivedrab\:95\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } -.sf-c-olivedrab\:100, .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } - -.sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } -.sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } -.sf-c-txt-olivedrab\:0, .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } -.sf-c-txt-olivedrab\:5, .sf-c-txt-olivedrab\:5\:st { color: hsl(80, 60%, 5%) } -.sf-c-txt-olivedrab\:10, .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } -.sf-c-txt-olivedrab\:15, .sf-c-txt-olivedrab\:15\:st { color: hsl(80, 60%, 15%) } -.sf-c-txt-olivedrab\:20, .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } -.sf-c-txt-olivedrab\:25, .sf-c-txt-olivedrab\:25\:st { color: hsl(80, 60%, 25%) } -.sf-c-txt-olivedrab\:30, .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } -.sf-c-txt-olivedrab\:35, .sf-c-txt-olivedrab\:35\:st { color: hsl(80, 60%, 35%) } -.sf-c-txt-olivedrab\:40, .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } -.sf-c-txt-olivedrab\:45, .sf-c-txt-olivedrab\:45\:st { color: hsl(80, 60%, 45%) } -.sf-c-txt-olivedrab\:50, .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } -.sf-c-txt-olivedrab\:55, .sf-c-txt-olivedrab\:55\:st { color: hsl(80, 60%, 55%) } -.sf-c-txt-olivedrab\:60, .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } -.sf-c-txt-olivedrab\:65, .sf-c-txt-olivedrab\:65\:st { color: hsl(80, 60%, 65%) } -.sf-c-txt-olivedrab\:70, .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } -.sf-c-txt-olivedrab\:75, .sf-c-txt-olivedrab\:75\:st { color: hsl(80, 60%, 75%) } -.sf-c-txt-olivedrab\:80, .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } -.sf-c-txt-olivedrab\:85, .sf-c-txt-olivedrab\:85\:st { color: hsl(80, 60%, 85%) } -.sf-c-txt-olivedrab\:90, .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } -.sf-c-txt-olivedrab\:95, .sf-c-txt-olivedrab\:95\:st { color: hsl(80, 60%, 95%) } -.sf-c-txt-olivedrab\:100, .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } - -html[data-theme='dark'] .sf-c-olivedrab, html.dark .sf-c-olivedrab { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-olivedrab\:0, html.dark .sf-c-olivedrab\:0 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } -html[data-theme='dark'] .sf-c-olivedrab\:5, html.dark .sf-c-olivedrab\:5 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } -html[data-theme='dark'] .sf-c-olivedrab\:10, html.dark .sf-c-olivedrab\:10 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-olivedrab\:15, html.dark .sf-c-olivedrab\:15 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 85%) } -html[data-theme='dark'] .sf-c-olivedrab\:20, html.dark .sf-c-olivedrab\:20 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-olivedrab\:25, html.dark .sf-c-olivedrab\:25 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 75%) } -html[data-theme='dark'] .sf-c-olivedrab\:30, html.dark .sf-c-olivedrab\:30 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-olivedrab\:35, html.dark .sf-c-olivedrab\:35 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-olivedrab\:40, html.dark .sf-c-olivedrab\:40 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-olivedrab\:45, html.dark .sf-c-olivedrab\:45 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 55%) } -html[data-theme='dark'] .sf-c-olivedrab\:50, html.dark .sf-c-olivedrab\:50 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-olivedrab\:55, html.dark .sf-c-olivedrab\:55 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 45%) } -html[data-theme='dark'] .sf-c-olivedrab\:60, html.dark .sf-c-olivedrab\:60 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-olivedrab\:65, html.dark .sf-c-olivedrab\:65 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-olivedrab\:70, html.dark .sf-c-olivedrab\:70 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-olivedrab\:75, html.dark .sf-c-olivedrab\:75 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 25%) } -html[data-theme='dark'] .sf-c-olivedrab\:80, html.dark .sf-c-olivedrab\:80 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-olivedrab\:85, html.dark .sf-c-olivedrab\:85 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 15%) } -html[data-theme='dark'] .sf-c-olivedrab\:90, html.dark .sf-c-olivedrab\:90 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-olivedrab\:95, html.dark .sf-c-olivedrab\:95 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } -html[data-theme='dark'] .sf-c-olivedrab\:100, html.dark .sf-c-olivedrab\:100 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } - -html[data-theme='dark'] .sf-c-olivedrab\:st, html.dark .sf-c-olivedrab\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-olivedrab\:0\:st, html.dark .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } -html[data-theme='dark'] .sf-c-olivedrab\:5\:st, html.dark .sf-c-olivedrab\:5\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } -html[data-theme='dark'] .sf-c-olivedrab\:10\:st, html.dark .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-olivedrab\:15\:st, html.dark .sf-c-olivedrab\:15\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 15%) } -html[data-theme='dark'] .sf-c-olivedrab\:20\:st, html.dark .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-olivedrab\:25\:st, html.dark .sf-c-olivedrab\:25\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 25%) } -html[data-theme='dark'] .sf-c-olivedrab\:30\:st, html.dark .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-olivedrab\:35\:st, html.dark .sf-c-olivedrab\:35\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-olivedrab\:40\:st, html.dark .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-olivedrab\:45\:st, html.dark .sf-c-olivedrab\:45\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 45%) } -html[data-theme='dark'] .sf-c-olivedrab\:50\:st, html.dark .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-olivedrab\:55\:st, html.dark .sf-c-olivedrab\:55\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 55%) } -html[data-theme='dark'] .sf-c-olivedrab\:60\:st, html.dark .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-olivedrab\:65\:st, html.dark .sf-c-olivedrab\:65\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-olivedrab\:70\:st, html.dark .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-olivedrab\:75\:st, html.dark .sf-c-olivedrab\:75\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 75%) } -html[data-theme='dark'] .sf-c-olivedrab\:80\:st, html.dark .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-olivedrab\:85\:st, html.dark .sf-c-olivedrab\:85\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 85%) } -html[data-theme='dark'] .sf-c-olivedrab\:90\:st, html.dark .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-olivedrab\:95\:st, html.dark .sf-c-olivedrab\:95\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } -html[data-theme='dark'] .sf-c-olivedrab\:100\:st, html.dark .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:5, html.dark .sf-c-txt-olivedrab\:5 { color: hsl(80, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:15, html.dark .sf-c-txt-olivedrab\:15 { color: hsl(80, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:25, html.dark .sf-c-txt-olivedrab\:25 { color: hsl(80, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:35, html.dark .sf-c-txt-olivedrab\:35 { color: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:45, html.dark .sf-c-txt-olivedrab\:45 { color: hsl(80, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:55, html.dark .sf-c-txt-olivedrab\:55 { color: hsl(80, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:65, html.dark .sf-c-txt-olivedrab\:65 { color: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:75, html.dark .sf-c-txt-olivedrab\:75 { color: hsl(80, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:85, html.dark .sf-c-txt-olivedrab\:85 { color: hsl(80, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:95, html.dark .sf-c-txt-olivedrab\:95 { color: hsl(80, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-olivedrab\:st, html.dark .sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:0\:st, html.dark .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:5\:st, html.dark .sf-c-txt-olivedrab\:5\:st { color: hsl(80, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:10\:st, html.dark .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:15\:st, html.dark .sf-c-txt-olivedrab\:15\:st { color: hsl(80, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:20\:st, html.dark .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:25\:st, html.dark .sf-c-txt-olivedrab\:25\:st { color: hsl(80, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:30\:st, html.dark .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:35\:st, html.dark .sf-c-txt-olivedrab\:35\:st { color: hsl(80, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:40\:st, html.dark .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:45\:st, html.dark .sf-c-txt-olivedrab\:45\:st { color: hsl(80, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:50\:st, html.dark .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:55\:st, html.dark .sf-c-txt-olivedrab\:55\:st { color: hsl(80, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:60\:st, html.dark .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:65\:st, html.dark .sf-c-txt-olivedrab\:65\:st { color: hsl(80, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:70\:st, html.dark .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:75\:st, html.dark .sf-c-txt-olivedrab\:75\:st { color: hsl(80, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:80\:st, html.dark .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:85\:st, html.dark .sf-c-txt-olivedrab\:85\:st { color: hsl(80, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:90\:st, html.dark .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:95\:st, html.dark .sf-c-txt-olivedrab\:95\:st { color: hsl(80, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-olivedrab\:100\:st, html.dark .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-olivedrab, html.auto .sf-c-olivedrab { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-olivedrab\:0, html.auto .sf-c-olivedrab\:0 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } - html[data-theme='auto'] .sf-c-olivedrab\:5, html.auto .sf-c-olivedrab\:5 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } - html[data-theme='auto'] .sf-c-olivedrab\:10, html.auto .sf-c-olivedrab\:10 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-olivedrab\:15, html.auto .sf-c-olivedrab\:15 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 85%) } - html[data-theme='auto'] .sf-c-olivedrab\:20, html.auto .sf-c-olivedrab\:20 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-olivedrab\:25, html.auto .sf-c-olivedrab\:25 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 75%) } - html[data-theme='auto'] .sf-c-olivedrab\:30, html.auto .sf-c-olivedrab\:30 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-olivedrab\:35, html.auto .sf-c-olivedrab\:35 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-olivedrab\:40, html.auto .sf-c-olivedrab\:40 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-olivedrab\:45, html.auto .sf-c-olivedrab\:45 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 55%) } - html[data-theme='auto'] .sf-c-olivedrab\:50, html.auto .sf-c-olivedrab\:50 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-olivedrab\:55, html.auto .sf-c-olivedrab\:55 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 45%) } - html[data-theme='auto'] .sf-c-olivedrab\:60, html.auto .sf-c-olivedrab\:60 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-olivedrab\:65, html.auto .sf-c-olivedrab\:65 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-olivedrab\:70, html.auto .sf-c-olivedrab\:70 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-olivedrab\:75, html.auto .sf-c-olivedrab\:75 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 25%) } - html[data-theme='auto'] .sf-c-olivedrab\:80, html.auto .sf-c-olivedrab\:80 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-olivedrab\:85, html.auto .sf-c-olivedrab\:85 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 15%) } - html[data-theme='auto'] .sf-c-olivedrab\:90, html.auto .sf-c-olivedrab\:90 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-olivedrab\:95, html.auto .sf-c-olivedrab\:95 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } - html[data-theme='auto'] .sf-c-olivedrab\:100, html.auto .sf-c-olivedrab\:100 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } - - html[data-theme='auto'] .sf-c-olivedrab\:st, html.auto .sf-c-olivedrab\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-olivedrab\:0\:st, html.auto .sf-c-olivedrab\:0\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } - html[data-theme='auto'] .sf-c-olivedrab\:5\:st, html.auto .sf-c-olivedrab\:5\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } - html[data-theme='auto'] .sf-c-olivedrab\:10\:st, html.auto .sf-c-olivedrab\:10\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-olivedrab\:15\:st, html.auto .sf-c-olivedrab\:15\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 15%) } - html[data-theme='auto'] .sf-c-olivedrab\:20\:st, html.auto .sf-c-olivedrab\:20\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-olivedrab\:25\:st, html.auto .sf-c-olivedrab\:25\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 25%) } - html[data-theme='auto'] .sf-c-olivedrab\:30\:st, html.auto .sf-c-olivedrab\:30\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-olivedrab\:35\:st, html.auto .sf-c-olivedrab\:35\:st { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-olivedrab\:40\:st, html.auto .sf-c-olivedrab\:40\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-olivedrab\:45\:st, html.auto .sf-c-olivedrab\:45\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 45%) } - html[data-theme='auto'] .sf-c-olivedrab\:50\:st, html.auto .sf-c-olivedrab\:50\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-olivedrab\:55\:st, html.auto .sf-c-olivedrab\:55\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 55%) } - html[data-theme='auto'] .sf-c-olivedrab\:60\:st, html.auto .sf-c-olivedrab\:60\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-olivedrab\:65\:st, html.auto .sf-c-olivedrab\:65\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-olivedrab\:70\:st, html.auto .sf-c-olivedrab\:70\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-olivedrab\:75\:st, html.auto .sf-c-olivedrab\:75\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 75%) } - html[data-theme='auto'] .sf-c-olivedrab\:80\:st, html.auto .sf-c-olivedrab\:80\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-olivedrab\:85\:st, html.auto .sf-c-olivedrab\:85\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 85%) } - html[data-theme='auto'] .sf-c-olivedrab\:90\:st, html.auto .sf-c-olivedrab\:90\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-olivedrab\:95\:st, html.auto .sf-c-olivedrab\:95\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } - html[data-theme='auto'] .sf-c-olivedrab\:100\:st, html.auto .sf-c-olivedrab\:100\:st { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:5, html.auto .sf-c-txt-olivedrab\:5 { color: hsl(80, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:15, html.auto .sf-c-txt-olivedrab\:15 { color: hsl(80, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:25, html.auto .sf-c-txt-olivedrab\:25 { color: hsl(80, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:35, html.auto .sf-c-txt-olivedrab\:35 { color: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:45, html.auto .sf-c-txt-olivedrab\:45 { color: hsl(80, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:55, html.auto .sf-c-txt-olivedrab\:55 { color: hsl(80, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:65, html.auto .sf-c-txt-olivedrab\:65 { color: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:75, html.auto .sf-c-txt-olivedrab\:75 { color: hsl(80, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:85, html.auto .sf-c-txt-olivedrab\:85 { color: hsl(80, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:95, html.auto .sf-c-txt-olivedrab\:95 { color: hsl(80, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-olivedrab\:st, html.auto .sf-c-txt-olivedrab\:st { color: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:0\:st, html.auto .sf-c-txt-olivedrab\:0\:st { color: hsl(80, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:5\:st, html.auto .sf-c-txt-olivedrab\:5\:st { color: hsl(80, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:10\:st, html.auto .sf-c-txt-olivedrab\:10\:st { color: hsl(80, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:15\:st, html.auto .sf-c-txt-olivedrab\:15\:st { color: hsl(80, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:20\:st, html.auto .sf-c-txt-olivedrab\:20\:st { color: hsl(80, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:25\:st, html.auto .sf-c-txt-olivedrab\:25\:st { color: hsl(80, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:30\:st, html.auto .sf-c-txt-olivedrab\:30\:st { color: hsl(80, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:35\:st, html.auto .sf-c-txt-olivedrab\:35\:st { color: hsl(80, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:40\:st, html.auto .sf-c-txt-olivedrab\:40\:st { color: hsl(80, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:45\:st, html.auto .sf-c-txt-olivedrab\:45\:st { color: hsl(80, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:50\:st, html.auto .sf-c-txt-olivedrab\:50\:st { color: hsl(80, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:55\:st, html.auto .sf-c-txt-olivedrab\:55\:st { color: hsl(80, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:60\:st, html.auto .sf-c-txt-olivedrab\:60\:st { color: hsl(80, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:65\:st, html.auto .sf-c-txt-olivedrab\:65\:st { color: hsl(80, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:70\:st, html.auto .sf-c-txt-olivedrab\:70\:st { color: hsl(80, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:75\:st, html.auto .sf-c-txt-olivedrab\:75\:st { color: hsl(80, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:80\:st, html.auto .sf-c-txt-olivedrab\:80\:st { color: hsl(80, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:85\:st, html.auto .sf-c-txt-olivedrab\:85\:st { color: hsl(80, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:90\:st, html.auto .sf-c-txt-olivedrab\:90\:st { color: hsl(80, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:95\:st, html.auto .sf-c-txt-olivedrab\:95\:st { color: hsl(80, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-olivedrab\:100\:st, html.auto .sf-c-txt-olivedrab\:100\:st { color: hsl(80, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/orange.css b/src/colors/20/orange.css deleted file mode 100644 index 6d2f11f..0000000 --- a/src/colors/20/orange.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-orange { - --sf-c-orange: 39 100% 50%; - --sf-c-orange-0: 39 100% 0%; - --sf-c-orange-5: 39 100% 5%; - --sf-c-orange-10: 39 100% 10%; - --sf-c-orange-15: 39 100% 15%; - --sf-c-orange-20: 39 100% 20%; - --sf-c-orange-25: 39 100% 25%; - --sf-c-orange-30: 39 100% 30%; - --sf-c-orange-35: 39 100% 35%; - --sf-c-orange-40: 39 100% 40%; - --sf-c-orange-45: 39 100% 45%; - --sf-c-orange-50: 39 100% 50%; - --sf-c-orange-55: 39 100% 55%; - --sf-c-orange-60: 39 100% 60%; - --sf-c-orange-65: 39 100% 65%; - --sf-c-orange-70: 39 100% 70%; - --sf-c-orange-75: 39 100% 75%; - --sf-c-orange-80: 39 100% 80%; - --sf-c-orange-85: 39 100% 85%; - --sf-c-orange-90: 39 100% 90%; - --sf-c-orange-95: 39 100% 95%; - --sf-c-orange-100: 39 100% 100%; -} - -.sf-c-orange, .sf-c-orange\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -.sf-c-orange\:0, .sf-c-orange\:0\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } -.sf-c-orange\:5, .sf-c-orange\:5\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } -.sf-c-orange\:10, .sf-c-orange\:10\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } -.sf-c-orange\:15, .sf-c-orange\:15\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 15%) } -.sf-c-orange\:20, .sf-c-orange\:20\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 20%) } -.sf-c-orange\:25, .sf-c-orange\:25\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 25%) } -.sf-c-orange\:30, .sf-c-orange\:30\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 30%) } -.sf-c-orange\:35, .sf-c-orange\:35\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 35%) } -.sf-c-orange\:40, .sf-c-orange\:40\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 40%) } -.sf-c-orange\:45, .sf-c-orange\:45\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 45%) } -.sf-c-orange\:50, .sf-c-orange\:50\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -.sf-c-orange\:55, .sf-c-orange\:55\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 55%) } -.sf-c-orange\:60, .sf-c-orange\:60\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 60%) } -.sf-c-orange\:65, .sf-c-orange\:65\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 65%) } -.sf-c-orange\:70, .sf-c-orange\:70\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 70%) } -.sf-c-orange\:75, .sf-c-orange\:75\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 75%) } -.sf-c-orange\:80, .sf-c-orange\:80\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 80%) } -.sf-c-orange\:85, .sf-c-orange\:85\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 85%) } -.sf-c-orange\:90, .sf-c-orange\:90\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 90%) } -.sf-c-orange\:95, .sf-c-orange\:95\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } -.sf-c-orange\:100, .sf-c-orange\:100\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } - -.sf-c-txt-orange { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:0, .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } -.sf-c-txt-orange\:5, .sf-c-txt-orange\:5\:st { color: hsl(39, 100%, 5%) } -.sf-c-txt-orange\:10, .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } -.sf-c-txt-orange\:15, .sf-c-txt-orange\:15\:st { color: hsl(39, 100%, 15%) } -.sf-c-txt-orange\:20, .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } -.sf-c-txt-orange\:25, .sf-c-txt-orange\:25\:st { color: hsl(39, 100%, 25%) } -.sf-c-txt-orange\:30, .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } -.sf-c-txt-orange\:35, .sf-c-txt-orange\:35\:st { color: hsl(39, 100%, 35%) } -.sf-c-txt-orange\:40, .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } -.sf-c-txt-orange\:45, .sf-c-txt-orange\:45\:st { color: hsl(39, 100%, 45%) } -.sf-c-txt-orange\:50, .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } -.sf-c-txt-orange\:55, .sf-c-txt-orange\:55\:st { color: hsl(39, 100%, 55%) } -.sf-c-txt-orange\:60, .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } -.sf-c-txt-orange\:65, .sf-c-txt-orange\:65\:st { color: hsl(39, 100%, 65%) } -.sf-c-txt-orange\:70, .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } -.sf-c-txt-orange\:75, .sf-c-txt-orange\:75\:st { color: hsl(39, 100%, 75%) } -.sf-c-txt-orange\:80, .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } -.sf-c-txt-orange\:85, .sf-c-txt-orange\:85\:st { color: hsl(39, 100%, 85%) } -.sf-c-txt-orange\:90, .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } -.sf-c-txt-orange\:95, .sf-c-txt-orange\:95\:st { color: hsl(39, 100%, 95%) } -.sf-c-txt-orange\:100, .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } - -html[data-theme='dark'] .sf-c-orange, html.dark .sf-c-orange { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:0, html.dark .sf-c-orange\:0 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } -html[data-theme='dark'] .sf-c-orange\:5, html.dark .sf-c-orange\:5 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } -html[data-theme='dark'] .sf-c-orange\:10, html.dark .sf-c-orange\:10 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-orange\:15, html.dark .sf-c-orange\:15 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 85%) } -html[data-theme='dark'] .sf-c-orange\:20, html.dark .sf-c-orange\:20 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-orange\:25, html.dark .sf-c-orange\:25 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 75%) } -html[data-theme='dark'] .sf-c-orange\:30, html.dark .sf-c-orange\:30 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-orange\:35, html.dark .sf-c-orange\:35 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 65%) } -html[data-theme='dark'] .sf-c-orange\:40, html.dark .sf-c-orange\:40 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-orange\:45, html.dark .sf-c-orange\:45 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 55%) } -html[data-theme='dark'] .sf-c-orange\:50, html.dark .sf-c-orange\:50 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:55, html.dark .sf-c-orange\:55 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 45%) } -html[data-theme='dark'] .sf-c-orange\:60, html.dark .sf-c-orange\:60 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-orange\:65, html.dark .sf-c-orange\:65 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 35%) } -html[data-theme='dark'] .sf-c-orange\:70, html.dark .sf-c-orange\:70 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-orange\:75, html.dark .sf-c-orange\:75 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 25%) } -html[data-theme='dark'] .sf-c-orange\:80, html.dark .sf-c-orange\:80 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-orange\:85, html.dark .sf-c-orange\:85 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 15%) } -html[data-theme='dark'] .sf-c-orange\:90, html.dark .sf-c-orange\:90 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-orange\:95, html.dark .sf-c-orange\:95 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } -html[data-theme='dark'] .sf-c-orange\:100, html.dark .sf-c-orange\:100 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } - -html[data-theme='dark'] .sf-c-orange\:st, html.dark .sf-c-orange\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:0\:st, html.dark .sf-c-orange\:0\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } -html[data-theme='dark'] .sf-c-orange\:5\:st, html.dark .sf-c-orange\:5\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } -html[data-theme='dark'] .sf-c-orange\:10\:st, html.dark .sf-c-orange\:10\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-orange\:15\:st, html.dark .sf-c-orange\:15\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 15%) } -html[data-theme='dark'] .sf-c-orange\:20\:st, html.dark .sf-c-orange\:20\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-orange\:25\:st, html.dark .sf-c-orange\:25\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 25%) } -html[data-theme='dark'] .sf-c-orange\:30\:st, html.dark .sf-c-orange\:30\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-orange\:35\:st, html.dark .sf-c-orange\:35\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 35%) } -html[data-theme='dark'] .sf-c-orange\:40\:st, html.dark .sf-c-orange\:40\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-orange\:45\:st, html.dark .sf-c-orange\:45\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 45%) } -html[data-theme='dark'] .sf-c-orange\:50\:st, html.dark .sf-c-orange\:50\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-orange\:55\:st, html.dark .sf-c-orange\:55\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 55%) } -html[data-theme='dark'] .sf-c-orange\:60\:st, html.dark .sf-c-orange\:60\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-orange\:65\:st, html.dark .sf-c-orange\:65\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 65%) } -html[data-theme='dark'] .sf-c-orange\:70\:st, html.dark .sf-c-orange\:70\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-orange\:75\:st, html.dark .sf-c-orange\:75\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 75%) } -html[data-theme='dark'] .sf-c-orange\:80\:st, html.dark .sf-c-orange\:80\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-orange\:85\:st, html.dark .sf-c-orange\:85\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 85%) } -html[data-theme='dark'] .sf-c-orange\:90\:st, html.dark .sf-c-orange\:90\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-orange\:95\:st, html.dark .sf-c-orange\:95\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } -html[data-theme='dark'] .sf-c-orange\:100\:st, html.dark .sf-c-orange\:100\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-orange\:5, html.dark .sf-c-txt-orange\:5 { color: hsl(39, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orange\:15, html.dark .sf-c-txt-orange\:15 { color: hsl(39, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orange\:25, html.dark .sf-c-txt-orange\:25 { color: hsl(39, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orange\:35, html.dark .sf-c-txt-orange\:35 { color: hsl(39, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orange\:45, html.dark .sf-c-txt-orange\:45 { color: hsl(39, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:55, html.dark .sf-c-txt-orange\:55 { color: hsl(39, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orange\:65, html.dark .sf-c-txt-orange\:65 { color: hsl(39, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orange\:75, html.dark .sf-c-txt-orange\:75 { color: hsl(39, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orange\:85, html.dark .sf-c-txt-orange\:85 { color: hsl(39, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orange\:95, html.dark .sf-c-txt-orange\:95 { color: hsl(39, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orange\:st, html.dark .sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:0\:st, html.dark .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-orange\:5\:st, html.dark .sf-c-txt-orange\:5\:st { color: hsl(39, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-orange\:10\:st, html.dark .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orange\:15\:st, html.dark .sf-c-txt-orange\:15\:st { color: hsl(39, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-orange\:20\:st, html.dark .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orange\:25\:st, html.dark .sf-c-txt-orange\:25\:st { color: hsl(39, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-orange\:30\:st, html.dark .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orange\:35\:st, html.dark .sf-c-txt-orange\:35\:st { color: hsl(39, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-orange\:40\:st, html.dark .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orange\:45\:st, html.dark .sf-c-txt-orange\:45\:st { color: hsl(39, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-orange\:50\:st, html.dark .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orange\:55\:st, html.dark .sf-c-txt-orange\:55\:st { color: hsl(39, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-orange\:60\:st, html.dark .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orange\:65\:st, html.dark .sf-c-txt-orange\:65\:st { color: hsl(39, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-orange\:70\:st, html.dark .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orange\:75\:st, html.dark .sf-c-txt-orange\:75\:st { color: hsl(39, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-orange\:80\:st, html.dark .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orange\:85\:st, html.dark .sf-c-txt-orange\:85\:st { color: hsl(39, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-orange\:90\:st, html.dark .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orange\:95\:st, html.dark .sf-c-txt-orange\:95\:st { color: hsl(39, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-orange\:100\:st, html.dark .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orange, html.auto .sf-c-orange { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:0, html.auto .sf-c-orange\:0 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } - html[data-theme='auto'] .sf-c-orange\:5, html.auto .sf-c-orange\:5 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } - html[data-theme='auto'] .sf-c-orange\:10, html.auto .sf-c-orange\:10 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-orange\:15, html.auto .sf-c-orange\:15 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 85%) } - html[data-theme='auto'] .sf-c-orange\:20, html.auto .sf-c-orange\:20 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-orange\:25, html.auto .sf-c-orange\:25 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 75%) } - html[data-theme='auto'] .sf-c-orange\:30, html.auto .sf-c-orange\:30 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-orange\:35, html.auto .sf-c-orange\:35 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 65%) } - html[data-theme='auto'] .sf-c-orange\:40, html.auto .sf-c-orange\:40 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-orange\:45, html.auto .sf-c-orange\:45 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 55%) } - html[data-theme='auto'] .sf-c-orange\:50, html.auto .sf-c-orange\:50 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:55, html.auto .sf-c-orange\:55 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 45%) } - html[data-theme='auto'] .sf-c-orange\:60, html.auto .sf-c-orange\:60 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-orange\:65, html.auto .sf-c-orange\:65 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 35%) } - html[data-theme='auto'] .sf-c-orange\:70, html.auto .sf-c-orange\:70 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-orange\:75, html.auto .sf-c-orange\:75 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 25%) } - html[data-theme='auto'] .sf-c-orange\:80, html.auto .sf-c-orange\:80 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-orange\:85, html.auto .sf-c-orange\:85 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 15%) } - html[data-theme='auto'] .sf-c-orange\:90, html.auto .sf-c-orange\:90 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-orange\:95, html.auto .sf-c-orange\:95 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } - html[data-theme='auto'] .sf-c-orange\:100, html.auto .sf-c-orange\:100 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } - - html[data-theme='auto'] .sf-c-orange\:st, html.auto .sf-c-orange\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:0\:st, html.auto .sf-c-orange\:0\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } - html[data-theme='auto'] .sf-c-orange\:5\:st, html.auto .sf-c-orange\:5\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } - html[data-theme='auto'] .sf-c-orange\:10\:st, html.auto .sf-c-orange\:10\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-orange\:15\:st, html.auto .sf-c-orange\:15\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 15%) } - html[data-theme='auto'] .sf-c-orange\:20\:st, html.auto .sf-c-orange\:20\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-orange\:25\:st, html.auto .sf-c-orange\:25\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 25%) } - html[data-theme='auto'] .sf-c-orange\:30\:st, html.auto .sf-c-orange\:30\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-orange\:35\:st, html.auto .sf-c-orange\:35\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 35%) } - html[data-theme='auto'] .sf-c-orange\:40\:st, html.auto .sf-c-orange\:40\:st { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-orange\:45\:st, html.auto .sf-c-orange\:45\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 45%) } - html[data-theme='auto'] .sf-c-orange\:50\:st, html.auto .sf-c-orange\:50\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-orange\:55\:st, html.auto .sf-c-orange\:55\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 55%) } - html[data-theme='auto'] .sf-c-orange\:60\:st, html.auto .sf-c-orange\:60\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-orange\:65\:st, html.auto .sf-c-orange\:65\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 65%) } - html[data-theme='auto'] .sf-c-orange\:70\:st, html.auto .sf-c-orange\:70\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-orange\:75\:st, html.auto .sf-c-orange\:75\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 75%) } - html[data-theme='auto'] .sf-c-orange\:80\:st, html.auto .sf-c-orange\:80\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-orange\:85\:st, html.auto .sf-c-orange\:85\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 85%) } - html[data-theme='auto'] .sf-c-orange\:90\:st, html.auto .sf-c-orange\:90\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-orange\:95\:st, html.auto .sf-c-orange\:95\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } - html[data-theme='auto'] .sf-c-orange\:100\:st, html.auto .sf-c-orange\:100\:st { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-orange\:5, html.auto .sf-c-txt-orange\:5 { color: hsl(39, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orange\:15, html.auto .sf-c-txt-orange\:15 { color: hsl(39, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orange\:25, html.auto .sf-c-txt-orange\:25 { color: hsl(39, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orange\:35, html.auto .sf-c-txt-orange\:35 { color: hsl(39, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orange\:45, html.auto .sf-c-txt-orange\:45 { color: hsl(39, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:55, html.auto .sf-c-txt-orange\:55 { color: hsl(39, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orange\:65, html.auto .sf-c-txt-orange\:65 { color: hsl(39, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orange\:75, html.auto .sf-c-txt-orange\:75 { color: hsl(39, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orange\:85, html.auto .sf-c-txt-orange\:85 { color: hsl(39, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orange\:95, html.auto .sf-c-txt-orange\:95 { color: hsl(39, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orange\:st, html.auto .sf-c-txt-orange\:st { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:0\:st, html.auto .sf-c-txt-orange\:0\:st { color: hsl(39, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-orange\:5\:st, html.auto .sf-c-txt-orange\:5\:st { color: hsl(39, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-orange\:10\:st, html.auto .sf-c-txt-orange\:10\:st { color: hsl(39, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orange\:15\:st, html.auto .sf-c-txt-orange\:15\:st { color: hsl(39, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-orange\:20\:st, html.auto .sf-c-txt-orange\:20\:st { color: hsl(39, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orange\:25\:st, html.auto .sf-c-txt-orange\:25\:st { color: hsl(39, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-orange\:30\:st, html.auto .sf-c-txt-orange\:30\:st { color: hsl(39, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orange\:35\:st, html.auto .sf-c-txt-orange\:35\:st { color: hsl(39, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-orange\:40\:st, html.auto .sf-c-txt-orange\:40\:st { color: hsl(39, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orange\:45\:st, html.auto .sf-c-txt-orange\:45\:st { color: hsl(39, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-orange\:50\:st, html.auto .sf-c-txt-orange\:50\:st { color: hsl(39, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orange\:55\:st, html.auto .sf-c-txt-orange\:55\:st { color: hsl(39, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-orange\:60\:st, html.auto .sf-c-txt-orange\:60\:st { color: hsl(39, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orange\:65\:st, html.auto .sf-c-txt-orange\:65\:st { color: hsl(39, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-orange\:70\:st, html.auto .sf-c-txt-orange\:70\:st { color: hsl(39, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orange\:75\:st, html.auto .sf-c-txt-orange\:75\:st { color: hsl(39, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-orange\:80\:st, html.auto .sf-c-txt-orange\:80\:st { color: hsl(39, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orange\:85\:st, html.auto .sf-c-txt-orange\:85\:st { color: hsl(39, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-orange\:90\:st, html.auto .sf-c-txt-orange\:90\:st { color: hsl(39, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orange\:95\:st, html.auto .sf-c-txt-orange\:95\:st { color: hsl(39, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-orange\:100\:st, html.auto .sf-c-txt-orange\:100\:st { color: hsl(39, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/orangered.css b/src/colors/20/orangered.css deleted file mode 100644 index a71fec4..0000000 --- a/src/colors/20/orangered.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-orangered { - --sf-c-orangered: 16 100% 50%; - --sf-c-orangered-0: 16 100% 0%; - --sf-c-orangered-5: 16 100% 5%; - --sf-c-orangered-10: 16 100% 10%; - --sf-c-orangered-15: 16 100% 15%; - --sf-c-orangered-20: 16 100% 20%; - --sf-c-orangered-25: 16 100% 25%; - --sf-c-orangered-30: 16 100% 30%; - --sf-c-orangered-35: 16 100% 35%; - --sf-c-orangered-40: 16 100% 40%; - --sf-c-orangered-45: 16 100% 45%; - --sf-c-orangered-50: 16 100% 50%; - --sf-c-orangered-55: 16 100% 55%; - --sf-c-orangered-60: 16 100% 60%; - --sf-c-orangered-65: 16 100% 65%; - --sf-c-orangered-70: 16 100% 70%; - --sf-c-orangered-75: 16 100% 75%; - --sf-c-orangered-80: 16 100% 80%; - --sf-c-orangered-85: 16 100% 85%; - --sf-c-orangered-90: 16 100% 90%; - --sf-c-orangered-95: 16 100% 95%; - --sf-c-orangered-100: 16 100% 100%; -} - -.sf-c-orangered, .sf-c-orangered\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -.sf-c-orangered\:0, .sf-c-orangered\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -.sf-c-orangered\:5, .sf-c-orangered\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -.sf-c-orangered\:10, .sf-c-orangered\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -.sf-c-orangered\:15, .sf-c-orangered\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -.sf-c-orangered\:20, .sf-c-orangered\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -.sf-c-orangered\:25, .sf-c-orangered\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -.sf-c-orangered\:30, .sf-c-orangered\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -.sf-c-orangered\:35, .sf-c-orangered\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -.sf-c-orangered\:40, .sf-c-orangered\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -.sf-c-orangered\:45, .sf-c-orangered\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -.sf-c-orangered\:50, .sf-c-orangered\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -.sf-c-orangered\:55, .sf-c-orangered\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -.sf-c-orangered\:60, .sf-c-orangered\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -.sf-c-orangered\:65, .sf-c-orangered\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -.sf-c-orangered\:70, .sf-c-orangered\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -.sf-c-orangered\:75, .sf-c-orangered\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -.sf-c-orangered\:80, .sf-c-orangered\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -.sf-c-orangered\:85, .sf-c-orangered\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -.sf-c-orangered\:90, .sf-c-orangered\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -.sf-c-orangered\:95, .sf-c-orangered\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -.sf-c-orangered\:100, .sf-c-orangered\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - -.sf-c-txt-orangered { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:0, .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } -.sf-c-txt-orangered\:5, .sf-c-txt-orangered\:5\:st { color: hsl(16, 100%, 5%) } -.sf-c-txt-orangered\:10, .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } -.sf-c-txt-orangered\:15, .sf-c-txt-orangered\:15\:st { color: hsl(16, 100%, 15%) } -.sf-c-txt-orangered\:20, .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } -.sf-c-txt-orangered\:25, .sf-c-txt-orangered\:25\:st { color: hsl(16, 100%, 25%) } -.sf-c-txt-orangered\:30, .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } -.sf-c-txt-orangered\:35, .sf-c-txt-orangered\:35\:st { color: hsl(16, 100%, 35%) } -.sf-c-txt-orangered\:40, .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } -.sf-c-txt-orangered\:45, .sf-c-txt-orangered\:45\:st { color: hsl(16, 100%, 45%) } -.sf-c-txt-orangered\:50, .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } -.sf-c-txt-orangered\:55, .sf-c-txt-orangered\:55\:st { color: hsl(16, 100%, 55%) } -.sf-c-txt-orangered\:60, .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } -.sf-c-txt-orangered\:65, .sf-c-txt-orangered\:65\:st { color: hsl(16, 100%, 65%) } -.sf-c-txt-orangered\:70, .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } -.sf-c-txt-orangered\:75, .sf-c-txt-orangered\:75\:st { color: hsl(16, 100%, 75%) } -.sf-c-txt-orangered\:80, .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } -.sf-c-txt-orangered\:85, .sf-c-txt-orangered\:85\:st { color: hsl(16, 100%, 85%) } -.sf-c-txt-orangered\:90, .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } -.sf-c-txt-orangered\:95, .sf-c-txt-orangered\:95\:st { color: hsl(16, 100%, 95%) } -.sf-c-txt-orangered\:100, .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-orangered, html.dark .sf-c-orangered { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:0, html.dark .sf-c-orangered\:0 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-orangered\:5, html.dark .sf-c-orangered\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-orangered\:10, html.dark .sf-c-orangered\:10 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-orangered\:15, html.dark .sf-c-orangered\:15 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-orangered\:20, html.dark .sf-c-orangered\:20 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-orangered\:25, html.dark .sf-c-orangered\:25 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-orangered\:30, html.dark .sf-c-orangered\:30 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-orangered\:35, html.dark .sf-c-orangered\:35 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-orangered\:40, html.dark .sf-c-orangered\:40 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-orangered\:45, html.dark .sf-c-orangered\:45 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-orangered\:50, html.dark .sf-c-orangered\:50 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:55, html.dark .sf-c-orangered\:55 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-orangered\:60, html.dark .sf-c-orangered\:60 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-orangered\:65, html.dark .sf-c-orangered\:65 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-orangered\:70, html.dark .sf-c-orangered\:70 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-orangered\:75, html.dark .sf-c-orangered\:75 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-orangered\:80, html.dark .sf-c-orangered\:80 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-orangered\:85, html.dark .sf-c-orangered\:85 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-orangered\:90, html.dark .sf-c-orangered\:90 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-orangered\:95, html.dark .sf-c-orangered\:95 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-orangered\:100, html.dark .sf-c-orangered\:100 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-orangered\:st, html.dark .sf-c-orangered\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:0\:st, html.dark .sf-c-orangered\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-orangered\:5\:st, html.dark .sf-c-orangered\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-orangered\:10\:st, html.dark .sf-c-orangered\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-orangered\:15\:st, html.dark .sf-c-orangered\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-orangered\:20\:st, html.dark .sf-c-orangered\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-orangered\:25\:st, html.dark .sf-c-orangered\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-orangered\:30\:st, html.dark .sf-c-orangered\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-orangered\:35\:st, html.dark .sf-c-orangered\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-orangered\:40\:st, html.dark .sf-c-orangered\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-orangered\:45\:st, html.dark .sf-c-orangered\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-orangered\:50\:st, html.dark .sf-c-orangered\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-orangered\:55\:st, html.dark .sf-c-orangered\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-orangered\:60\:st, html.dark .sf-c-orangered\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-orangered\:65\:st, html.dark .sf-c-orangered\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-orangered\:70\:st, html.dark .sf-c-orangered\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-orangered\:75\:st, html.dark .sf-c-orangered\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-orangered\:80\:st, html.dark .sf-c-orangered\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-orangered\:85\:st, html.dark .sf-c-orangered\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-orangered\:90\:st, html.dark .sf-c-orangered\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-orangered\:95\:st, html.dark .sf-c-orangered\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-orangered\:100\:st, html.dark .sf-c-orangered\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-orangered\:5, html.dark .sf-c-txt-orangered\:5 { color: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orangered\:15, html.dark .sf-c-txt-orangered\:15 { color: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orangered\:25, html.dark .sf-c-txt-orangered\:25 { color: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orangered\:35, html.dark .sf-c-txt-orangered\:35 { color: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orangered\:45, html.dark .sf-c-txt-orangered\:45 { color: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:55, html.dark .sf-c-txt-orangered\:55 { color: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orangered\:65, html.dark .sf-c-txt-orangered\:65 { color: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orangered\:75, html.dark .sf-c-txt-orangered\:75 { color: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orangered\:85, html.dark .sf-c-txt-orangered\:85 { color: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orangered\:95, html.dark .sf-c-txt-orangered\:95 { color: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orangered\:st, html.dark .sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:0\:st, html.dark .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-orangered\:5\:st, html.dark .sf-c-txt-orangered\:5\:st { color: hsl(16, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-orangered\:10\:st, html.dark .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-orangered\:15\:st, html.dark .sf-c-txt-orangered\:15\:st { color: hsl(16, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-orangered\:20\:st, html.dark .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-orangered\:25\:st, html.dark .sf-c-txt-orangered\:25\:st { color: hsl(16, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-orangered\:30\:st, html.dark .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-orangered\:35\:st, html.dark .sf-c-txt-orangered\:35\:st { color: hsl(16, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-orangered\:40\:st, html.dark .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-orangered\:45\:st, html.dark .sf-c-txt-orangered\:45\:st { color: hsl(16, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-orangered\:50\:st, html.dark .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-orangered\:55\:st, html.dark .sf-c-txt-orangered\:55\:st { color: hsl(16, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-orangered\:60\:st, html.dark .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-orangered\:65\:st, html.dark .sf-c-txt-orangered\:65\:st { color: hsl(16, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-orangered\:70\:st, html.dark .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-orangered\:75\:st, html.dark .sf-c-txt-orangered\:75\:st { color: hsl(16, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-orangered\:80\:st, html.dark .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-orangered\:85\:st, html.dark .sf-c-txt-orangered\:85\:st { color: hsl(16, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-orangered\:90\:st, html.dark .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-orangered\:95\:st, html.dark .sf-c-txt-orangered\:95\:st { color: hsl(16, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-orangered\:100\:st, html.dark .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orangered, html.auto .sf-c-orangered { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:0, html.auto .sf-c-orangered\:0 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-orangered\:5, html.auto .sf-c-orangered\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-orangered\:10, html.auto .sf-c-orangered\:10 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-orangered\:15, html.auto .sf-c-orangered\:15 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-orangered\:20, html.auto .sf-c-orangered\:20 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-orangered\:25, html.auto .sf-c-orangered\:25 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-orangered\:30, html.auto .sf-c-orangered\:30 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-orangered\:35, html.auto .sf-c-orangered\:35 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-orangered\:40, html.auto .sf-c-orangered\:40 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-orangered\:45, html.auto .sf-c-orangered\:45 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-orangered\:50, html.auto .sf-c-orangered\:50 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:55, html.auto .sf-c-orangered\:55 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-orangered\:60, html.auto .sf-c-orangered\:60 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-orangered\:65, html.auto .sf-c-orangered\:65 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-orangered\:70, html.auto .sf-c-orangered\:70 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-orangered\:75, html.auto .sf-c-orangered\:75 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-orangered\:80, html.auto .sf-c-orangered\:80 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-orangered\:85, html.auto .sf-c-orangered\:85 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-orangered\:90, html.auto .sf-c-orangered\:90 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-orangered\:95, html.auto .sf-c-orangered\:95 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-orangered\:100, html.auto .sf-c-orangered\:100 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-orangered\:st, html.auto .sf-c-orangered\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:0\:st, html.auto .sf-c-orangered\:0\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-orangered\:5\:st, html.auto .sf-c-orangered\:5\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-orangered\:10\:st, html.auto .sf-c-orangered\:10\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-orangered\:15\:st, html.auto .sf-c-orangered\:15\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-orangered\:20\:st, html.auto .sf-c-orangered\:20\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-orangered\:25\:st, html.auto .sf-c-orangered\:25\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-orangered\:30\:st, html.auto .sf-c-orangered\:30\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-orangered\:35\:st, html.auto .sf-c-orangered\:35\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-orangered\:40\:st, html.auto .sf-c-orangered\:40\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-orangered\:45\:st, html.auto .sf-c-orangered\:45\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-orangered\:50\:st, html.auto .sf-c-orangered\:50\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-orangered\:55\:st, html.auto .sf-c-orangered\:55\:st { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-orangered\:60\:st, html.auto .sf-c-orangered\:60\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-orangered\:65\:st, html.auto .sf-c-orangered\:65\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-orangered\:70\:st, html.auto .sf-c-orangered\:70\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-orangered\:75\:st, html.auto .sf-c-orangered\:75\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-orangered\:80\:st, html.auto .sf-c-orangered\:80\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-orangered\:85\:st, html.auto .sf-c-orangered\:85\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-orangered\:90\:st, html.auto .sf-c-orangered\:90\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-orangered\:95\:st, html.auto .sf-c-orangered\:95\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-orangered\:100\:st, html.auto .sf-c-orangered\:100\:st { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-orangered\:5, html.auto .sf-c-txt-orangered\:5 { color: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orangered\:15, html.auto .sf-c-txt-orangered\:15 { color: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orangered\:25, html.auto .sf-c-txt-orangered\:25 { color: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orangered\:35, html.auto .sf-c-txt-orangered\:35 { color: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orangered\:45, html.auto .sf-c-txt-orangered\:45 { color: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:55, html.auto .sf-c-txt-orangered\:55 { color: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orangered\:65, html.auto .sf-c-txt-orangered\:65 { color: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orangered\:75, html.auto .sf-c-txt-orangered\:75 { color: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orangered\:85, html.auto .sf-c-txt-orangered\:85 { color: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orangered\:95, html.auto .sf-c-txt-orangered\:95 { color: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orangered\:st, html.auto .sf-c-txt-orangered\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:0\:st, html.auto .sf-c-txt-orangered\:0\:st { color: hsl(16, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-orangered\:5\:st, html.auto .sf-c-txt-orangered\:5\:st { color: hsl(16, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-orangered\:10\:st, html.auto .sf-c-txt-orangered\:10\:st { color: hsl(16, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-orangered\:15\:st, html.auto .sf-c-txt-orangered\:15\:st { color: hsl(16, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-orangered\:20\:st, html.auto .sf-c-txt-orangered\:20\:st { color: hsl(16, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-orangered\:25\:st, html.auto .sf-c-txt-orangered\:25\:st { color: hsl(16, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-orangered\:30\:st, html.auto .sf-c-txt-orangered\:30\:st { color: hsl(16, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-orangered\:35\:st, html.auto .sf-c-txt-orangered\:35\:st { color: hsl(16, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-orangered\:40\:st, html.auto .sf-c-txt-orangered\:40\:st { color: hsl(16, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-orangered\:45\:st, html.auto .sf-c-txt-orangered\:45\:st { color: hsl(16, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-orangered\:50\:st, html.auto .sf-c-txt-orangered\:50\:st { color: hsl(16, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-orangered\:55\:st, html.auto .sf-c-txt-orangered\:55\:st { color: hsl(16, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-orangered\:60\:st, html.auto .sf-c-txt-orangered\:60\:st { color: hsl(16, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-orangered\:65\:st, html.auto .sf-c-txt-orangered\:65\:st { color: hsl(16, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-orangered\:70\:st, html.auto .sf-c-txt-orangered\:70\:st { color: hsl(16, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-orangered\:75\:st, html.auto .sf-c-txt-orangered\:75\:st { color: hsl(16, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-orangered\:80\:st, html.auto .sf-c-txt-orangered\:80\:st { color: hsl(16, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-orangered\:85\:st, html.auto .sf-c-txt-orangered\:85\:st { color: hsl(16, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-orangered\:90\:st, html.auto .sf-c-txt-orangered\:90\:st { color: hsl(16, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-orangered\:95\:st, html.auto .sf-c-txt-orangered\:95\:st { color: hsl(16, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-orangered\:100\:st, html.auto .sf-c-txt-orangered\:100\:st { color: hsl(16, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/orchid.css b/src/colors/20/orchid.css deleted file mode 100644 index 662e7f4..0000000 --- a/src/colors/20/orchid.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-orchid { - --sf-c-orchid: 302 59% 65%; - --sf-c-orchid-0: 302 59% 0%; - --sf-c-orchid-5: 302 59% 5%; - --sf-c-orchid-10: 302 59% 10%; - --sf-c-orchid-15: 302 59% 15%; - --sf-c-orchid-20: 302 59% 20%; - --sf-c-orchid-25: 302 59% 25%; - --sf-c-orchid-30: 302 59% 30%; - --sf-c-orchid-35: 302 59% 35%; - --sf-c-orchid-40: 302 59% 40%; - --sf-c-orchid-45: 302 59% 45%; - --sf-c-orchid-50: 302 59% 50%; - --sf-c-orchid-55: 302 59% 55%; - --sf-c-orchid-60: 302 59% 60%; - --sf-c-orchid-65: 302 59% 65%; - --sf-c-orchid-70: 302 59% 70%; - --sf-c-orchid-75: 302 59% 75%; - --sf-c-orchid-80: 302 59% 80%; - --sf-c-orchid-85: 302 59% 85%; - --sf-c-orchid-90: 302 59% 90%; - --sf-c-orchid-95: 302 59% 95%; - --sf-c-orchid-100: 302 59% 100%; -} - -.sf-c-orchid, .sf-c-orchid\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } -.sf-c-orchid\:0, .sf-c-orchid\:0\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } -.sf-c-orchid\:5, .sf-c-orchid\:5\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } -.sf-c-orchid\:10, .sf-c-orchid\:10\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } -.sf-c-orchid\:15, .sf-c-orchid\:15\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 15%) } -.sf-c-orchid\:20, .sf-c-orchid\:20\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 20%) } -.sf-c-orchid\:25, .sf-c-orchid\:25\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 25%) } -.sf-c-orchid\:30, .sf-c-orchid\:30\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 30%) } -.sf-c-orchid\:35, .sf-c-orchid\:35\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } -.sf-c-orchid\:40, .sf-c-orchid\:40\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 40%) } -.sf-c-orchid\:45, .sf-c-orchid\:45\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 45%) } -.sf-c-orchid\:50, .sf-c-orchid\:50\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 50%) } -.sf-c-orchid\:55, .sf-c-orchid\:55\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 55%) } -.sf-c-orchid\:60, .sf-c-orchid\:60\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 60%) } -.sf-c-orchid\:65, .sf-c-orchid\:65\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } -.sf-c-orchid\:70, .sf-c-orchid\:70\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 70%) } -.sf-c-orchid\:75, .sf-c-orchid\:75\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 75%) } -.sf-c-orchid\:80, .sf-c-orchid\:80\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 80%) } -.sf-c-orchid\:85, .sf-c-orchid\:85\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 85%) } -.sf-c-orchid\:90, .sf-c-orchid\:90\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 90%) } -.sf-c-orchid\:95, .sf-c-orchid\:95\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } -.sf-c-orchid\:100, .sf-c-orchid\:100\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } - -.sf-c-txt-orchid { color: hsl(302, 59%, 10%) } -.sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } -.sf-c-txt-orchid\:0, .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } -.sf-c-txt-orchid\:5, .sf-c-txt-orchid\:5\:st { color: hsl(302, 59%, 5%) } -.sf-c-txt-orchid\:10, .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } -.sf-c-txt-orchid\:15, .sf-c-txt-orchid\:15\:st { color: hsl(302, 59%, 15%) } -.sf-c-txt-orchid\:20, .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } -.sf-c-txt-orchid\:25, .sf-c-txt-orchid\:25\:st { color: hsl(302, 59%, 25%) } -.sf-c-txt-orchid\:30, .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } -.sf-c-txt-orchid\:35, .sf-c-txt-orchid\:35\:st { color: hsl(302, 59%, 35%) } -.sf-c-txt-orchid\:40, .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } -.sf-c-txt-orchid\:45, .sf-c-txt-orchid\:45\:st { color: hsl(302, 59%, 45%) } -.sf-c-txt-orchid\:50, .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } -.sf-c-txt-orchid\:55, .sf-c-txt-orchid\:55\:st { color: hsl(302, 59%, 55%) } -.sf-c-txt-orchid\:60, .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } -.sf-c-txt-orchid\:65, .sf-c-txt-orchid\:65\:st { color: hsl(302, 59%, 65%) } -.sf-c-txt-orchid\:70, .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } -.sf-c-txt-orchid\:75, .sf-c-txt-orchid\:75\:st { color: hsl(302, 59%, 75%) } -.sf-c-txt-orchid\:80, .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } -.sf-c-txt-orchid\:85, .sf-c-txt-orchid\:85\:st { color: hsl(302, 59%, 85%) } -.sf-c-txt-orchid\:90, .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } -.sf-c-txt-orchid\:95, .sf-c-txt-orchid\:95\:st { color: hsl(302, 59%, 95%) } -.sf-c-txt-orchid\:100, .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } - -html[data-theme='dark'] .sf-c-orchid, html.dark .sf-c-orchid { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-orchid\:0, html.dark .sf-c-orchid\:0 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } -html[data-theme='dark'] .sf-c-orchid\:5, html.dark .sf-c-orchid\:5 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } -html[data-theme='dark'] .sf-c-orchid\:10, html.dark .sf-c-orchid\:10 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-orchid\:15, html.dark .sf-c-orchid\:15 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 85%) } -html[data-theme='dark'] .sf-c-orchid\:20, html.dark .sf-c-orchid\:20 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-orchid\:25, html.dark .sf-c-orchid\:25 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 75%) } -html[data-theme='dark'] .sf-c-orchid\:30, html.dark .sf-c-orchid\:30 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-orchid\:35, html.dark .sf-c-orchid\:35 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-orchid\:40, html.dark .sf-c-orchid\:40 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-orchid\:45, html.dark .sf-c-orchid\:45 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 55%) } -html[data-theme='dark'] .sf-c-orchid\:50, html.dark .sf-c-orchid\:50 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-orchid\:55, html.dark .sf-c-orchid\:55 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 45%) } -html[data-theme='dark'] .sf-c-orchid\:60, html.dark .sf-c-orchid\:60 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-orchid\:65, html.dark .sf-c-orchid\:65 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-orchid\:70, html.dark .sf-c-orchid\:70 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-orchid\:75, html.dark .sf-c-orchid\:75 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 25%) } -html[data-theme='dark'] .sf-c-orchid\:80, html.dark .sf-c-orchid\:80 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-orchid\:85, html.dark .sf-c-orchid\:85 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 15%) } -html[data-theme='dark'] .sf-c-orchid\:90, html.dark .sf-c-orchid\:90 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-orchid\:95, html.dark .sf-c-orchid\:95 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } -html[data-theme='dark'] .sf-c-orchid\:100, html.dark .sf-c-orchid\:100 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } - -html[data-theme='dark'] .sf-c-orchid\:st, html.dark .sf-c-orchid\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-orchid\:0\:st, html.dark .sf-c-orchid\:0\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } -html[data-theme='dark'] .sf-c-orchid\:5\:st, html.dark .sf-c-orchid\:5\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } -html[data-theme='dark'] .sf-c-orchid\:10\:st, html.dark .sf-c-orchid\:10\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-orchid\:15\:st, html.dark .sf-c-orchid\:15\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 15%) } -html[data-theme='dark'] .sf-c-orchid\:20\:st, html.dark .sf-c-orchid\:20\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-orchid\:25\:st, html.dark .sf-c-orchid\:25\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 25%) } -html[data-theme='dark'] .sf-c-orchid\:30\:st, html.dark .sf-c-orchid\:30\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-orchid\:35\:st, html.dark .sf-c-orchid\:35\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-orchid\:40\:st, html.dark .sf-c-orchid\:40\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-orchid\:45\:st, html.dark .sf-c-orchid\:45\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 45%) } -html[data-theme='dark'] .sf-c-orchid\:50\:st, html.dark .sf-c-orchid\:50\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-orchid\:55\:st, html.dark .sf-c-orchid\:55\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 55%) } -html[data-theme='dark'] .sf-c-orchid\:60\:st, html.dark .sf-c-orchid\:60\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-orchid\:65\:st, html.dark .sf-c-orchid\:65\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-orchid\:70\:st, html.dark .sf-c-orchid\:70\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-orchid\:75\:st, html.dark .sf-c-orchid\:75\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 75%) } -html[data-theme='dark'] .sf-c-orchid\:80\:st, html.dark .sf-c-orchid\:80\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-orchid\:85\:st, html.dark .sf-c-orchid\:85\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 85%) } -html[data-theme='dark'] .sf-c-orchid\:90\:st, html.dark .sf-c-orchid\:90\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-orchid\:95\:st, html.dark .sf-c-orchid\:95\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } -html[data-theme='dark'] .sf-c-orchid\:100\:st, html.dark .sf-c-orchid\:100\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-orchid\:5, html.dark .sf-c-txt-orchid\:5 { color: hsl(302, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-orchid\:15, html.dark .sf-c-txt-orchid\:15 { color: hsl(302, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-orchid\:25, html.dark .sf-c-txt-orchid\:25 { color: hsl(302, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-orchid\:35, html.dark .sf-c-txt-orchid\:35 { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-orchid\:45, html.dark .sf-c-txt-orchid\:45 { color: hsl(302, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-orchid\:55, html.dark .sf-c-txt-orchid\:55 { color: hsl(302, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-orchid\:65, html.dark .sf-c-txt-orchid\:65 { color: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-orchid\:75, html.dark .sf-c-txt-orchid\:75 { color: hsl(302, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-orchid\:85, html.dark .sf-c-txt-orchid\:85 { color: hsl(302, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-orchid\:95, html.dark .sf-c-txt-orchid\:95 { color: hsl(302, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-orchid\:st, html.dark .sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:0\:st, html.dark .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-orchid\:5\:st, html.dark .sf-c-txt-orchid\:5\:st { color: hsl(302, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-orchid\:10\:st, html.dark .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-orchid\:15\:st, html.dark .sf-c-txt-orchid\:15\:st { color: hsl(302, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-orchid\:20\:st, html.dark .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-orchid\:25\:st, html.dark .sf-c-txt-orchid\:25\:st { color: hsl(302, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-orchid\:30\:st, html.dark .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-orchid\:35\:st, html.dark .sf-c-txt-orchid\:35\:st { color: hsl(302, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-orchid\:40\:st, html.dark .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-orchid\:45\:st, html.dark .sf-c-txt-orchid\:45\:st { color: hsl(302, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-orchid\:50\:st, html.dark .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-orchid\:55\:st, html.dark .sf-c-txt-orchid\:55\:st { color: hsl(302, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-orchid\:60\:st, html.dark .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-orchid\:65\:st, html.dark .sf-c-txt-orchid\:65\:st { color: hsl(302, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-orchid\:70\:st, html.dark .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-orchid\:75\:st, html.dark .sf-c-txt-orchid\:75\:st { color: hsl(302, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-orchid\:80\:st, html.dark .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-orchid\:85\:st, html.dark .sf-c-txt-orchid\:85\:st { color: hsl(302, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-orchid\:90\:st, html.dark .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-orchid\:95\:st, html.dark .sf-c-txt-orchid\:95\:st { color: hsl(302, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-orchid\:100\:st, html.dark .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-orchid, html.auto .sf-c-orchid { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-orchid\:0, html.auto .sf-c-orchid\:0 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } - html[data-theme='auto'] .sf-c-orchid\:5, html.auto .sf-c-orchid\:5 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } - html[data-theme='auto'] .sf-c-orchid\:10, html.auto .sf-c-orchid\:10 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-orchid\:15, html.auto .sf-c-orchid\:15 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 85%) } - html[data-theme='auto'] .sf-c-orchid\:20, html.auto .sf-c-orchid\:20 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-orchid\:25, html.auto .sf-c-orchid\:25 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 75%) } - html[data-theme='auto'] .sf-c-orchid\:30, html.auto .sf-c-orchid\:30 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-orchid\:35, html.auto .sf-c-orchid\:35 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-orchid\:40, html.auto .sf-c-orchid\:40 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-orchid\:45, html.auto .sf-c-orchid\:45 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 55%) } - html[data-theme='auto'] .sf-c-orchid\:50, html.auto .sf-c-orchid\:50 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-orchid\:55, html.auto .sf-c-orchid\:55 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 45%) } - html[data-theme='auto'] .sf-c-orchid\:60, html.auto .sf-c-orchid\:60 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-orchid\:65, html.auto .sf-c-orchid\:65 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-orchid\:70, html.auto .sf-c-orchid\:70 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-orchid\:75, html.auto .sf-c-orchid\:75 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 25%) } - html[data-theme='auto'] .sf-c-orchid\:80, html.auto .sf-c-orchid\:80 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-orchid\:85, html.auto .sf-c-orchid\:85 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 15%) } - html[data-theme='auto'] .sf-c-orchid\:90, html.auto .sf-c-orchid\:90 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-orchid\:95, html.auto .sf-c-orchid\:95 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } - html[data-theme='auto'] .sf-c-orchid\:100, html.auto .sf-c-orchid\:100 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } - - html[data-theme='auto'] .sf-c-orchid\:st, html.auto .sf-c-orchid\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-orchid\:0\:st, html.auto .sf-c-orchid\:0\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } - html[data-theme='auto'] .sf-c-orchid\:5\:st, html.auto .sf-c-orchid\:5\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } - html[data-theme='auto'] .sf-c-orchid\:10\:st, html.auto .sf-c-orchid\:10\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-orchid\:15\:st, html.auto .sf-c-orchid\:15\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 15%) } - html[data-theme='auto'] .sf-c-orchid\:20\:st, html.auto .sf-c-orchid\:20\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-orchid\:25\:st, html.auto .sf-c-orchid\:25\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 25%) } - html[data-theme='auto'] .sf-c-orchid\:30\:st, html.auto .sf-c-orchid\:30\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-orchid\:35\:st, html.auto .sf-c-orchid\:35\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-orchid\:40\:st, html.auto .sf-c-orchid\:40\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-orchid\:45\:st, html.auto .sf-c-orchid\:45\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 45%) } - html[data-theme='auto'] .sf-c-orchid\:50\:st, html.auto .sf-c-orchid\:50\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-orchid\:55\:st, html.auto .sf-c-orchid\:55\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 55%) } - html[data-theme='auto'] .sf-c-orchid\:60\:st, html.auto .sf-c-orchid\:60\:st { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-orchid\:65\:st, html.auto .sf-c-orchid\:65\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-orchid\:70\:st, html.auto .sf-c-orchid\:70\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-orchid\:75\:st, html.auto .sf-c-orchid\:75\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 75%) } - html[data-theme='auto'] .sf-c-orchid\:80\:st, html.auto .sf-c-orchid\:80\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-orchid\:85\:st, html.auto .sf-c-orchid\:85\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 85%) } - html[data-theme='auto'] .sf-c-orchid\:90\:st, html.auto .sf-c-orchid\:90\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-orchid\:95\:st, html.auto .sf-c-orchid\:95\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } - html[data-theme='auto'] .sf-c-orchid\:100\:st, html.auto .sf-c-orchid\:100\:st { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-orchid\:5, html.auto .sf-c-txt-orchid\:5 { color: hsl(302, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-orchid\:15, html.auto .sf-c-txt-orchid\:15 { color: hsl(302, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-orchid\:25, html.auto .sf-c-txt-orchid\:25 { color: hsl(302, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-orchid\:35, html.auto .sf-c-txt-orchid\:35 { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-orchid\:45, html.auto .sf-c-txt-orchid\:45 { color: hsl(302, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-orchid\:55, html.auto .sf-c-txt-orchid\:55 { color: hsl(302, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-orchid\:65, html.auto .sf-c-txt-orchid\:65 { color: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-orchid\:75, html.auto .sf-c-txt-orchid\:75 { color: hsl(302, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-orchid\:85, html.auto .sf-c-txt-orchid\:85 { color: hsl(302, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-orchid\:95, html.auto .sf-c-txt-orchid\:95 { color: hsl(302, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-orchid\:st, html.auto .sf-c-txt-orchid\:st { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:0\:st, html.auto .sf-c-txt-orchid\:0\:st { color: hsl(302, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-orchid\:5\:st, html.auto .sf-c-txt-orchid\:5\:st { color: hsl(302, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-orchid\:10\:st, html.auto .sf-c-txt-orchid\:10\:st { color: hsl(302, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-orchid\:15\:st, html.auto .sf-c-txt-orchid\:15\:st { color: hsl(302, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-orchid\:20\:st, html.auto .sf-c-txt-orchid\:20\:st { color: hsl(302, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-orchid\:25\:st, html.auto .sf-c-txt-orchid\:25\:st { color: hsl(302, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-orchid\:30\:st, html.auto .sf-c-txt-orchid\:30\:st { color: hsl(302, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-orchid\:35\:st, html.auto .sf-c-txt-orchid\:35\:st { color: hsl(302, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-orchid\:40\:st, html.auto .sf-c-txt-orchid\:40\:st { color: hsl(302, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-orchid\:45\:st, html.auto .sf-c-txt-orchid\:45\:st { color: hsl(302, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-orchid\:50\:st, html.auto .sf-c-txt-orchid\:50\:st { color: hsl(302, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-orchid\:55\:st, html.auto .sf-c-txt-orchid\:55\:st { color: hsl(302, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-orchid\:60\:st, html.auto .sf-c-txt-orchid\:60\:st { color: hsl(302, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-orchid\:65\:st, html.auto .sf-c-txt-orchid\:65\:st { color: hsl(302, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-orchid\:70\:st, html.auto .sf-c-txt-orchid\:70\:st { color: hsl(302, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-orchid\:75\:st, html.auto .sf-c-txt-orchid\:75\:st { color: hsl(302, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-orchid\:80\:st, html.auto .sf-c-txt-orchid\:80\:st { color: hsl(302, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-orchid\:85\:st, html.auto .sf-c-txt-orchid\:85\:st { color: hsl(302, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-orchid\:90\:st, html.auto .sf-c-txt-orchid\:90\:st { color: hsl(302, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-orchid\:95\:st, html.auto .sf-c-txt-orchid\:95\:st { color: hsl(302, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-orchid\:100\:st, html.auto .sf-c-txt-orchid\:100\:st { color: hsl(302, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/palegoldenrod.css b/src/colors/20/palegoldenrod.css deleted file mode 100644 index dd363fb..0000000 --- a/src/colors/20/palegoldenrod.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-palegoldenrod { - --sf-c-palegoldenrod: 55 67% 80%; - --sf-c-palegoldenrod-0: 55 67% 0%; - --sf-c-palegoldenrod-5: 55 67% 5%; - --sf-c-palegoldenrod-10: 55 67% 10%; - --sf-c-palegoldenrod-15: 55 67% 15%; - --sf-c-palegoldenrod-20: 55 67% 20%; - --sf-c-palegoldenrod-25: 55 67% 25%; - --sf-c-palegoldenrod-30: 55 67% 30%; - --sf-c-palegoldenrod-35: 55 67% 35%; - --sf-c-palegoldenrod-40: 55 67% 40%; - --sf-c-palegoldenrod-45: 55 67% 45%; - --sf-c-palegoldenrod-50: 55 67% 50%; - --sf-c-palegoldenrod-55: 55 67% 55%; - --sf-c-palegoldenrod-60: 55 67% 60%; - --sf-c-palegoldenrod-65: 55 67% 65%; - --sf-c-palegoldenrod-70: 55 67% 70%; - --sf-c-palegoldenrod-75: 55 67% 75%; - --sf-c-palegoldenrod-80: 55 67% 80%; - --sf-c-palegoldenrod-85: 55 67% 85%; - --sf-c-palegoldenrod-90: 55 67% 90%; - --sf-c-palegoldenrod-95: 55 67% 95%; - --sf-c-palegoldenrod-100: 55 67% 100%; -} - -.sf-c-palegoldenrod, .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } -.sf-c-palegoldenrod\:0, .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } -.sf-c-palegoldenrod\:5, .sf-c-palegoldenrod\:5\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } -.sf-c-palegoldenrod\:10, .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } -.sf-c-palegoldenrod\:15, .sf-c-palegoldenrod\:15\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 15%) } -.sf-c-palegoldenrod\:20, .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } -.sf-c-palegoldenrod\:25, .sf-c-palegoldenrod\:25\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 25%) } -.sf-c-palegoldenrod\:30, .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 30%) } -.sf-c-palegoldenrod\:35, .sf-c-palegoldenrod\:35\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 35%) } -.sf-c-palegoldenrod\:40, .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 40%) } -.sf-c-palegoldenrod\:45, .sf-c-palegoldenrod\:45\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 45%) } -.sf-c-palegoldenrod\:50, .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 50%) } -.sf-c-palegoldenrod\:55, .sf-c-palegoldenrod\:55\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 55%) } -.sf-c-palegoldenrod\:60, .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 60%) } -.sf-c-palegoldenrod\:65, .sf-c-palegoldenrod\:65\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 65%) } -.sf-c-palegoldenrod\:70, .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 70%) } -.sf-c-palegoldenrod\:75, .sf-c-palegoldenrod\:75\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 75%) } -.sf-c-palegoldenrod\:80, .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } -.sf-c-palegoldenrod\:85, .sf-c-palegoldenrod\:85\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 85%) } -.sf-c-palegoldenrod\:90, .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 90%) } -.sf-c-palegoldenrod\:95, .sf-c-palegoldenrod\:95\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } -.sf-c-palegoldenrod\:100, .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } - -.sf-c-txt-palegoldenrod { color: hsl(55, 67%, 10%) } -.sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } -.sf-c-txt-palegoldenrod\:0, .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } -.sf-c-txt-palegoldenrod\:5, .sf-c-txt-palegoldenrod\:5\:st { color: hsl(55, 67%, 5%) } -.sf-c-txt-palegoldenrod\:10, .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } -.sf-c-txt-palegoldenrod\:15, .sf-c-txt-palegoldenrod\:15\:st { color: hsl(55, 67%, 15%) } -.sf-c-txt-palegoldenrod\:20, .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } -.sf-c-txt-palegoldenrod\:25, .sf-c-txt-palegoldenrod\:25\:st { color: hsl(55, 67%, 25%) } -.sf-c-txt-palegoldenrod\:30, .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } -.sf-c-txt-palegoldenrod\:35, .sf-c-txt-palegoldenrod\:35\:st { color: hsl(55, 67%, 35%) } -.sf-c-txt-palegoldenrod\:40, .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } -.sf-c-txt-palegoldenrod\:45, .sf-c-txt-palegoldenrod\:45\:st { color: hsl(55, 67%, 45%) } -.sf-c-txt-palegoldenrod\:50, .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } -.sf-c-txt-palegoldenrod\:55, .sf-c-txt-palegoldenrod\:55\:st { color: hsl(55, 67%, 55%) } -.sf-c-txt-palegoldenrod\:60, .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } -.sf-c-txt-palegoldenrod\:65, .sf-c-txt-palegoldenrod\:65\:st { color: hsl(55, 67%, 65%) } -.sf-c-txt-palegoldenrod\:70, .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } -.sf-c-txt-palegoldenrod\:75, .sf-c-txt-palegoldenrod\:75\:st { color: hsl(55, 67%, 75%) } -.sf-c-txt-palegoldenrod\:80, .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } -.sf-c-txt-palegoldenrod\:85, .sf-c-txt-palegoldenrod\:85\:st { color: hsl(55, 67%, 85%) } -.sf-c-txt-palegoldenrod\:90, .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } -.sf-c-txt-palegoldenrod\:95, .sf-c-txt-palegoldenrod\:95\:st { color: hsl(55, 67%, 95%) } -.sf-c-txt-palegoldenrod\:100, .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } - -html[data-theme='dark'] .sf-c-palegoldenrod, html.dark .sf-c-palegoldenrod { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:0, html.dark .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:5, html.dark .sf-c-palegoldenrod\:5 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:10, html.dark .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:15, html.dark .sf-c-palegoldenrod\:15 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 85%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:20, html.dark .sf-c-palegoldenrod\:20 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:25, html.dark .sf-c-palegoldenrod\:25 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 75%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:30, html.dark .sf-c-palegoldenrod\:30 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:35, html.dark .sf-c-palegoldenrod\:35 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 65%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:40, html.dark .sf-c-palegoldenrod\:40 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:45, html.dark .sf-c-palegoldenrod\:45 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 55%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:50, html.dark .sf-c-palegoldenrod\:50 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:55, html.dark .sf-c-palegoldenrod\:55 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 45%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:60, html.dark .sf-c-palegoldenrod\:60 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:65, html.dark .sf-c-palegoldenrod\:65 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 35%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:70, html.dark .sf-c-palegoldenrod\:70 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:75, html.dark .sf-c-palegoldenrod\:75 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 25%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:80, html.dark .sf-c-palegoldenrod\:80 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:85, html.dark .sf-c-palegoldenrod\:85 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 15%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:90, html.dark .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:95, html.dark .sf-c-palegoldenrod\:95 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:100, html.dark .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } - -html[data-theme='dark'] .sf-c-palegoldenrod\:st, html.dark .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:0\:st, html.dark .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:5\:st, html.dark .sf-c-palegoldenrod\:5\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:10\:st, html.dark .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:15\:st, html.dark .sf-c-palegoldenrod\:15\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 15%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:20\:st, html.dark .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:25\:st, html.dark .sf-c-palegoldenrod\:25\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 25%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:30\:st, html.dark .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:35\:st, html.dark .sf-c-palegoldenrod\:35\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 35%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:40\:st, html.dark .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:45\:st, html.dark .sf-c-palegoldenrod\:45\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 45%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:50\:st, html.dark .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:55\:st, html.dark .sf-c-palegoldenrod\:55\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 55%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:60\:st, html.dark .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:65\:st, html.dark .sf-c-palegoldenrod\:65\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 65%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:70\:st, html.dark .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:75\:st, html.dark .sf-c-palegoldenrod\:75\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 75%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:80\:st, html.dark .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:85\:st, html.dark .sf-c-palegoldenrod\:85\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 85%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:90\:st, html.dark .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:95\:st, html.dark .sf-c-palegoldenrod\:95\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } -html[data-theme='dark'] .sf-c-palegoldenrod\:100\:st, html.dark .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:5, html.dark .sf-c-txt-palegoldenrod\:5 { color: hsl(55, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:15, html.dark .sf-c-txt-palegoldenrod\:15 { color: hsl(55, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:25, html.dark .sf-c-txt-palegoldenrod\:25 { color: hsl(55, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:35, html.dark .sf-c-txt-palegoldenrod\:35 { color: hsl(55, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:45, html.dark .sf-c-txt-palegoldenrod\:45 { color: hsl(55, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:55, html.dark .sf-c-txt-palegoldenrod\:55 { color: hsl(55, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:65, html.dark .sf-c-txt-palegoldenrod\:65 { color: hsl(55, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:75, html.dark .sf-c-txt-palegoldenrod\:75 { color: hsl(55, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:85, html.dark .sf-c-txt-palegoldenrod\:85 { color: hsl(55, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:95, html.dark .sf-c-txt-palegoldenrod\:95 { color: hsl(55, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:st, html.dark .sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:st, html.dark .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:5\:st, html.dark .sf-c-txt-palegoldenrod\:5\:st { color: hsl(55, 67%, 5%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:st, html.dark .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:15\:st, html.dark .sf-c-txt-palegoldenrod\:15\:st { color: hsl(55, 67%, 15%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:st, html.dark .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:25\:st, html.dark .sf-c-txt-palegoldenrod\:25\:st { color: hsl(55, 67%, 25%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:st, html.dark .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:35\:st, html.dark .sf-c-txt-palegoldenrod\:35\:st { color: hsl(55, 67%, 35%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:st, html.dark .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:45\:st, html.dark .sf-c-txt-palegoldenrod\:45\:st { color: hsl(55, 67%, 45%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:st, html.dark .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:55\:st, html.dark .sf-c-txt-palegoldenrod\:55\:st { color: hsl(55, 67%, 55%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:st, html.dark .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:65\:st, html.dark .sf-c-txt-palegoldenrod\:65\:st { color: hsl(55, 67%, 65%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:st, html.dark .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:75\:st, html.dark .sf-c-txt-palegoldenrod\:75\:st { color: hsl(55, 67%, 75%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:st, html.dark .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:85\:st, html.dark .sf-c-txt-palegoldenrod\:85\:st { color: hsl(55, 67%, 85%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:st, html.dark .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:95\:st, html.dark .sf-c-txt-palegoldenrod\:95\:st { color: hsl(55, 67%, 95%) } -html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:st, html.dark .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palegoldenrod, html.auto .sf-c-palegoldenrod { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:0, html.auto .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:5, html.auto .sf-c-palegoldenrod\:5 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:10, html.auto .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:15, html.auto .sf-c-palegoldenrod\:15 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 85%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:20, html.auto .sf-c-palegoldenrod\:20 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:25, html.auto .sf-c-palegoldenrod\:25 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 75%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:30, html.auto .sf-c-palegoldenrod\:30 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:35, html.auto .sf-c-palegoldenrod\:35 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 65%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:40, html.auto .sf-c-palegoldenrod\:40 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:45, html.auto .sf-c-palegoldenrod\:45 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 55%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:50, html.auto .sf-c-palegoldenrod\:50 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:55, html.auto .sf-c-palegoldenrod\:55 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 45%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:60, html.auto .sf-c-palegoldenrod\:60 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:65, html.auto .sf-c-palegoldenrod\:65 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 35%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:70, html.auto .sf-c-palegoldenrod\:70 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:75, html.auto .sf-c-palegoldenrod\:75 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 25%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:80, html.auto .sf-c-palegoldenrod\:80 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:85, html.auto .sf-c-palegoldenrod\:85 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 15%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:90, html.auto .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:95, html.auto .sf-c-palegoldenrod\:95 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:100, html.auto .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } - - html[data-theme='auto'] .sf-c-palegoldenrod\:st, html.auto .sf-c-palegoldenrod\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:0\:st, html.auto .sf-c-palegoldenrod\:0\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:5\:st, html.auto .sf-c-palegoldenrod\:5\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:10\:st, html.auto .sf-c-palegoldenrod\:10\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:15\:st, html.auto .sf-c-palegoldenrod\:15\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 15%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:20\:st, html.auto .sf-c-palegoldenrod\:20\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:25\:st, html.auto .sf-c-palegoldenrod\:25\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 25%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:30\:st, html.auto .sf-c-palegoldenrod\:30\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:35\:st, html.auto .sf-c-palegoldenrod\:35\:st { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 35%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:40\:st, html.auto .sf-c-palegoldenrod\:40\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:45\:st, html.auto .sf-c-palegoldenrod\:45\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 45%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:50\:st, html.auto .sf-c-palegoldenrod\:50\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:55\:st, html.auto .sf-c-palegoldenrod\:55\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 55%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:60\:st, html.auto .sf-c-palegoldenrod\:60\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:65\:st, html.auto .sf-c-palegoldenrod\:65\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 65%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:70\:st, html.auto .sf-c-palegoldenrod\:70\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:75\:st, html.auto .sf-c-palegoldenrod\:75\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 75%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:80\:st, html.auto .sf-c-palegoldenrod\:80\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:85\:st, html.auto .sf-c-palegoldenrod\:85\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 85%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:90\:st, html.auto .sf-c-palegoldenrod\:90\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:95\:st, html.auto .sf-c-palegoldenrod\:95\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } - html[data-theme='auto'] .sf-c-palegoldenrod\:100\:st, html.auto .sf-c-palegoldenrod\:100\:st { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:5, html.auto .sf-c-txt-palegoldenrod\:5 { color: hsl(55, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:15, html.auto .sf-c-txt-palegoldenrod\:15 { color: hsl(55, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:25, html.auto .sf-c-txt-palegoldenrod\:25 { color: hsl(55, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:35, html.auto .sf-c-txt-palegoldenrod\:35 { color: hsl(55, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:45, html.auto .sf-c-txt-palegoldenrod\:45 { color: hsl(55, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:55, html.auto .sf-c-txt-palegoldenrod\:55 { color: hsl(55, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:65, html.auto .sf-c-txt-palegoldenrod\:65 { color: hsl(55, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:75, html.auto .sf-c-txt-palegoldenrod\:75 { color: hsl(55, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:85, html.auto .sf-c-txt-palegoldenrod\:85 { color: hsl(55, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:95, html.auto .sf-c-txt-palegoldenrod\:95 { color: hsl(55, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:st, html.auto .sf-c-txt-palegoldenrod\:st { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:st, html.auto .sf-c-txt-palegoldenrod\:0\:st { color: hsl(55, 67%, 0%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:5\:st, html.auto .sf-c-txt-palegoldenrod\:5\:st { color: hsl(55, 67%, 5%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:st, html.auto .sf-c-txt-palegoldenrod\:10\:st { color: hsl(55, 67%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:15\:st, html.auto .sf-c-txt-palegoldenrod\:15\:st { color: hsl(55, 67%, 15%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:st, html.auto .sf-c-txt-palegoldenrod\:20\:st { color: hsl(55, 67%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:25\:st, html.auto .sf-c-txt-palegoldenrod\:25\:st { color: hsl(55, 67%, 25%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:st, html.auto .sf-c-txt-palegoldenrod\:30\:st { color: hsl(55, 67%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:35\:st, html.auto .sf-c-txt-palegoldenrod\:35\:st { color: hsl(55, 67%, 35%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:st, html.auto .sf-c-txt-palegoldenrod\:40\:st { color: hsl(55, 67%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:45\:st, html.auto .sf-c-txt-palegoldenrod\:45\:st { color: hsl(55, 67%, 45%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:st, html.auto .sf-c-txt-palegoldenrod\:50\:st { color: hsl(55, 67%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:55\:st, html.auto .sf-c-txt-palegoldenrod\:55\:st { color: hsl(55, 67%, 55%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:st, html.auto .sf-c-txt-palegoldenrod\:60\:st { color: hsl(55, 67%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:65\:st, html.auto .sf-c-txt-palegoldenrod\:65\:st { color: hsl(55, 67%, 65%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:st, html.auto .sf-c-txt-palegoldenrod\:70\:st { color: hsl(55, 67%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:75\:st, html.auto .sf-c-txt-palegoldenrod\:75\:st { color: hsl(55, 67%, 75%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:st, html.auto .sf-c-txt-palegoldenrod\:80\:st { color: hsl(55, 67%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:85\:st, html.auto .sf-c-txt-palegoldenrod\:85\:st { color: hsl(55, 67%, 85%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:st, html.auto .sf-c-txt-palegoldenrod\:90\:st { color: hsl(55, 67%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:95\:st, html.auto .sf-c-txt-palegoldenrod\:95\:st { color: hsl(55, 67%, 95%) } - html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:st, html.auto .sf-c-txt-palegoldenrod\:100\:st { color: hsl(55, 67%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/palegreen.css b/src/colors/20/palegreen.css deleted file mode 100644 index d486a10..0000000 --- a/src/colors/20/palegreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-palegreen { - --sf-c-palegreen: 120 93% 79%; - --sf-c-palegreen-0: 120 93% 0%; - --sf-c-palegreen-5: 120 93% 5%; - --sf-c-palegreen-10: 120 93% 10%; - --sf-c-palegreen-15: 120 93% 15%; - --sf-c-palegreen-20: 120 93% 20%; - --sf-c-palegreen-25: 120 93% 25%; - --sf-c-palegreen-30: 120 93% 30%; - --sf-c-palegreen-35: 120 93% 35%; - --sf-c-palegreen-40: 120 93% 40%; - --sf-c-palegreen-45: 120 93% 45%; - --sf-c-palegreen-50: 120 93% 50%; - --sf-c-palegreen-55: 120 93% 55%; - --sf-c-palegreen-60: 120 93% 60%; - --sf-c-palegreen-65: 120 93% 65%; - --sf-c-palegreen-70: 120 93% 70%; - --sf-c-palegreen-75: 120 93% 75%; - --sf-c-palegreen-80: 120 93% 80%; - --sf-c-palegreen-85: 120 93% 85%; - --sf-c-palegreen-90: 120 93% 90%; - --sf-c-palegreen-95: 120 93% 95%; - --sf-c-palegreen-100: 120 93% 100%; -} - -.sf-c-palegreen, .sf-c-palegreen\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 79%) } -.sf-c-palegreen\:0, .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } -.sf-c-palegreen\:5, .sf-c-palegreen\:5\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } -.sf-c-palegreen\:10, .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } -.sf-c-palegreen\:15, .sf-c-palegreen\:15\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 15%) } -.sf-c-palegreen\:20, .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 20%) } -.sf-c-palegreen\:25, .sf-c-palegreen\:25\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 25%) } -.sf-c-palegreen\:30, .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 30%) } -.sf-c-palegreen\:35, .sf-c-palegreen\:35\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 35%) } -.sf-c-palegreen\:40, .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 40%) } -.sf-c-palegreen\:45, .sf-c-palegreen\:45\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 45%) } -.sf-c-palegreen\:50, .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 50%) } -.sf-c-palegreen\:55, .sf-c-palegreen\:55\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 55%) } -.sf-c-palegreen\:60, .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 60%) } -.sf-c-palegreen\:65, .sf-c-palegreen\:65\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 65%) } -.sf-c-palegreen\:70, .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 70%) } -.sf-c-palegreen\:75, .sf-c-palegreen\:75\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 75%) } -.sf-c-palegreen\:80, .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 80%) } -.sf-c-palegreen\:85, .sf-c-palegreen\:85\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 85%) } -.sf-c-palegreen\:90, .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 90%) } -.sf-c-palegreen\:95, .sf-c-palegreen\:95\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } -.sf-c-palegreen\:100, .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } - -.sf-c-txt-palegreen { color: hsl(120, 93%, 10%) } -.sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } -.sf-c-txt-palegreen\:0, .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } -.sf-c-txt-palegreen\:5, .sf-c-txt-palegreen\:5\:st { color: hsl(120, 93%, 5%) } -.sf-c-txt-palegreen\:10, .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } -.sf-c-txt-palegreen\:15, .sf-c-txt-palegreen\:15\:st { color: hsl(120, 93%, 15%) } -.sf-c-txt-palegreen\:20, .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } -.sf-c-txt-palegreen\:25, .sf-c-txt-palegreen\:25\:st { color: hsl(120, 93%, 25%) } -.sf-c-txt-palegreen\:30, .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } -.sf-c-txt-palegreen\:35, .sf-c-txt-palegreen\:35\:st { color: hsl(120, 93%, 35%) } -.sf-c-txt-palegreen\:40, .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } -.sf-c-txt-palegreen\:45, .sf-c-txt-palegreen\:45\:st { color: hsl(120, 93%, 45%) } -.sf-c-txt-palegreen\:50, .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } -.sf-c-txt-palegreen\:55, .sf-c-txt-palegreen\:55\:st { color: hsl(120, 93%, 55%) } -.sf-c-txt-palegreen\:60, .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } -.sf-c-txt-palegreen\:65, .sf-c-txt-palegreen\:65\:st { color: hsl(120, 93%, 65%) } -.sf-c-txt-palegreen\:70, .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } -.sf-c-txt-palegreen\:75, .sf-c-txt-palegreen\:75\:st { color: hsl(120, 93%, 75%) } -.sf-c-txt-palegreen\:80, .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } -.sf-c-txt-palegreen\:85, .sf-c-txt-palegreen\:85\:st { color: hsl(120, 93%, 85%) } -.sf-c-txt-palegreen\:90, .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } -.sf-c-txt-palegreen\:95, .sf-c-txt-palegreen\:95\:st { color: hsl(120, 93%, 95%) } -.sf-c-txt-palegreen\:100, .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } - -html[data-theme='dark'] .sf-c-palegreen, html.dark .sf-c-palegreen { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 21%) } -html[data-theme='dark'] .sf-c-palegreen\:0, html.dark .sf-c-palegreen\:0 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } -html[data-theme='dark'] .sf-c-palegreen\:5, html.dark .sf-c-palegreen\:5 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } -html[data-theme='dark'] .sf-c-palegreen\:10, html.dark .sf-c-palegreen\:10 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-palegreen\:15, html.dark .sf-c-palegreen\:15 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 85%) } -html[data-theme='dark'] .sf-c-palegreen\:20, html.dark .sf-c-palegreen\:20 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-palegreen\:25, html.dark .sf-c-palegreen\:25 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 75%) } -html[data-theme='dark'] .sf-c-palegreen\:30, html.dark .sf-c-palegreen\:30 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-palegreen\:35, html.dark .sf-c-palegreen\:35 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 65%) } -html[data-theme='dark'] .sf-c-palegreen\:40, html.dark .sf-c-palegreen\:40 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-palegreen\:45, html.dark .sf-c-palegreen\:45 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 55%) } -html[data-theme='dark'] .sf-c-palegreen\:50, html.dark .sf-c-palegreen\:50 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-palegreen\:55, html.dark .sf-c-palegreen\:55 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 45%) } -html[data-theme='dark'] .sf-c-palegreen\:60, html.dark .sf-c-palegreen\:60 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-palegreen\:65, html.dark .sf-c-palegreen\:65 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 35%) } -html[data-theme='dark'] .sf-c-palegreen\:70, html.dark .sf-c-palegreen\:70 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-palegreen\:75, html.dark .sf-c-palegreen\:75 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 25%) } -html[data-theme='dark'] .sf-c-palegreen\:80, html.dark .sf-c-palegreen\:80 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-palegreen\:85, html.dark .sf-c-palegreen\:85 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 15%) } -html[data-theme='dark'] .sf-c-palegreen\:90, html.dark .sf-c-palegreen\:90 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-palegreen\:95, html.dark .sf-c-palegreen\:95 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } -html[data-theme='dark'] .sf-c-palegreen\:100, html.dark .sf-c-palegreen\:100 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } - -html[data-theme='dark'] .sf-c-palegreen\:st, html.dark .sf-c-palegreen\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-palegreen\:0\:st, html.dark .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } -html[data-theme='dark'] .sf-c-palegreen\:5\:st, html.dark .sf-c-palegreen\:5\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } -html[data-theme='dark'] .sf-c-palegreen\:10\:st, html.dark .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-palegreen\:15\:st, html.dark .sf-c-palegreen\:15\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 15%) } -html[data-theme='dark'] .sf-c-palegreen\:20\:st, html.dark .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-palegreen\:25\:st, html.dark .sf-c-palegreen\:25\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 25%) } -html[data-theme='dark'] .sf-c-palegreen\:30\:st, html.dark .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-palegreen\:35\:st, html.dark .sf-c-palegreen\:35\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 35%) } -html[data-theme='dark'] .sf-c-palegreen\:40\:st, html.dark .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-palegreen\:45\:st, html.dark .sf-c-palegreen\:45\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 45%) } -html[data-theme='dark'] .sf-c-palegreen\:50\:st, html.dark .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-palegreen\:55\:st, html.dark .sf-c-palegreen\:55\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 55%) } -html[data-theme='dark'] .sf-c-palegreen\:60\:st, html.dark .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-palegreen\:65\:st, html.dark .sf-c-palegreen\:65\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 65%) } -html[data-theme='dark'] .sf-c-palegreen\:70\:st, html.dark .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-palegreen\:75\:st, html.dark .sf-c-palegreen\:75\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 75%) } -html[data-theme='dark'] .sf-c-palegreen\:80\:st, html.dark .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-palegreen\:85\:st, html.dark .sf-c-palegreen\:85\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 85%) } -html[data-theme='dark'] .sf-c-palegreen\:90\:st, html.dark .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-palegreen\:95\:st, html.dark .sf-c-palegreen\:95\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } -html[data-theme='dark'] .sf-c-palegreen\:100\:st, html.dark .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:5, html.dark .sf-c-txt-palegreen\:5 { color: hsl(120, 93%, 95%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:15, html.dark .sf-c-txt-palegreen\:15 { color: hsl(120, 93%, 85%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:25, html.dark .sf-c-txt-palegreen\:25 { color: hsl(120, 93%, 75%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:35, html.dark .sf-c-txt-palegreen\:35 { color: hsl(120, 93%, 65%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:45, html.dark .sf-c-txt-palegreen\:45 { color: hsl(120, 93%, 55%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:55, html.dark .sf-c-txt-palegreen\:55 { color: hsl(120, 93%, 45%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:65, html.dark .sf-c-txt-palegreen\:65 { color: hsl(120, 93%, 35%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:75, html.dark .sf-c-txt-palegreen\:75 { color: hsl(120, 93%, 25%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:85, html.dark .sf-c-txt-palegreen\:85 { color: hsl(120, 93%, 15%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:95, html.dark .sf-c-txt-palegreen\:95 { color: hsl(120, 93%, 5%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palegreen\:st, html.dark .sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:0\:st, html.dark .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:5\:st, html.dark .sf-c-txt-palegreen\:5\:st { color: hsl(120, 93%, 5%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:10\:st, html.dark .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:15\:st, html.dark .sf-c-txt-palegreen\:15\:st { color: hsl(120, 93%, 15%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:20\:st, html.dark .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:25\:st, html.dark .sf-c-txt-palegreen\:25\:st { color: hsl(120, 93%, 25%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:30\:st, html.dark .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:35\:st, html.dark .sf-c-txt-palegreen\:35\:st { color: hsl(120, 93%, 35%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:40\:st, html.dark .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:45\:st, html.dark .sf-c-txt-palegreen\:45\:st { color: hsl(120, 93%, 45%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:50\:st, html.dark .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:55\:st, html.dark .sf-c-txt-palegreen\:55\:st { color: hsl(120, 93%, 55%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:60\:st, html.dark .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:65\:st, html.dark .sf-c-txt-palegreen\:65\:st { color: hsl(120, 93%, 65%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:70\:st, html.dark .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:75\:st, html.dark .sf-c-txt-palegreen\:75\:st { color: hsl(120, 93%, 75%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:80\:st, html.dark .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:85\:st, html.dark .sf-c-txt-palegreen\:85\:st { color: hsl(120, 93%, 85%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:90\:st, html.dark .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:95\:st, html.dark .sf-c-txt-palegreen\:95\:st { color: hsl(120, 93%, 95%) } -html[data-theme='dark'] .sf-c-txt-palegreen\:100\:st, html.dark .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palegreen, html.auto .sf-c-palegreen { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 21%) } - html[data-theme='auto'] .sf-c-palegreen\:0, html.auto .sf-c-palegreen\:0 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } - html[data-theme='auto'] .sf-c-palegreen\:5, html.auto .sf-c-palegreen\:5 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } - html[data-theme='auto'] .sf-c-palegreen\:10, html.auto .sf-c-palegreen\:10 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-palegreen\:15, html.auto .sf-c-palegreen\:15 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 85%) } - html[data-theme='auto'] .sf-c-palegreen\:20, html.auto .sf-c-palegreen\:20 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-palegreen\:25, html.auto .sf-c-palegreen\:25 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 75%) } - html[data-theme='auto'] .sf-c-palegreen\:30, html.auto .sf-c-palegreen\:30 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-palegreen\:35, html.auto .sf-c-palegreen\:35 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 65%) } - html[data-theme='auto'] .sf-c-palegreen\:40, html.auto .sf-c-palegreen\:40 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-palegreen\:45, html.auto .sf-c-palegreen\:45 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 55%) } - html[data-theme='auto'] .sf-c-palegreen\:50, html.auto .sf-c-palegreen\:50 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-palegreen\:55, html.auto .sf-c-palegreen\:55 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 45%) } - html[data-theme='auto'] .sf-c-palegreen\:60, html.auto .sf-c-palegreen\:60 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-palegreen\:65, html.auto .sf-c-palegreen\:65 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 35%) } - html[data-theme='auto'] .sf-c-palegreen\:70, html.auto .sf-c-palegreen\:70 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-palegreen\:75, html.auto .sf-c-palegreen\:75 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 25%) } - html[data-theme='auto'] .sf-c-palegreen\:80, html.auto .sf-c-palegreen\:80 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-palegreen\:85, html.auto .sf-c-palegreen\:85 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 15%) } - html[data-theme='auto'] .sf-c-palegreen\:90, html.auto .sf-c-palegreen\:90 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-palegreen\:95, html.auto .sf-c-palegreen\:95 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } - html[data-theme='auto'] .sf-c-palegreen\:100, html.auto .sf-c-palegreen\:100 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } - - html[data-theme='auto'] .sf-c-palegreen\:st, html.auto .sf-c-palegreen\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-palegreen\:0\:st, html.auto .sf-c-palegreen\:0\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } - html[data-theme='auto'] .sf-c-palegreen\:5\:st, html.auto .sf-c-palegreen\:5\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } - html[data-theme='auto'] .sf-c-palegreen\:10\:st, html.auto .sf-c-palegreen\:10\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-palegreen\:15\:st, html.auto .sf-c-palegreen\:15\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 15%) } - html[data-theme='auto'] .sf-c-palegreen\:20\:st, html.auto .sf-c-palegreen\:20\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-palegreen\:25\:st, html.auto .sf-c-palegreen\:25\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 25%) } - html[data-theme='auto'] .sf-c-palegreen\:30\:st, html.auto .sf-c-palegreen\:30\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-palegreen\:35\:st, html.auto .sf-c-palegreen\:35\:st { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 35%) } - html[data-theme='auto'] .sf-c-palegreen\:40\:st, html.auto .sf-c-palegreen\:40\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-palegreen\:45\:st, html.auto .sf-c-palegreen\:45\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 45%) } - html[data-theme='auto'] .sf-c-palegreen\:50\:st, html.auto .sf-c-palegreen\:50\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-palegreen\:55\:st, html.auto .sf-c-palegreen\:55\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 55%) } - html[data-theme='auto'] .sf-c-palegreen\:60\:st, html.auto .sf-c-palegreen\:60\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-palegreen\:65\:st, html.auto .sf-c-palegreen\:65\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 65%) } - html[data-theme='auto'] .sf-c-palegreen\:70\:st, html.auto .sf-c-palegreen\:70\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-palegreen\:75\:st, html.auto .sf-c-palegreen\:75\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 75%) } - html[data-theme='auto'] .sf-c-palegreen\:80\:st, html.auto .sf-c-palegreen\:80\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-palegreen\:85\:st, html.auto .sf-c-palegreen\:85\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 85%) } - html[data-theme='auto'] .sf-c-palegreen\:90\:st, html.auto .sf-c-palegreen\:90\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-palegreen\:95\:st, html.auto .sf-c-palegreen\:95\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } - html[data-theme='auto'] .sf-c-palegreen\:100\:st, html.auto .sf-c-palegreen\:100\:st { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:5, html.auto .sf-c-txt-palegreen\:5 { color: hsl(120, 93%, 95%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:15, html.auto .sf-c-txt-palegreen\:15 { color: hsl(120, 93%, 85%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:25, html.auto .sf-c-txt-palegreen\:25 { color: hsl(120, 93%, 75%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:35, html.auto .sf-c-txt-palegreen\:35 { color: hsl(120, 93%, 65%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:45, html.auto .sf-c-txt-palegreen\:45 { color: hsl(120, 93%, 55%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:55, html.auto .sf-c-txt-palegreen\:55 { color: hsl(120, 93%, 45%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:65, html.auto .sf-c-txt-palegreen\:65 { color: hsl(120, 93%, 35%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:75, html.auto .sf-c-txt-palegreen\:75 { color: hsl(120, 93%, 25%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:85, html.auto .sf-c-txt-palegreen\:85 { color: hsl(120, 93%, 15%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:95, html.auto .sf-c-txt-palegreen\:95 { color: hsl(120, 93%, 5%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palegreen\:st, html.auto .sf-c-txt-palegreen\:st { color: hsl(120, 93%, 79%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:0\:st, html.auto .sf-c-txt-palegreen\:0\:st { color: hsl(120, 93%, 0%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:5\:st, html.auto .sf-c-txt-palegreen\:5\:st { color: hsl(120, 93%, 5%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:10\:st, html.auto .sf-c-txt-palegreen\:10\:st { color: hsl(120, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:15\:st, html.auto .sf-c-txt-palegreen\:15\:st { color: hsl(120, 93%, 15%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:20\:st, html.auto .sf-c-txt-palegreen\:20\:st { color: hsl(120, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:25\:st, html.auto .sf-c-txt-palegreen\:25\:st { color: hsl(120, 93%, 25%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:30\:st, html.auto .sf-c-txt-palegreen\:30\:st { color: hsl(120, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:35\:st, html.auto .sf-c-txt-palegreen\:35\:st { color: hsl(120, 93%, 35%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:40\:st, html.auto .sf-c-txt-palegreen\:40\:st { color: hsl(120, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:45\:st, html.auto .sf-c-txt-palegreen\:45\:st { color: hsl(120, 93%, 45%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:50\:st, html.auto .sf-c-txt-palegreen\:50\:st { color: hsl(120, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:55\:st, html.auto .sf-c-txt-palegreen\:55\:st { color: hsl(120, 93%, 55%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:60\:st, html.auto .sf-c-txt-palegreen\:60\:st { color: hsl(120, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:65\:st, html.auto .sf-c-txt-palegreen\:65\:st { color: hsl(120, 93%, 65%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:70\:st, html.auto .sf-c-txt-palegreen\:70\:st { color: hsl(120, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:75\:st, html.auto .sf-c-txt-palegreen\:75\:st { color: hsl(120, 93%, 75%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:80\:st, html.auto .sf-c-txt-palegreen\:80\:st { color: hsl(120, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:85\:st, html.auto .sf-c-txt-palegreen\:85\:st { color: hsl(120, 93%, 85%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:90\:st, html.auto .sf-c-txt-palegreen\:90\:st { color: hsl(120, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:95\:st, html.auto .sf-c-txt-palegreen\:95\:st { color: hsl(120, 93%, 95%) } - html[data-theme='auto'] .sf-c-txt-palegreen\:100\:st, html.auto .sf-c-txt-palegreen\:100\:st { color: hsl(120, 93%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/paleturquoise.css b/src/colors/20/paleturquoise.css deleted file mode 100644 index f95dde8..0000000 --- a/src/colors/20/paleturquoise.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-paleturquoise { - --sf-c-paleturquoise: 180 65% 81%; - --sf-c-paleturquoise-0: 180 65% 0%; - --sf-c-paleturquoise-5: 180 65% 5%; - --sf-c-paleturquoise-10: 180 65% 10%; - --sf-c-paleturquoise-15: 180 65% 15%; - --sf-c-paleturquoise-20: 180 65% 20%; - --sf-c-paleturquoise-25: 180 65% 25%; - --sf-c-paleturquoise-30: 180 65% 30%; - --sf-c-paleturquoise-35: 180 65% 35%; - --sf-c-paleturquoise-40: 180 65% 40%; - --sf-c-paleturquoise-45: 180 65% 45%; - --sf-c-paleturquoise-50: 180 65% 50%; - --sf-c-paleturquoise-55: 180 65% 55%; - --sf-c-paleturquoise-60: 180 65% 60%; - --sf-c-paleturquoise-65: 180 65% 65%; - --sf-c-paleturquoise-70: 180 65% 70%; - --sf-c-paleturquoise-75: 180 65% 75%; - --sf-c-paleturquoise-80: 180 65% 80%; - --sf-c-paleturquoise-85: 180 65% 85%; - --sf-c-paleturquoise-90: 180 65% 90%; - --sf-c-paleturquoise-95: 180 65% 95%; - --sf-c-paleturquoise-100: 180 65% 100%; -} - -.sf-c-paleturquoise, .sf-c-paleturquoise\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 81%) } -.sf-c-paleturquoise\:0, .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } -.sf-c-paleturquoise\:5, .sf-c-paleturquoise\:5\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } -.sf-c-paleturquoise\:10, .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } -.sf-c-paleturquoise\:15, .sf-c-paleturquoise\:15\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 15%) } -.sf-c-paleturquoise\:20, .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 20%) } -.sf-c-paleturquoise\:25, .sf-c-paleturquoise\:25\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 25%) } -.sf-c-paleturquoise\:30, .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 30%) } -.sf-c-paleturquoise\:35, .sf-c-paleturquoise\:35\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 35%) } -.sf-c-paleturquoise\:40, .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 40%) } -.sf-c-paleturquoise\:45, .sf-c-paleturquoise\:45\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 45%) } -.sf-c-paleturquoise\:50, .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 50%) } -.sf-c-paleturquoise\:55, .sf-c-paleturquoise\:55\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 55%) } -.sf-c-paleturquoise\:60, .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 60%) } -.sf-c-paleturquoise\:65, .sf-c-paleturquoise\:65\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 65%) } -.sf-c-paleturquoise\:70, .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 70%) } -.sf-c-paleturquoise\:75, .sf-c-paleturquoise\:75\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 75%) } -.sf-c-paleturquoise\:80, .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 80%) } -.sf-c-paleturquoise\:85, .sf-c-paleturquoise\:85\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 85%) } -.sf-c-paleturquoise\:90, .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 90%) } -.sf-c-paleturquoise\:95, .sf-c-paleturquoise\:95\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } -.sf-c-paleturquoise\:100, .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } - -.sf-c-txt-paleturquoise { color: hsl(180, 65%, 10%) } -.sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } -.sf-c-txt-paleturquoise\:0, .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } -.sf-c-txt-paleturquoise\:5, .sf-c-txt-paleturquoise\:5\:st { color: hsl(180, 65%, 5%) } -.sf-c-txt-paleturquoise\:10, .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } -.sf-c-txt-paleturquoise\:15, .sf-c-txt-paleturquoise\:15\:st { color: hsl(180, 65%, 15%) } -.sf-c-txt-paleturquoise\:20, .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } -.sf-c-txt-paleturquoise\:25, .sf-c-txt-paleturquoise\:25\:st { color: hsl(180, 65%, 25%) } -.sf-c-txt-paleturquoise\:30, .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } -.sf-c-txt-paleturquoise\:35, .sf-c-txt-paleturquoise\:35\:st { color: hsl(180, 65%, 35%) } -.sf-c-txt-paleturquoise\:40, .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } -.sf-c-txt-paleturquoise\:45, .sf-c-txt-paleturquoise\:45\:st { color: hsl(180, 65%, 45%) } -.sf-c-txt-paleturquoise\:50, .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } -.sf-c-txt-paleturquoise\:55, .sf-c-txt-paleturquoise\:55\:st { color: hsl(180, 65%, 55%) } -.sf-c-txt-paleturquoise\:60, .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } -.sf-c-txt-paleturquoise\:65, .sf-c-txt-paleturquoise\:65\:st { color: hsl(180, 65%, 65%) } -.sf-c-txt-paleturquoise\:70, .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } -.sf-c-txt-paleturquoise\:75, .sf-c-txt-paleturquoise\:75\:st { color: hsl(180, 65%, 75%) } -.sf-c-txt-paleturquoise\:80, .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } -.sf-c-txt-paleturquoise\:85, .sf-c-txt-paleturquoise\:85\:st { color: hsl(180, 65%, 85%) } -.sf-c-txt-paleturquoise\:90, .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } -.sf-c-txt-paleturquoise\:95, .sf-c-txt-paleturquoise\:95\:st { color: hsl(180, 65%, 95%) } -.sf-c-txt-paleturquoise\:100, .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } - -html[data-theme='dark'] .sf-c-paleturquoise, html.dark .sf-c-paleturquoise { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 19%) } -html[data-theme='dark'] .sf-c-paleturquoise\:0, html.dark .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } -html[data-theme='dark'] .sf-c-paleturquoise\:5, html.dark .sf-c-paleturquoise\:5 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } -html[data-theme='dark'] .sf-c-paleturquoise\:10, html.dark .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-paleturquoise\:15, html.dark .sf-c-paleturquoise\:15 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 85%) } -html[data-theme='dark'] .sf-c-paleturquoise\:20, html.dark .sf-c-paleturquoise\:20 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-paleturquoise\:25, html.dark .sf-c-paleturquoise\:25 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 75%) } -html[data-theme='dark'] .sf-c-paleturquoise\:30, html.dark .sf-c-paleturquoise\:30 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-paleturquoise\:35, html.dark .sf-c-paleturquoise\:35 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 65%) } -html[data-theme='dark'] .sf-c-paleturquoise\:40, html.dark .sf-c-paleturquoise\:40 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-paleturquoise\:45, html.dark .sf-c-paleturquoise\:45 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 55%) } -html[data-theme='dark'] .sf-c-paleturquoise\:50, html.dark .sf-c-paleturquoise\:50 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-paleturquoise\:55, html.dark .sf-c-paleturquoise\:55 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 45%) } -html[data-theme='dark'] .sf-c-paleturquoise\:60, html.dark .sf-c-paleturquoise\:60 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-paleturquoise\:65, html.dark .sf-c-paleturquoise\:65 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 35%) } -html[data-theme='dark'] .sf-c-paleturquoise\:70, html.dark .sf-c-paleturquoise\:70 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-paleturquoise\:75, html.dark .sf-c-paleturquoise\:75 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 25%) } -html[data-theme='dark'] .sf-c-paleturquoise\:80, html.dark .sf-c-paleturquoise\:80 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-paleturquoise\:85, html.dark .sf-c-paleturquoise\:85 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 15%) } -html[data-theme='dark'] .sf-c-paleturquoise\:90, html.dark .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-paleturquoise\:95, html.dark .sf-c-paleturquoise\:95 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } -html[data-theme='dark'] .sf-c-paleturquoise\:100, html.dark .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } - -html[data-theme='dark'] .sf-c-paleturquoise\:st, html.dark .sf-c-paleturquoise\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-paleturquoise\:0\:st, html.dark .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } -html[data-theme='dark'] .sf-c-paleturquoise\:5\:st, html.dark .sf-c-paleturquoise\:5\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } -html[data-theme='dark'] .sf-c-paleturquoise\:10\:st, html.dark .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-paleturquoise\:15\:st, html.dark .sf-c-paleturquoise\:15\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 15%) } -html[data-theme='dark'] .sf-c-paleturquoise\:20\:st, html.dark .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-paleturquoise\:25\:st, html.dark .sf-c-paleturquoise\:25\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 25%) } -html[data-theme='dark'] .sf-c-paleturquoise\:30\:st, html.dark .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-paleturquoise\:35\:st, html.dark .sf-c-paleturquoise\:35\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 35%) } -html[data-theme='dark'] .sf-c-paleturquoise\:40\:st, html.dark .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-paleturquoise\:45\:st, html.dark .sf-c-paleturquoise\:45\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 45%) } -html[data-theme='dark'] .sf-c-paleturquoise\:50\:st, html.dark .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-paleturquoise\:55\:st, html.dark .sf-c-paleturquoise\:55\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 55%) } -html[data-theme='dark'] .sf-c-paleturquoise\:60\:st, html.dark .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-paleturquoise\:65\:st, html.dark .sf-c-paleturquoise\:65\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 65%) } -html[data-theme='dark'] .sf-c-paleturquoise\:70\:st, html.dark .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-paleturquoise\:75\:st, html.dark .sf-c-paleturquoise\:75\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 75%) } -html[data-theme='dark'] .sf-c-paleturquoise\:80\:st, html.dark .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-paleturquoise\:85\:st, html.dark .sf-c-paleturquoise\:85\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 85%) } -html[data-theme='dark'] .sf-c-paleturquoise\:90\:st, html.dark .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-paleturquoise\:95\:st, html.dark .sf-c-paleturquoise\:95\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } -html[data-theme='dark'] .sf-c-paleturquoise\:100\:st, html.dark .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } - -html[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:5, html.dark .sf-c-txt-paleturquoise\:5 { color: hsl(180, 65%, 95%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:15, html.dark .sf-c-txt-paleturquoise\:15 { color: hsl(180, 65%, 85%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:25, html.dark .sf-c-txt-paleturquoise\:25 { color: hsl(180, 65%, 75%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:35, html.dark .sf-c-txt-paleturquoise\:35 { color: hsl(180, 65%, 65%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:45, html.dark .sf-c-txt-paleturquoise\:45 { color: hsl(180, 65%, 55%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:55, html.dark .sf-c-txt-paleturquoise\:55 { color: hsl(180, 65%, 45%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:65, html.dark .sf-c-txt-paleturquoise\:65 { color: hsl(180, 65%, 35%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:75, html.dark .sf-c-txt-paleturquoise\:75 { color: hsl(180, 65%, 25%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:85, html.dark .sf-c-txt-paleturquoise\:85 { color: hsl(180, 65%, 15%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:95, html.dark .sf-c-txt-paleturquoise\:95 { color: hsl(180, 65%, 5%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } - -html[data-theme='dark'] .sf-c-txt-paleturquoise\:st, html.dark .sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:st, html.dark .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:5\:st, html.dark .sf-c-txt-paleturquoise\:5\:st { color: hsl(180, 65%, 5%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:st, html.dark .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:15\:st, html.dark .sf-c-txt-paleturquoise\:15\:st { color: hsl(180, 65%, 15%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:st, html.dark .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:25\:st, html.dark .sf-c-txt-paleturquoise\:25\:st { color: hsl(180, 65%, 25%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:st, html.dark .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:35\:st, html.dark .sf-c-txt-paleturquoise\:35\:st { color: hsl(180, 65%, 35%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:st, html.dark .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:45\:st, html.dark .sf-c-txt-paleturquoise\:45\:st { color: hsl(180, 65%, 45%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:st, html.dark .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:55\:st, html.dark .sf-c-txt-paleturquoise\:55\:st { color: hsl(180, 65%, 55%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:st, html.dark .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:65\:st, html.dark .sf-c-txt-paleturquoise\:65\:st { color: hsl(180, 65%, 65%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:st, html.dark .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:75\:st, html.dark .sf-c-txt-paleturquoise\:75\:st { color: hsl(180, 65%, 75%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:st, html.dark .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:85\:st, html.dark .sf-c-txt-paleturquoise\:85\:st { color: hsl(180, 65%, 85%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:st, html.dark .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:95\:st, html.dark .sf-c-txt-paleturquoise\:95\:st { color: hsl(180, 65%, 95%) } -html[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:st, html.dark .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-paleturquoise, html.auto .sf-c-paleturquoise { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 19%) } - html[data-theme='auto'] .sf-c-paleturquoise\:0, html.auto .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } - html[data-theme='auto'] .sf-c-paleturquoise\:5, html.auto .sf-c-paleturquoise\:5 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } - html[data-theme='auto'] .sf-c-paleturquoise\:10, html.auto .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-paleturquoise\:15, html.auto .sf-c-paleturquoise\:15 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 85%) } - html[data-theme='auto'] .sf-c-paleturquoise\:20, html.auto .sf-c-paleturquoise\:20 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-paleturquoise\:25, html.auto .sf-c-paleturquoise\:25 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 75%) } - html[data-theme='auto'] .sf-c-paleturquoise\:30, html.auto .sf-c-paleturquoise\:30 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-paleturquoise\:35, html.auto .sf-c-paleturquoise\:35 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 65%) } - html[data-theme='auto'] .sf-c-paleturquoise\:40, html.auto .sf-c-paleturquoise\:40 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-paleturquoise\:45, html.auto .sf-c-paleturquoise\:45 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 55%) } - html[data-theme='auto'] .sf-c-paleturquoise\:50, html.auto .sf-c-paleturquoise\:50 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-paleturquoise\:55, html.auto .sf-c-paleturquoise\:55 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 45%) } - html[data-theme='auto'] .sf-c-paleturquoise\:60, html.auto .sf-c-paleturquoise\:60 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-paleturquoise\:65, html.auto .sf-c-paleturquoise\:65 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 35%) } - html[data-theme='auto'] .sf-c-paleturquoise\:70, html.auto .sf-c-paleturquoise\:70 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-paleturquoise\:75, html.auto .sf-c-paleturquoise\:75 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 25%) } - html[data-theme='auto'] .sf-c-paleturquoise\:80, html.auto .sf-c-paleturquoise\:80 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-paleturquoise\:85, html.auto .sf-c-paleturquoise\:85 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 15%) } - html[data-theme='auto'] .sf-c-paleturquoise\:90, html.auto .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-paleturquoise\:95, html.auto .sf-c-paleturquoise\:95 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } - html[data-theme='auto'] .sf-c-paleturquoise\:100, html.auto .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } - - html[data-theme='auto'] .sf-c-paleturquoise\:st, html.auto .sf-c-paleturquoise\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-paleturquoise\:0\:st, html.auto .sf-c-paleturquoise\:0\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } - html[data-theme='auto'] .sf-c-paleturquoise\:5\:st, html.auto .sf-c-paleturquoise\:5\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } - html[data-theme='auto'] .sf-c-paleturquoise\:10\:st, html.auto .sf-c-paleturquoise\:10\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-paleturquoise\:15\:st, html.auto .sf-c-paleturquoise\:15\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 15%) } - html[data-theme='auto'] .sf-c-paleturquoise\:20\:st, html.auto .sf-c-paleturquoise\:20\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-paleturquoise\:25\:st, html.auto .sf-c-paleturquoise\:25\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 25%) } - html[data-theme='auto'] .sf-c-paleturquoise\:30\:st, html.auto .sf-c-paleturquoise\:30\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-paleturquoise\:35\:st, html.auto .sf-c-paleturquoise\:35\:st { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 35%) } - html[data-theme='auto'] .sf-c-paleturquoise\:40\:st, html.auto .sf-c-paleturquoise\:40\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-paleturquoise\:45\:st, html.auto .sf-c-paleturquoise\:45\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 45%) } - html[data-theme='auto'] .sf-c-paleturquoise\:50\:st, html.auto .sf-c-paleturquoise\:50\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-paleturquoise\:55\:st, html.auto .sf-c-paleturquoise\:55\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 55%) } - html[data-theme='auto'] .sf-c-paleturquoise\:60\:st, html.auto .sf-c-paleturquoise\:60\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-paleturquoise\:65\:st, html.auto .sf-c-paleturquoise\:65\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 65%) } - html[data-theme='auto'] .sf-c-paleturquoise\:70\:st, html.auto .sf-c-paleturquoise\:70\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-paleturquoise\:75\:st, html.auto .sf-c-paleturquoise\:75\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 75%) } - html[data-theme='auto'] .sf-c-paleturquoise\:80\:st, html.auto .sf-c-paleturquoise\:80\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-paleturquoise\:85\:st, html.auto .sf-c-paleturquoise\:85\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 85%) } - html[data-theme='auto'] .sf-c-paleturquoise\:90\:st, html.auto .sf-c-paleturquoise\:90\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-paleturquoise\:95\:st, html.auto .sf-c-paleturquoise\:95\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } - html[data-theme='auto'] .sf-c-paleturquoise\:100\:st, html.auto .sf-c-paleturquoise\:100\:st { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } - - html[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:5, html.auto .sf-c-txt-paleturquoise\:5 { color: hsl(180, 65%, 95%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:15, html.auto .sf-c-txt-paleturquoise\:15 { color: hsl(180, 65%, 85%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:25, html.auto .sf-c-txt-paleturquoise\:25 { color: hsl(180, 65%, 75%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:35, html.auto .sf-c-txt-paleturquoise\:35 { color: hsl(180, 65%, 65%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:45, html.auto .sf-c-txt-paleturquoise\:45 { color: hsl(180, 65%, 55%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:55, html.auto .sf-c-txt-paleturquoise\:55 { color: hsl(180, 65%, 45%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:65, html.auto .sf-c-txt-paleturquoise\:65 { color: hsl(180, 65%, 35%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:75, html.auto .sf-c-txt-paleturquoise\:75 { color: hsl(180, 65%, 25%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:85, html.auto .sf-c-txt-paleturquoise\:85 { color: hsl(180, 65%, 15%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:95, html.auto .sf-c-txt-paleturquoise\:95 { color: hsl(180, 65%, 5%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } - - html[data-theme='auto'] .sf-c-txt-paleturquoise\:st, html.auto .sf-c-txt-paleturquoise\:st { color: hsl(180, 65%, 81%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:st, html.auto .sf-c-txt-paleturquoise\:0\:st { color: hsl(180, 65%, 0%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:5\:st, html.auto .sf-c-txt-paleturquoise\:5\:st { color: hsl(180, 65%, 5%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:st, html.auto .sf-c-txt-paleturquoise\:10\:st { color: hsl(180, 65%, 10%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:15\:st, html.auto .sf-c-txt-paleturquoise\:15\:st { color: hsl(180, 65%, 15%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:st, html.auto .sf-c-txt-paleturquoise\:20\:st { color: hsl(180, 65%, 20%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:25\:st, html.auto .sf-c-txt-paleturquoise\:25\:st { color: hsl(180, 65%, 25%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:st, html.auto .sf-c-txt-paleturquoise\:30\:st { color: hsl(180, 65%, 30%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:35\:st, html.auto .sf-c-txt-paleturquoise\:35\:st { color: hsl(180, 65%, 35%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:st, html.auto .sf-c-txt-paleturquoise\:40\:st { color: hsl(180, 65%, 40%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:45\:st, html.auto .sf-c-txt-paleturquoise\:45\:st { color: hsl(180, 65%, 45%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:st, html.auto .sf-c-txt-paleturquoise\:50\:st { color: hsl(180, 65%, 50%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:55\:st, html.auto .sf-c-txt-paleturquoise\:55\:st { color: hsl(180, 65%, 55%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:st, html.auto .sf-c-txt-paleturquoise\:60\:st { color: hsl(180, 65%, 60%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:65\:st, html.auto .sf-c-txt-paleturquoise\:65\:st { color: hsl(180, 65%, 65%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:st, html.auto .sf-c-txt-paleturquoise\:70\:st { color: hsl(180, 65%, 70%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:75\:st, html.auto .sf-c-txt-paleturquoise\:75\:st { color: hsl(180, 65%, 75%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:st, html.auto .sf-c-txt-paleturquoise\:80\:st { color: hsl(180, 65%, 80%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:85\:st, html.auto .sf-c-txt-paleturquoise\:85\:st { color: hsl(180, 65%, 85%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:st, html.auto .sf-c-txt-paleturquoise\:90\:st { color: hsl(180, 65%, 90%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:95\:st, html.auto .sf-c-txt-paleturquoise\:95\:st { color: hsl(180, 65%, 95%) } - html[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:st, html.auto .sf-c-txt-paleturquoise\:100\:st { color: hsl(180, 65%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/palevioletred.css b/src/colors/20/palevioletred.css deleted file mode 100644 index dfa0ed7..0000000 --- a/src/colors/20/palevioletred.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-palevioletred { - --sf-c-palevioletred: 340 60% 65%; - --sf-c-palevioletred-0: 340 60% 0%; - --sf-c-palevioletred-5: 340 60% 5%; - --sf-c-palevioletred-10: 340 60% 10%; - --sf-c-palevioletred-15: 340 60% 15%; - --sf-c-palevioletred-20: 340 60% 20%; - --sf-c-palevioletred-25: 340 60% 25%; - --sf-c-palevioletred-30: 340 60% 30%; - --sf-c-palevioletred-35: 340 60% 35%; - --sf-c-palevioletred-40: 340 60% 40%; - --sf-c-palevioletred-45: 340 60% 45%; - --sf-c-palevioletred-50: 340 60% 50%; - --sf-c-palevioletred-55: 340 60% 55%; - --sf-c-palevioletred-60: 340 60% 60%; - --sf-c-palevioletred-65: 340 60% 65%; - --sf-c-palevioletred-70: 340 60% 70%; - --sf-c-palevioletred-75: 340 60% 75%; - --sf-c-palevioletred-80: 340 60% 80%; - --sf-c-palevioletred-85: 340 60% 85%; - --sf-c-palevioletred-90: 340 60% 90%; - --sf-c-palevioletred-95: 340 60% 95%; - --sf-c-palevioletred-100: 340 60% 100%; -} - -.sf-c-palevioletred, .sf-c-palevioletred\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } -.sf-c-palevioletred\:0, .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } -.sf-c-palevioletred\:5, .sf-c-palevioletred\:5\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } -.sf-c-palevioletred\:10, .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } -.sf-c-palevioletred\:15, .sf-c-palevioletred\:15\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 15%) } -.sf-c-palevioletred\:20, .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 20%) } -.sf-c-palevioletred\:25, .sf-c-palevioletred\:25\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 25%) } -.sf-c-palevioletred\:30, .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 30%) } -.sf-c-palevioletred\:35, .sf-c-palevioletred\:35\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } -.sf-c-palevioletred\:40, .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 40%) } -.sf-c-palevioletred\:45, .sf-c-palevioletred\:45\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 45%) } -.sf-c-palevioletred\:50, .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 50%) } -.sf-c-palevioletred\:55, .sf-c-palevioletred\:55\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 55%) } -.sf-c-palevioletred\:60, .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 60%) } -.sf-c-palevioletred\:65, .sf-c-palevioletred\:65\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } -.sf-c-palevioletred\:70, .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 70%) } -.sf-c-palevioletred\:75, .sf-c-palevioletred\:75\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 75%) } -.sf-c-palevioletred\:80, .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 80%) } -.sf-c-palevioletred\:85, .sf-c-palevioletred\:85\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 85%) } -.sf-c-palevioletred\:90, .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 90%) } -.sf-c-palevioletred\:95, .sf-c-palevioletred\:95\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } -.sf-c-palevioletred\:100, .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } - -.sf-c-txt-palevioletred { color: hsl(340, 60%, 10%) } -.sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } -.sf-c-txt-palevioletred\:0, .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } -.sf-c-txt-palevioletred\:5, .sf-c-txt-palevioletred\:5\:st { color: hsl(340, 60%, 5%) } -.sf-c-txt-palevioletred\:10, .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } -.sf-c-txt-palevioletred\:15, .sf-c-txt-palevioletred\:15\:st { color: hsl(340, 60%, 15%) } -.sf-c-txt-palevioletred\:20, .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } -.sf-c-txt-palevioletred\:25, .sf-c-txt-palevioletred\:25\:st { color: hsl(340, 60%, 25%) } -.sf-c-txt-palevioletred\:30, .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } -.sf-c-txt-palevioletred\:35, .sf-c-txt-palevioletred\:35\:st { color: hsl(340, 60%, 35%) } -.sf-c-txt-palevioletred\:40, .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } -.sf-c-txt-palevioletred\:45, .sf-c-txt-palevioletred\:45\:st { color: hsl(340, 60%, 45%) } -.sf-c-txt-palevioletred\:50, .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } -.sf-c-txt-palevioletred\:55, .sf-c-txt-palevioletred\:55\:st { color: hsl(340, 60%, 55%) } -.sf-c-txt-palevioletred\:60, .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } -.sf-c-txt-palevioletred\:65, .sf-c-txt-palevioletred\:65\:st { color: hsl(340, 60%, 65%) } -.sf-c-txt-palevioletred\:70, .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } -.sf-c-txt-palevioletred\:75, .sf-c-txt-palevioletred\:75\:st { color: hsl(340, 60%, 75%) } -.sf-c-txt-palevioletred\:80, .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } -.sf-c-txt-palevioletred\:85, .sf-c-txt-palevioletred\:85\:st { color: hsl(340, 60%, 85%) } -.sf-c-txt-palevioletred\:90, .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } -.sf-c-txt-palevioletred\:95, .sf-c-txt-palevioletred\:95\:st { color: hsl(340, 60%, 95%) } -.sf-c-txt-palevioletred\:100, .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } - -html[data-theme='dark'] .sf-c-palevioletred, html.dark .sf-c-palevioletred { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-palevioletred\:0, html.dark .sf-c-palevioletred\:0 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } -html[data-theme='dark'] .sf-c-palevioletred\:5, html.dark .sf-c-palevioletred\:5 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } -html[data-theme='dark'] .sf-c-palevioletred\:10, html.dark .sf-c-palevioletred\:10 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-palevioletred\:15, html.dark .sf-c-palevioletred\:15 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 85%) } -html[data-theme='dark'] .sf-c-palevioletred\:20, html.dark .sf-c-palevioletred\:20 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-palevioletred\:25, html.dark .sf-c-palevioletred\:25 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 75%) } -html[data-theme='dark'] .sf-c-palevioletred\:30, html.dark .sf-c-palevioletred\:30 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-palevioletred\:35, html.dark .sf-c-palevioletred\:35 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-palevioletred\:40, html.dark .sf-c-palevioletred\:40 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-palevioletred\:45, html.dark .sf-c-palevioletred\:45 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 55%) } -html[data-theme='dark'] .sf-c-palevioletred\:50, html.dark .sf-c-palevioletred\:50 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-palevioletred\:55, html.dark .sf-c-palevioletred\:55 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 45%) } -html[data-theme='dark'] .sf-c-palevioletred\:60, html.dark .sf-c-palevioletred\:60 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-palevioletred\:65, html.dark .sf-c-palevioletred\:65 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-palevioletred\:70, html.dark .sf-c-palevioletred\:70 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-palevioletred\:75, html.dark .sf-c-palevioletred\:75 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 25%) } -html[data-theme='dark'] .sf-c-palevioletred\:80, html.dark .sf-c-palevioletred\:80 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-palevioletred\:85, html.dark .sf-c-palevioletred\:85 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 15%) } -html[data-theme='dark'] .sf-c-palevioletred\:90, html.dark .sf-c-palevioletred\:90 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-palevioletred\:95, html.dark .sf-c-palevioletred\:95 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } -html[data-theme='dark'] .sf-c-palevioletred\:100, html.dark .sf-c-palevioletred\:100 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } - -html[data-theme='dark'] .sf-c-palevioletred\:st, html.dark .sf-c-palevioletred\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-palevioletred\:0\:st, html.dark .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } -html[data-theme='dark'] .sf-c-palevioletred\:5\:st, html.dark .sf-c-palevioletred\:5\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } -html[data-theme='dark'] .sf-c-palevioletred\:10\:st, html.dark .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-palevioletred\:15\:st, html.dark .sf-c-palevioletred\:15\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 15%) } -html[data-theme='dark'] .sf-c-palevioletred\:20\:st, html.dark .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-palevioletred\:25\:st, html.dark .sf-c-palevioletred\:25\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 25%) } -html[data-theme='dark'] .sf-c-palevioletred\:30\:st, html.dark .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-palevioletred\:35\:st, html.dark .sf-c-palevioletred\:35\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-palevioletred\:40\:st, html.dark .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-palevioletred\:45\:st, html.dark .sf-c-palevioletred\:45\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 45%) } -html[data-theme='dark'] .sf-c-palevioletred\:50\:st, html.dark .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-palevioletred\:55\:st, html.dark .sf-c-palevioletred\:55\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 55%) } -html[data-theme='dark'] .sf-c-palevioletred\:60\:st, html.dark .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-palevioletred\:65\:st, html.dark .sf-c-palevioletred\:65\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-palevioletred\:70\:st, html.dark .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-palevioletred\:75\:st, html.dark .sf-c-palevioletred\:75\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 75%) } -html[data-theme='dark'] .sf-c-palevioletred\:80\:st, html.dark .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-palevioletred\:85\:st, html.dark .sf-c-palevioletred\:85\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 85%) } -html[data-theme='dark'] .sf-c-palevioletred\:90\:st, html.dark .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-palevioletred\:95\:st, html.dark .sf-c-palevioletred\:95\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } -html[data-theme='dark'] .sf-c-palevioletred\:100\:st, html.dark .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } - -html[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:5, html.dark .sf-c-txt-palevioletred\:5 { color: hsl(340, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:15, html.dark .sf-c-txt-palevioletred\:15 { color: hsl(340, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:25, html.dark .sf-c-txt-palevioletred\:25 { color: hsl(340, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:35, html.dark .sf-c-txt-palevioletred\:35 { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:45, html.dark .sf-c-txt-palevioletred\:45 { color: hsl(340, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:55, html.dark .sf-c-txt-palevioletred\:55 { color: hsl(340, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:65, html.dark .sf-c-txt-palevioletred\:65 { color: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:75, html.dark .sf-c-txt-palevioletred\:75 { color: hsl(340, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:85, html.dark .sf-c-txt-palevioletred\:85 { color: hsl(340, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:95, html.dark .sf-c-txt-palevioletred\:95 { color: hsl(340, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } - -html[data-theme='dark'] .sf-c-txt-palevioletred\:st, html.dark .sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:0\:st, html.dark .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:5\:st, html.dark .sf-c-txt-palevioletred\:5\:st { color: hsl(340, 60%, 5%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:10\:st, html.dark .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:15\:st, html.dark .sf-c-txt-palevioletred\:15\:st { color: hsl(340, 60%, 15%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:20\:st, html.dark .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:25\:st, html.dark .sf-c-txt-palevioletred\:25\:st { color: hsl(340, 60%, 25%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:30\:st, html.dark .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:35\:st, html.dark .sf-c-txt-palevioletred\:35\:st { color: hsl(340, 60%, 35%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:40\:st, html.dark .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:45\:st, html.dark .sf-c-txt-palevioletred\:45\:st { color: hsl(340, 60%, 45%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:50\:st, html.dark .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:55\:st, html.dark .sf-c-txt-palevioletred\:55\:st { color: hsl(340, 60%, 55%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:60\:st, html.dark .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:65\:st, html.dark .sf-c-txt-palevioletred\:65\:st { color: hsl(340, 60%, 65%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:70\:st, html.dark .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:75\:st, html.dark .sf-c-txt-palevioletred\:75\:st { color: hsl(340, 60%, 75%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:80\:st, html.dark .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:85\:st, html.dark .sf-c-txt-palevioletred\:85\:st { color: hsl(340, 60%, 85%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:90\:st, html.dark .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:95\:st, html.dark .sf-c-txt-palevioletred\:95\:st { color: hsl(340, 60%, 95%) } -html[data-theme='dark'] .sf-c-txt-palevioletred\:100\:st, html.dark .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-palevioletred, html.auto .sf-c-palevioletred { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-palevioletred\:0, html.auto .sf-c-palevioletred\:0 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } - html[data-theme='auto'] .sf-c-palevioletred\:5, html.auto .sf-c-palevioletred\:5 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } - html[data-theme='auto'] .sf-c-palevioletred\:10, html.auto .sf-c-palevioletred\:10 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-palevioletred\:15, html.auto .sf-c-palevioletred\:15 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 85%) } - html[data-theme='auto'] .sf-c-palevioletred\:20, html.auto .sf-c-palevioletred\:20 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-palevioletred\:25, html.auto .sf-c-palevioletred\:25 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 75%) } - html[data-theme='auto'] .sf-c-palevioletred\:30, html.auto .sf-c-palevioletred\:30 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-palevioletred\:35, html.auto .sf-c-palevioletred\:35 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-palevioletred\:40, html.auto .sf-c-palevioletred\:40 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-palevioletred\:45, html.auto .sf-c-palevioletred\:45 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 55%) } - html[data-theme='auto'] .sf-c-palevioletred\:50, html.auto .sf-c-palevioletred\:50 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-palevioletred\:55, html.auto .sf-c-palevioletred\:55 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 45%) } - html[data-theme='auto'] .sf-c-palevioletred\:60, html.auto .sf-c-palevioletred\:60 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-palevioletred\:65, html.auto .sf-c-palevioletred\:65 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-palevioletred\:70, html.auto .sf-c-palevioletred\:70 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-palevioletred\:75, html.auto .sf-c-palevioletred\:75 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 25%) } - html[data-theme='auto'] .sf-c-palevioletred\:80, html.auto .sf-c-palevioletred\:80 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-palevioletred\:85, html.auto .sf-c-palevioletred\:85 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 15%) } - html[data-theme='auto'] .sf-c-palevioletred\:90, html.auto .sf-c-palevioletred\:90 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-palevioletred\:95, html.auto .sf-c-palevioletred\:95 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } - html[data-theme='auto'] .sf-c-palevioletred\:100, html.auto .sf-c-palevioletred\:100 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } - - html[data-theme='auto'] .sf-c-palevioletred\:st, html.auto .sf-c-palevioletred\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-palevioletred\:0\:st, html.auto .sf-c-palevioletred\:0\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } - html[data-theme='auto'] .sf-c-palevioletred\:5\:st, html.auto .sf-c-palevioletred\:5\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } - html[data-theme='auto'] .sf-c-palevioletred\:10\:st, html.auto .sf-c-palevioletred\:10\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-palevioletred\:15\:st, html.auto .sf-c-palevioletred\:15\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 15%) } - html[data-theme='auto'] .sf-c-palevioletred\:20\:st, html.auto .sf-c-palevioletred\:20\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-palevioletred\:25\:st, html.auto .sf-c-palevioletred\:25\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 25%) } - html[data-theme='auto'] .sf-c-palevioletred\:30\:st, html.auto .sf-c-palevioletred\:30\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-palevioletred\:35\:st, html.auto .sf-c-palevioletred\:35\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-palevioletred\:40\:st, html.auto .sf-c-palevioletred\:40\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-palevioletred\:45\:st, html.auto .sf-c-palevioletred\:45\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 45%) } - html[data-theme='auto'] .sf-c-palevioletred\:50\:st, html.auto .sf-c-palevioletred\:50\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-palevioletred\:55\:st, html.auto .sf-c-palevioletred\:55\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 55%) } - html[data-theme='auto'] .sf-c-palevioletred\:60\:st, html.auto .sf-c-palevioletred\:60\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-palevioletred\:65\:st, html.auto .sf-c-palevioletred\:65\:st { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-palevioletred\:70\:st, html.auto .sf-c-palevioletred\:70\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-palevioletred\:75\:st, html.auto .sf-c-palevioletred\:75\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 75%) } - html[data-theme='auto'] .sf-c-palevioletred\:80\:st, html.auto .sf-c-palevioletred\:80\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-palevioletred\:85\:st, html.auto .sf-c-palevioletred\:85\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 85%) } - html[data-theme='auto'] .sf-c-palevioletred\:90\:st, html.auto .sf-c-palevioletred\:90\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-palevioletred\:95\:st, html.auto .sf-c-palevioletred\:95\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } - html[data-theme='auto'] .sf-c-palevioletred\:100\:st, html.auto .sf-c-palevioletred\:100\:st { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } - - html[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:5, html.auto .sf-c-txt-palevioletred\:5 { color: hsl(340, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:15, html.auto .sf-c-txt-palevioletred\:15 { color: hsl(340, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:25, html.auto .sf-c-txt-palevioletred\:25 { color: hsl(340, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:35, html.auto .sf-c-txt-palevioletred\:35 { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:45, html.auto .sf-c-txt-palevioletred\:45 { color: hsl(340, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:55, html.auto .sf-c-txt-palevioletred\:55 { color: hsl(340, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:65, html.auto .sf-c-txt-palevioletred\:65 { color: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:75, html.auto .sf-c-txt-palevioletred\:75 { color: hsl(340, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:85, html.auto .sf-c-txt-palevioletred\:85 { color: hsl(340, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:95, html.auto .sf-c-txt-palevioletred\:95 { color: hsl(340, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } - - html[data-theme='auto'] .sf-c-txt-palevioletred\:st, html.auto .sf-c-txt-palevioletred\:st { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:0\:st, html.auto .sf-c-txt-palevioletred\:0\:st { color: hsl(340, 60%, 0%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:5\:st, html.auto .sf-c-txt-palevioletred\:5\:st { color: hsl(340, 60%, 5%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:10\:st, html.auto .sf-c-txt-palevioletred\:10\:st { color: hsl(340, 60%, 10%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:15\:st, html.auto .sf-c-txt-palevioletred\:15\:st { color: hsl(340, 60%, 15%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:20\:st, html.auto .sf-c-txt-palevioletred\:20\:st { color: hsl(340, 60%, 20%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:25\:st, html.auto .sf-c-txt-palevioletred\:25\:st { color: hsl(340, 60%, 25%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:30\:st, html.auto .sf-c-txt-palevioletred\:30\:st { color: hsl(340, 60%, 30%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:35\:st, html.auto .sf-c-txt-palevioletred\:35\:st { color: hsl(340, 60%, 35%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:40\:st, html.auto .sf-c-txt-palevioletred\:40\:st { color: hsl(340, 60%, 40%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:45\:st, html.auto .sf-c-txt-palevioletred\:45\:st { color: hsl(340, 60%, 45%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:50\:st, html.auto .sf-c-txt-palevioletred\:50\:st { color: hsl(340, 60%, 50%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:55\:st, html.auto .sf-c-txt-palevioletred\:55\:st { color: hsl(340, 60%, 55%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:60\:st, html.auto .sf-c-txt-palevioletred\:60\:st { color: hsl(340, 60%, 60%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:65\:st, html.auto .sf-c-txt-palevioletred\:65\:st { color: hsl(340, 60%, 65%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:70\:st, html.auto .sf-c-txt-palevioletred\:70\:st { color: hsl(340, 60%, 70%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:75\:st, html.auto .sf-c-txt-palevioletred\:75\:st { color: hsl(340, 60%, 75%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:80\:st, html.auto .sf-c-txt-palevioletred\:80\:st { color: hsl(340, 60%, 80%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:85\:st, html.auto .sf-c-txt-palevioletred\:85\:st { color: hsl(340, 60%, 85%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:90\:st, html.auto .sf-c-txt-palevioletred\:90\:st { color: hsl(340, 60%, 90%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:95\:st, html.auto .sf-c-txt-palevioletred\:95\:st { color: hsl(340, 60%, 95%) } - html[data-theme='auto'] .sf-c-txt-palevioletred\:100\:st, html.auto .sf-c-txt-palevioletred\:100\:st { color: hsl(340, 60%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/papayawhip.css b/src/colors/20/papayawhip.css deleted file mode 100644 index 44486c7..0000000 --- a/src/colors/20/papayawhip.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-papayawhip { - --sf-c-papayawhip: 37 100% 92%; - --sf-c-papayawhip-0: 37 100% 0%; - --sf-c-papayawhip-5: 37 100% 5%; - --sf-c-papayawhip-10: 37 100% 10%; - --sf-c-papayawhip-15: 37 100% 15%; - --sf-c-papayawhip-20: 37 100% 20%; - --sf-c-papayawhip-25: 37 100% 25%; - --sf-c-papayawhip-30: 37 100% 30%; - --sf-c-papayawhip-35: 37 100% 35%; - --sf-c-papayawhip-40: 37 100% 40%; - --sf-c-papayawhip-45: 37 100% 45%; - --sf-c-papayawhip-50: 37 100% 50%; - --sf-c-papayawhip-55: 37 100% 55%; - --sf-c-papayawhip-60: 37 100% 60%; - --sf-c-papayawhip-65: 37 100% 65%; - --sf-c-papayawhip-70: 37 100% 70%; - --sf-c-papayawhip-75: 37 100% 75%; - --sf-c-papayawhip-80: 37 100% 80%; - --sf-c-papayawhip-85: 37 100% 85%; - --sf-c-papayawhip-90: 37 100% 90%; - --sf-c-papayawhip-95: 37 100% 95%; - --sf-c-papayawhip-100: 37 100% 100%; -} - -.sf-c-papayawhip, .sf-c-papayawhip\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 92%) } -.sf-c-papayawhip\:0, .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } -.sf-c-papayawhip\:5, .sf-c-papayawhip\:5\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } -.sf-c-papayawhip\:10, .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } -.sf-c-papayawhip\:15, .sf-c-papayawhip\:15\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 15%) } -.sf-c-papayawhip\:20, .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 20%) } -.sf-c-papayawhip\:25, .sf-c-papayawhip\:25\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 25%) } -.sf-c-papayawhip\:30, .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 30%) } -.sf-c-papayawhip\:35, .sf-c-papayawhip\:35\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 35%) } -.sf-c-papayawhip\:40, .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 40%) } -.sf-c-papayawhip\:45, .sf-c-papayawhip\:45\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 45%) } -.sf-c-papayawhip\:50, .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 50%) } -.sf-c-papayawhip\:55, .sf-c-papayawhip\:55\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 55%) } -.sf-c-papayawhip\:60, .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 60%) } -.sf-c-papayawhip\:65, .sf-c-papayawhip\:65\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 65%) } -.sf-c-papayawhip\:70, .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 70%) } -.sf-c-papayawhip\:75, .sf-c-papayawhip\:75\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 75%) } -.sf-c-papayawhip\:80, .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 80%) } -.sf-c-papayawhip\:85, .sf-c-papayawhip\:85\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 85%) } -.sf-c-papayawhip\:90, .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 90%) } -.sf-c-papayawhip\:95, .sf-c-papayawhip\:95\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } -.sf-c-papayawhip\:100, .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } - -.sf-c-txt-papayawhip { color: hsl(37, 100%, 10%) } -.sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } -.sf-c-txt-papayawhip\:0, .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } -.sf-c-txt-papayawhip\:5, .sf-c-txt-papayawhip\:5\:st { color: hsl(37, 100%, 5%) } -.sf-c-txt-papayawhip\:10, .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } -.sf-c-txt-papayawhip\:15, .sf-c-txt-papayawhip\:15\:st { color: hsl(37, 100%, 15%) } -.sf-c-txt-papayawhip\:20, .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } -.sf-c-txt-papayawhip\:25, .sf-c-txt-papayawhip\:25\:st { color: hsl(37, 100%, 25%) } -.sf-c-txt-papayawhip\:30, .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } -.sf-c-txt-papayawhip\:35, .sf-c-txt-papayawhip\:35\:st { color: hsl(37, 100%, 35%) } -.sf-c-txt-papayawhip\:40, .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } -.sf-c-txt-papayawhip\:45, .sf-c-txt-papayawhip\:45\:st { color: hsl(37, 100%, 45%) } -.sf-c-txt-papayawhip\:50, .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } -.sf-c-txt-papayawhip\:55, .sf-c-txt-papayawhip\:55\:st { color: hsl(37, 100%, 55%) } -.sf-c-txt-papayawhip\:60, .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } -.sf-c-txt-papayawhip\:65, .sf-c-txt-papayawhip\:65\:st { color: hsl(37, 100%, 65%) } -.sf-c-txt-papayawhip\:70, .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } -.sf-c-txt-papayawhip\:75, .sf-c-txt-papayawhip\:75\:st { color: hsl(37, 100%, 75%) } -.sf-c-txt-papayawhip\:80, .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } -.sf-c-txt-papayawhip\:85, .sf-c-txt-papayawhip\:85\:st { color: hsl(37, 100%, 85%) } -.sf-c-txt-papayawhip\:90, .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } -.sf-c-txt-papayawhip\:95, .sf-c-txt-papayawhip\:95\:st { color: hsl(37, 100%, 95%) } -.sf-c-txt-papayawhip\:100, .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } - -html[data-theme='dark'] .sf-c-papayawhip, html.dark .sf-c-papayawhip { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 8%) } -html[data-theme='dark'] .sf-c-papayawhip\:0, html.dark .sf-c-papayawhip\:0 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } -html[data-theme='dark'] .sf-c-papayawhip\:5, html.dark .sf-c-papayawhip\:5 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } -html[data-theme='dark'] .sf-c-papayawhip\:10, html.dark .sf-c-papayawhip\:10 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-papayawhip\:15, html.dark .sf-c-papayawhip\:15 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 85%) } -html[data-theme='dark'] .sf-c-papayawhip\:20, html.dark .sf-c-papayawhip\:20 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-papayawhip\:25, html.dark .sf-c-papayawhip\:25 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 75%) } -html[data-theme='dark'] .sf-c-papayawhip\:30, html.dark .sf-c-papayawhip\:30 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-papayawhip\:35, html.dark .sf-c-papayawhip\:35 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 65%) } -html[data-theme='dark'] .sf-c-papayawhip\:40, html.dark .sf-c-papayawhip\:40 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-papayawhip\:45, html.dark .sf-c-papayawhip\:45 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 55%) } -html[data-theme='dark'] .sf-c-papayawhip\:50, html.dark .sf-c-papayawhip\:50 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-papayawhip\:55, html.dark .sf-c-papayawhip\:55 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 45%) } -html[data-theme='dark'] .sf-c-papayawhip\:60, html.dark .sf-c-papayawhip\:60 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-papayawhip\:65, html.dark .sf-c-papayawhip\:65 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 35%) } -html[data-theme='dark'] .sf-c-papayawhip\:70, html.dark .sf-c-papayawhip\:70 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-papayawhip\:75, html.dark .sf-c-papayawhip\:75 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 25%) } -html[data-theme='dark'] .sf-c-papayawhip\:80, html.dark .sf-c-papayawhip\:80 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-papayawhip\:85, html.dark .sf-c-papayawhip\:85 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 15%) } -html[data-theme='dark'] .sf-c-papayawhip\:90, html.dark .sf-c-papayawhip\:90 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-papayawhip\:95, html.dark .sf-c-papayawhip\:95 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } -html[data-theme='dark'] .sf-c-papayawhip\:100, html.dark .sf-c-papayawhip\:100 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } - -html[data-theme='dark'] .sf-c-papayawhip\:st, html.dark .sf-c-papayawhip\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-papayawhip\:0\:st, html.dark .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } -html[data-theme='dark'] .sf-c-papayawhip\:5\:st, html.dark .sf-c-papayawhip\:5\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } -html[data-theme='dark'] .sf-c-papayawhip\:10\:st, html.dark .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-papayawhip\:15\:st, html.dark .sf-c-papayawhip\:15\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 15%) } -html[data-theme='dark'] .sf-c-papayawhip\:20\:st, html.dark .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-papayawhip\:25\:st, html.dark .sf-c-papayawhip\:25\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 25%) } -html[data-theme='dark'] .sf-c-papayawhip\:30\:st, html.dark .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-papayawhip\:35\:st, html.dark .sf-c-papayawhip\:35\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 35%) } -html[data-theme='dark'] .sf-c-papayawhip\:40\:st, html.dark .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-papayawhip\:45\:st, html.dark .sf-c-papayawhip\:45\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 45%) } -html[data-theme='dark'] .sf-c-papayawhip\:50\:st, html.dark .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-papayawhip\:55\:st, html.dark .sf-c-papayawhip\:55\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 55%) } -html[data-theme='dark'] .sf-c-papayawhip\:60\:st, html.dark .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-papayawhip\:65\:st, html.dark .sf-c-papayawhip\:65\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 65%) } -html[data-theme='dark'] .sf-c-papayawhip\:70\:st, html.dark .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-papayawhip\:75\:st, html.dark .sf-c-papayawhip\:75\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 75%) } -html[data-theme='dark'] .sf-c-papayawhip\:80\:st, html.dark .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-papayawhip\:85\:st, html.dark .sf-c-papayawhip\:85\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 85%) } -html[data-theme='dark'] .sf-c-papayawhip\:90\:st, html.dark .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-papayawhip\:95\:st, html.dark .sf-c-papayawhip\:95\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } -html[data-theme='dark'] .sf-c-papayawhip\:100\:st, html.dark .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:5, html.dark .sf-c-txt-papayawhip\:5 { color: hsl(37, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:15, html.dark .sf-c-txt-papayawhip\:15 { color: hsl(37, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:25, html.dark .sf-c-txt-papayawhip\:25 { color: hsl(37, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:35, html.dark .sf-c-txt-papayawhip\:35 { color: hsl(37, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:45, html.dark .sf-c-txt-papayawhip\:45 { color: hsl(37, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:55, html.dark .sf-c-txt-papayawhip\:55 { color: hsl(37, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:65, html.dark .sf-c-txt-papayawhip\:65 { color: hsl(37, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:75, html.dark .sf-c-txt-papayawhip\:75 { color: hsl(37, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:85, html.dark .sf-c-txt-papayawhip\:85 { color: hsl(37, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:95, html.dark .sf-c-txt-papayawhip\:95 { color: hsl(37, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-papayawhip\:st, html.dark .sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:0\:st, html.dark .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:5\:st, html.dark .sf-c-txt-papayawhip\:5\:st { color: hsl(37, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:10\:st, html.dark .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:15\:st, html.dark .sf-c-txt-papayawhip\:15\:st { color: hsl(37, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:20\:st, html.dark .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:25\:st, html.dark .sf-c-txt-papayawhip\:25\:st { color: hsl(37, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:30\:st, html.dark .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:35\:st, html.dark .sf-c-txt-papayawhip\:35\:st { color: hsl(37, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:40\:st, html.dark .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:45\:st, html.dark .sf-c-txt-papayawhip\:45\:st { color: hsl(37, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:50\:st, html.dark .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:55\:st, html.dark .sf-c-txt-papayawhip\:55\:st { color: hsl(37, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:60\:st, html.dark .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:65\:st, html.dark .sf-c-txt-papayawhip\:65\:st { color: hsl(37, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:70\:st, html.dark .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:75\:st, html.dark .sf-c-txt-papayawhip\:75\:st { color: hsl(37, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:80\:st, html.dark .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:85\:st, html.dark .sf-c-txt-papayawhip\:85\:st { color: hsl(37, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:90\:st, html.dark .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:95\:st, html.dark .sf-c-txt-papayawhip\:95\:st { color: hsl(37, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-papayawhip\:100\:st, html.dark .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-papayawhip, html.auto .sf-c-papayawhip { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 8%) } - html[data-theme='auto'] .sf-c-papayawhip\:0, html.auto .sf-c-papayawhip\:0 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } - html[data-theme='auto'] .sf-c-papayawhip\:5, html.auto .sf-c-papayawhip\:5 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } - html[data-theme='auto'] .sf-c-papayawhip\:10, html.auto .sf-c-papayawhip\:10 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-papayawhip\:15, html.auto .sf-c-papayawhip\:15 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 85%) } - html[data-theme='auto'] .sf-c-papayawhip\:20, html.auto .sf-c-papayawhip\:20 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-papayawhip\:25, html.auto .sf-c-papayawhip\:25 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 75%) } - html[data-theme='auto'] .sf-c-papayawhip\:30, html.auto .sf-c-papayawhip\:30 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-papayawhip\:35, html.auto .sf-c-papayawhip\:35 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 65%) } - html[data-theme='auto'] .sf-c-papayawhip\:40, html.auto .sf-c-papayawhip\:40 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-papayawhip\:45, html.auto .sf-c-papayawhip\:45 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 55%) } - html[data-theme='auto'] .sf-c-papayawhip\:50, html.auto .sf-c-papayawhip\:50 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-papayawhip\:55, html.auto .sf-c-papayawhip\:55 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 45%) } - html[data-theme='auto'] .sf-c-papayawhip\:60, html.auto .sf-c-papayawhip\:60 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-papayawhip\:65, html.auto .sf-c-papayawhip\:65 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 35%) } - html[data-theme='auto'] .sf-c-papayawhip\:70, html.auto .sf-c-papayawhip\:70 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-papayawhip\:75, html.auto .sf-c-papayawhip\:75 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 25%) } - html[data-theme='auto'] .sf-c-papayawhip\:80, html.auto .sf-c-papayawhip\:80 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-papayawhip\:85, html.auto .sf-c-papayawhip\:85 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 15%) } - html[data-theme='auto'] .sf-c-papayawhip\:90, html.auto .sf-c-papayawhip\:90 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-papayawhip\:95, html.auto .sf-c-papayawhip\:95 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } - html[data-theme='auto'] .sf-c-papayawhip\:100, html.auto .sf-c-papayawhip\:100 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } - - html[data-theme='auto'] .sf-c-papayawhip\:st, html.auto .sf-c-papayawhip\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-papayawhip\:0\:st, html.auto .sf-c-papayawhip\:0\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } - html[data-theme='auto'] .sf-c-papayawhip\:5\:st, html.auto .sf-c-papayawhip\:5\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } - html[data-theme='auto'] .sf-c-papayawhip\:10\:st, html.auto .sf-c-papayawhip\:10\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-papayawhip\:15\:st, html.auto .sf-c-papayawhip\:15\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 15%) } - html[data-theme='auto'] .sf-c-papayawhip\:20\:st, html.auto .sf-c-papayawhip\:20\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-papayawhip\:25\:st, html.auto .sf-c-papayawhip\:25\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 25%) } - html[data-theme='auto'] .sf-c-papayawhip\:30\:st, html.auto .sf-c-papayawhip\:30\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-papayawhip\:35\:st, html.auto .sf-c-papayawhip\:35\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 35%) } - html[data-theme='auto'] .sf-c-papayawhip\:40\:st, html.auto .sf-c-papayawhip\:40\:st { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-papayawhip\:45\:st, html.auto .sf-c-papayawhip\:45\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 45%) } - html[data-theme='auto'] .sf-c-papayawhip\:50\:st, html.auto .sf-c-papayawhip\:50\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-papayawhip\:55\:st, html.auto .sf-c-papayawhip\:55\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 55%) } - html[data-theme='auto'] .sf-c-papayawhip\:60\:st, html.auto .sf-c-papayawhip\:60\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-papayawhip\:65\:st, html.auto .sf-c-papayawhip\:65\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 65%) } - html[data-theme='auto'] .sf-c-papayawhip\:70\:st, html.auto .sf-c-papayawhip\:70\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-papayawhip\:75\:st, html.auto .sf-c-papayawhip\:75\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 75%) } - html[data-theme='auto'] .sf-c-papayawhip\:80\:st, html.auto .sf-c-papayawhip\:80\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-papayawhip\:85\:st, html.auto .sf-c-papayawhip\:85\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 85%) } - html[data-theme='auto'] .sf-c-papayawhip\:90\:st, html.auto .sf-c-papayawhip\:90\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-papayawhip\:95\:st, html.auto .sf-c-papayawhip\:95\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } - html[data-theme='auto'] .sf-c-papayawhip\:100\:st, html.auto .sf-c-papayawhip\:100\:st { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:5, html.auto .sf-c-txt-papayawhip\:5 { color: hsl(37, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:15, html.auto .sf-c-txt-papayawhip\:15 { color: hsl(37, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:25, html.auto .sf-c-txt-papayawhip\:25 { color: hsl(37, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:35, html.auto .sf-c-txt-papayawhip\:35 { color: hsl(37, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:45, html.auto .sf-c-txt-papayawhip\:45 { color: hsl(37, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:55, html.auto .sf-c-txt-papayawhip\:55 { color: hsl(37, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:65, html.auto .sf-c-txt-papayawhip\:65 { color: hsl(37, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:75, html.auto .sf-c-txt-papayawhip\:75 { color: hsl(37, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:85, html.auto .sf-c-txt-papayawhip\:85 { color: hsl(37, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:95, html.auto .sf-c-txt-papayawhip\:95 { color: hsl(37, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-papayawhip\:st, html.auto .sf-c-txt-papayawhip\:st { color: hsl(37, 100%, 92%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:0\:st, html.auto .sf-c-txt-papayawhip\:0\:st { color: hsl(37, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:5\:st, html.auto .sf-c-txt-papayawhip\:5\:st { color: hsl(37, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:10\:st, html.auto .sf-c-txt-papayawhip\:10\:st { color: hsl(37, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:15\:st, html.auto .sf-c-txt-papayawhip\:15\:st { color: hsl(37, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:20\:st, html.auto .sf-c-txt-papayawhip\:20\:st { color: hsl(37, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:25\:st, html.auto .sf-c-txt-papayawhip\:25\:st { color: hsl(37, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:30\:st, html.auto .sf-c-txt-papayawhip\:30\:st { color: hsl(37, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:35\:st, html.auto .sf-c-txt-papayawhip\:35\:st { color: hsl(37, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:40\:st, html.auto .sf-c-txt-papayawhip\:40\:st { color: hsl(37, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:45\:st, html.auto .sf-c-txt-papayawhip\:45\:st { color: hsl(37, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:50\:st, html.auto .sf-c-txt-papayawhip\:50\:st { color: hsl(37, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:55\:st, html.auto .sf-c-txt-papayawhip\:55\:st { color: hsl(37, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:60\:st, html.auto .sf-c-txt-papayawhip\:60\:st { color: hsl(37, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:65\:st, html.auto .sf-c-txt-papayawhip\:65\:st { color: hsl(37, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:70\:st, html.auto .sf-c-txt-papayawhip\:70\:st { color: hsl(37, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:75\:st, html.auto .sf-c-txt-papayawhip\:75\:st { color: hsl(37, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:80\:st, html.auto .sf-c-txt-papayawhip\:80\:st { color: hsl(37, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:85\:st, html.auto .sf-c-txt-papayawhip\:85\:st { color: hsl(37, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:90\:st, html.auto .sf-c-txt-papayawhip\:90\:st { color: hsl(37, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:95\:st, html.auto .sf-c-txt-papayawhip\:95\:st { color: hsl(37, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-papayawhip\:100\:st, html.auto .sf-c-txt-papayawhip\:100\:st { color: hsl(37, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/peachpuff.css b/src/colors/20/peachpuff.css deleted file mode 100644 index 492ce52..0000000 --- a/src/colors/20/peachpuff.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-peachpuff { - --sf-c-peachpuff: 28 100% 86%; - --sf-c-peachpuff-0: 28 100% 0%; - --sf-c-peachpuff-5: 28 100% 5%; - --sf-c-peachpuff-10: 28 100% 10%; - --sf-c-peachpuff-15: 28 100% 15%; - --sf-c-peachpuff-20: 28 100% 20%; - --sf-c-peachpuff-25: 28 100% 25%; - --sf-c-peachpuff-30: 28 100% 30%; - --sf-c-peachpuff-35: 28 100% 35%; - --sf-c-peachpuff-40: 28 100% 40%; - --sf-c-peachpuff-45: 28 100% 45%; - --sf-c-peachpuff-50: 28 100% 50%; - --sf-c-peachpuff-55: 28 100% 55%; - --sf-c-peachpuff-60: 28 100% 60%; - --sf-c-peachpuff-65: 28 100% 65%; - --sf-c-peachpuff-70: 28 100% 70%; - --sf-c-peachpuff-75: 28 100% 75%; - --sf-c-peachpuff-80: 28 100% 80%; - --sf-c-peachpuff-85: 28 100% 85%; - --sf-c-peachpuff-90: 28 100% 90%; - --sf-c-peachpuff-95: 28 100% 95%; - --sf-c-peachpuff-100: 28 100% 100%; -} - -.sf-c-peachpuff, .sf-c-peachpuff\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 86%) } -.sf-c-peachpuff\:0, .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } -.sf-c-peachpuff\:5, .sf-c-peachpuff\:5\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } -.sf-c-peachpuff\:10, .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } -.sf-c-peachpuff\:15, .sf-c-peachpuff\:15\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 15%) } -.sf-c-peachpuff\:20, .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 20%) } -.sf-c-peachpuff\:25, .sf-c-peachpuff\:25\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 25%) } -.sf-c-peachpuff\:30, .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 30%) } -.sf-c-peachpuff\:35, .sf-c-peachpuff\:35\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 35%) } -.sf-c-peachpuff\:40, .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 40%) } -.sf-c-peachpuff\:45, .sf-c-peachpuff\:45\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 45%) } -.sf-c-peachpuff\:50, .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 50%) } -.sf-c-peachpuff\:55, .sf-c-peachpuff\:55\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 55%) } -.sf-c-peachpuff\:60, .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 60%) } -.sf-c-peachpuff\:65, .sf-c-peachpuff\:65\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 65%) } -.sf-c-peachpuff\:70, .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 70%) } -.sf-c-peachpuff\:75, .sf-c-peachpuff\:75\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 75%) } -.sf-c-peachpuff\:80, .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 80%) } -.sf-c-peachpuff\:85, .sf-c-peachpuff\:85\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 85%) } -.sf-c-peachpuff\:90, .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 90%) } -.sf-c-peachpuff\:95, .sf-c-peachpuff\:95\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } -.sf-c-peachpuff\:100, .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } - -.sf-c-txt-peachpuff { color: hsl(28, 100%, 10%) } -.sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } -.sf-c-txt-peachpuff\:0, .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } -.sf-c-txt-peachpuff\:5, .sf-c-txt-peachpuff\:5\:st { color: hsl(28, 100%, 5%) } -.sf-c-txt-peachpuff\:10, .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } -.sf-c-txt-peachpuff\:15, .sf-c-txt-peachpuff\:15\:st { color: hsl(28, 100%, 15%) } -.sf-c-txt-peachpuff\:20, .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } -.sf-c-txt-peachpuff\:25, .sf-c-txt-peachpuff\:25\:st { color: hsl(28, 100%, 25%) } -.sf-c-txt-peachpuff\:30, .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } -.sf-c-txt-peachpuff\:35, .sf-c-txt-peachpuff\:35\:st { color: hsl(28, 100%, 35%) } -.sf-c-txt-peachpuff\:40, .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } -.sf-c-txt-peachpuff\:45, .sf-c-txt-peachpuff\:45\:st { color: hsl(28, 100%, 45%) } -.sf-c-txt-peachpuff\:50, .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } -.sf-c-txt-peachpuff\:55, .sf-c-txt-peachpuff\:55\:st { color: hsl(28, 100%, 55%) } -.sf-c-txt-peachpuff\:60, .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } -.sf-c-txt-peachpuff\:65, .sf-c-txt-peachpuff\:65\:st { color: hsl(28, 100%, 65%) } -.sf-c-txt-peachpuff\:70, .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } -.sf-c-txt-peachpuff\:75, .sf-c-txt-peachpuff\:75\:st { color: hsl(28, 100%, 75%) } -.sf-c-txt-peachpuff\:80, .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } -.sf-c-txt-peachpuff\:85, .sf-c-txt-peachpuff\:85\:st { color: hsl(28, 100%, 85%) } -.sf-c-txt-peachpuff\:90, .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } -.sf-c-txt-peachpuff\:95, .sf-c-txt-peachpuff\:95\:st { color: hsl(28, 100%, 95%) } -.sf-c-txt-peachpuff\:100, .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } - -html[data-theme='dark'] .sf-c-peachpuff, html.dark .sf-c-peachpuff { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 14%) } -html[data-theme='dark'] .sf-c-peachpuff\:0, html.dark .sf-c-peachpuff\:0 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } -html[data-theme='dark'] .sf-c-peachpuff\:5, html.dark .sf-c-peachpuff\:5 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } -html[data-theme='dark'] .sf-c-peachpuff\:10, html.dark .sf-c-peachpuff\:10 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-peachpuff\:15, html.dark .sf-c-peachpuff\:15 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 85%) } -html[data-theme='dark'] .sf-c-peachpuff\:20, html.dark .sf-c-peachpuff\:20 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-peachpuff\:25, html.dark .sf-c-peachpuff\:25 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 75%) } -html[data-theme='dark'] .sf-c-peachpuff\:30, html.dark .sf-c-peachpuff\:30 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-peachpuff\:35, html.dark .sf-c-peachpuff\:35 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 65%) } -html[data-theme='dark'] .sf-c-peachpuff\:40, html.dark .sf-c-peachpuff\:40 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-peachpuff\:45, html.dark .sf-c-peachpuff\:45 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 55%) } -html[data-theme='dark'] .sf-c-peachpuff\:50, html.dark .sf-c-peachpuff\:50 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-peachpuff\:55, html.dark .sf-c-peachpuff\:55 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 45%) } -html[data-theme='dark'] .sf-c-peachpuff\:60, html.dark .sf-c-peachpuff\:60 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-peachpuff\:65, html.dark .sf-c-peachpuff\:65 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 35%) } -html[data-theme='dark'] .sf-c-peachpuff\:70, html.dark .sf-c-peachpuff\:70 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-peachpuff\:75, html.dark .sf-c-peachpuff\:75 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 25%) } -html[data-theme='dark'] .sf-c-peachpuff\:80, html.dark .sf-c-peachpuff\:80 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-peachpuff\:85, html.dark .sf-c-peachpuff\:85 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 15%) } -html[data-theme='dark'] .sf-c-peachpuff\:90, html.dark .sf-c-peachpuff\:90 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-peachpuff\:95, html.dark .sf-c-peachpuff\:95 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } -html[data-theme='dark'] .sf-c-peachpuff\:100, html.dark .sf-c-peachpuff\:100 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } - -html[data-theme='dark'] .sf-c-peachpuff\:st, html.dark .sf-c-peachpuff\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-peachpuff\:0\:st, html.dark .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } -html[data-theme='dark'] .sf-c-peachpuff\:5\:st, html.dark .sf-c-peachpuff\:5\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } -html[data-theme='dark'] .sf-c-peachpuff\:10\:st, html.dark .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-peachpuff\:15\:st, html.dark .sf-c-peachpuff\:15\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 15%) } -html[data-theme='dark'] .sf-c-peachpuff\:20\:st, html.dark .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-peachpuff\:25\:st, html.dark .sf-c-peachpuff\:25\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 25%) } -html[data-theme='dark'] .sf-c-peachpuff\:30\:st, html.dark .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-peachpuff\:35\:st, html.dark .sf-c-peachpuff\:35\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 35%) } -html[data-theme='dark'] .sf-c-peachpuff\:40\:st, html.dark .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-peachpuff\:45\:st, html.dark .sf-c-peachpuff\:45\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 45%) } -html[data-theme='dark'] .sf-c-peachpuff\:50\:st, html.dark .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-peachpuff\:55\:st, html.dark .sf-c-peachpuff\:55\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 55%) } -html[data-theme='dark'] .sf-c-peachpuff\:60\:st, html.dark .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-peachpuff\:65\:st, html.dark .sf-c-peachpuff\:65\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 65%) } -html[data-theme='dark'] .sf-c-peachpuff\:70\:st, html.dark .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-peachpuff\:75\:st, html.dark .sf-c-peachpuff\:75\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 75%) } -html[data-theme='dark'] .sf-c-peachpuff\:80\:st, html.dark .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-peachpuff\:85\:st, html.dark .sf-c-peachpuff\:85\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 85%) } -html[data-theme='dark'] .sf-c-peachpuff\:90\:st, html.dark .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-peachpuff\:95\:st, html.dark .sf-c-peachpuff\:95\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } -html[data-theme='dark'] .sf-c-peachpuff\:100\:st, html.dark .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:5, html.dark .sf-c-txt-peachpuff\:5 { color: hsl(28, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:15, html.dark .sf-c-txt-peachpuff\:15 { color: hsl(28, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:25, html.dark .sf-c-txt-peachpuff\:25 { color: hsl(28, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:35, html.dark .sf-c-txt-peachpuff\:35 { color: hsl(28, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:45, html.dark .sf-c-txt-peachpuff\:45 { color: hsl(28, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:55, html.dark .sf-c-txt-peachpuff\:55 { color: hsl(28, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:65, html.dark .sf-c-txt-peachpuff\:65 { color: hsl(28, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:75, html.dark .sf-c-txt-peachpuff\:75 { color: hsl(28, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:85, html.dark .sf-c-txt-peachpuff\:85 { color: hsl(28, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:95, html.dark .sf-c-txt-peachpuff\:95 { color: hsl(28, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-peachpuff\:st, html.dark .sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:0\:st, html.dark .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:5\:st, html.dark .sf-c-txt-peachpuff\:5\:st { color: hsl(28, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:10\:st, html.dark .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:15\:st, html.dark .sf-c-txt-peachpuff\:15\:st { color: hsl(28, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:20\:st, html.dark .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:25\:st, html.dark .sf-c-txt-peachpuff\:25\:st { color: hsl(28, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:30\:st, html.dark .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:35\:st, html.dark .sf-c-txt-peachpuff\:35\:st { color: hsl(28, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:40\:st, html.dark .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:45\:st, html.dark .sf-c-txt-peachpuff\:45\:st { color: hsl(28, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:50\:st, html.dark .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:55\:st, html.dark .sf-c-txt-peachpuff\:55\:st { color: hsl(28, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:60\:st, html.dark .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:65\:st, html.dark .sf-c-txt-peachpuff\:65\:st { color: hsl(28, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:70\:st, html.dark .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:75\:st, html.dark .sf-c-txt-peachpuff\:75\:st { color: hsl(28, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:80\:st, html.dark .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:85\:st, html.dark .sf-c-txt-peachpuff\:85\:st { color: hsl(28, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:90\:st, html.dark .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:95\:st, html.dark .sf-c-txt-peachpuff\:95\:st { color: hsl(28, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-peachpuff\:100\:st, html.dark .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-peachpuff, html.auto .sf-c-peachpuff { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 14%) } - html[data-theme='auto'] .sf-c-peachpuff\:0, html.auto .sf-c-peachpuff\:0 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } - html[data-theme='auto'] .sf-c-peachpuff\:5, html.auto .sf-c-peachpuff\:5 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } - html[data-theme='auto'] .sf-c-peachpuff\:10, html.auto .sf-c-peachpuff\:10 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-peachpuff\:15, html.auto .sf-c-peachpuff\:15 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 85%) } - html[data-theme='auto'] .sf-c-peachpuff\:20, html.auto .sf-c-peachpuff\:20 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-peachpuff\:25, html.auto .sf-c-peachpuff\:25 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 75%) } - html[data-theme='auto'] .sf-c-peachpuff\:30, html.auto .sf-c-peachpuff\:30 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-peachpuff\:35, html.auto .sf-c-peachpuff\:35 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 65%) } - html[data-theme='auto'] .sf-c-peachpuff\:40, html.auto .sf-c-peachpuff\:40 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-peachpuff\:45, html.auto .sf-c-peachpuff\:45 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 55%) } - html[data-theme='auto'] .sf-c-peachpuff\:50, html.auto .sf-c-peachpuff\:50 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-peachpuff\:55, html.auto .sf-c-peachpuff\:55 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 45%) } - html[data-theme='auto'] .sf-c-peachpuff\:60, html.auto .sf-c-peachpuff\:60 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-peachpuff\:65, html.auto .sf-c-peachpuff\:65 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 35%) } - html[data-theme='auto'] .sf-c-peachpuff\:70, html.auto .sf-c-peachpuff\:70 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-peachpuff\:75, html.auto .sf-c-peachpuff\:75 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 25%) } - html[data-theme='auto'] .sf-c-peachpuff\:80, html.auto .sf-c-peachpuff\:80 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-peachpuff\:85, html.auto .sf-c-peachpuff\:85 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 15%) } - html[data-theme='auto'] .sf-c-peachpuff\:90, html.auto .sf-c-peachpuff\:90 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-peachpuff\:95, html.auto .sf-c-peachpuff\:95 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } - html[data-theme='auto'] .sf-c-peachpuff\:100, html.auto .sf-c-peachpuff\:100 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } - - html[data-theme='auto'] .sf-c-peachpuff\:st, html.auto .sf-c-peachpuff\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-peachpuff\:0\:st, html.auto .sf-c-peachpuff\:0\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } - html[data-theme='auto'] .sf-c-peachpuff\:5\:st, html.auto .sf-c-peachpuff\:5\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } - html[data-theme='auto'] .sf-c-peachpuff\:10\:st, html.auto .sf-c-peachpuff\:10\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-peachpuff\:15\:st, html.auto .sf-c-peachpuff\:15\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 15%) } - html[data-theme='auto'] .sf-c-peachpuff\:20\:st, html.auto .sf-c-peachpuff\:20\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-peachpuff\:25\:st, html.auto .sf-c-peachpuff\:25\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 25%) } - html[data-theme='auto'] .sf-c-peachpuff\:30\:st, html.auto .sf-c-peachpuff\:30\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-peachpuff\:35\:st, html.auto .sf-c-peachpuff\:35\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 35%) } - html[data-theme='auto'] .sf-c-peachpuff\:40\:st, html.auto .sf-c-peachpuff\:40\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-peachpuff\:45\:st, html.auto .sf-c-peachpuff\:45\:st { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 45%) } - html[data-theme='auto'] .sf-c-peachpuff\:50\:st, html.auto .sf-c-peachpuff\:50\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-peachpuff\:55\:st, html.auto .sf-c-peachpuff\:55\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 55%) } - html[data-theme='auto'] .sf-c-peachpuff\:60\:st, html.auto .sf-c-peachpuff\:60\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-peachpuff\:65\:st, html.auto .sf-c-peachpuff\:65\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 65%) } - html[data-theme='auto'] .sf-c-peachpuff\:70\:st, html.auto .sf-c-peachpuff\:70\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-peachpuff\:75\:st, html.auto .sf-c-peachpuff\:75\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 75%) } - html[data-theme='auto'] .sf-c-peachpuff\:80\:st, html.auto .sf-c-peachpuff\:80\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-peachpuff\:85\:st, html.auto .sf-c-peachpuff\:85\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 85%) } - html[data-theme='auto'] .sf-c-peachpuff\:90\:st, html.auto .sf-c-peachpuff\:90\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-peachpuff\:95\:st, html.auto .sf-c-peachpuff\:95\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } - html[data-theme='auto'] .sf-c-peachpuff\:100\:st, html.auto .sf-c-peachpuff\:100\:st { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:5, html.auto .sf-c-txt-peachpuff\:5 { color: hsl(28, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:15, html.auto .sf-c-txt-peachpuff\:15 { color: hsl(28, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:25, html.auto .sf-c-txt-peachpuff\:25 { color: hsl(28, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:35, html.auto .sf-c-txt-peachpuff\:35 { color: hsl(28, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:45, html.auto .sf-c-txt-peachpuff\:45 { color: hsl(28, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:55, html.auto .sf-c-txt-peachpuff\:55 { color: hsl(28, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:65, html.auto .sf-c-txt-peachpuff\:65 { color: hsl(28, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:75, html.auto .sf-c-txt-peachpuff\:75 { color: hsl(28, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:85, html.auto .sf-c-txt-peachpuff\:85 { color: hsl(28, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:95, html.auto .sf-c-txt-peachpuff\:95 { color: hsl(28, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-peachpuff\:st, html.auto .sf-c-txt-peachpuff\:st { color: hsl(28, 100%, 86%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:0\:st, html.auto .sf-c-txt-peachpuff\:0\:st { color: hsl(28, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:5\:st, html.auto .sf-c-txt-peachpuff\:5\:st { color: hsl(28, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:10\:st, html.auto .sf-c-txt-peachpuff\:10\:st { color: hsl(28, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:15\:st, html.auto .sf-c-txt-peachpuff\:15\:st { color: hsl(28, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:20\:st, html.auto .sf-c-txt-peachpuff\:20\:st { color: hsl(28, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:25\:st, html.auto .sf-c-txt-peachpuff\:25\:st { color: hsl(28, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:30\:st, html.auto .sf-c-txt-peachpuff\:30\:st { color: hsl(28, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:35\:st, html.auto .sf-c-txt-peachpuff\:35\:st { color: hsl(28, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:40\:st, html.auto .sf-c-txt-peachpuff\:40\:st { color: hsl(28, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:45\:st, html.auto .sf-c-txt-peachpuff\:45\:st { color: hsl(28, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:50\:st, html.auto .sf-c-txt-peachpuff\:50\:st { color: hsl(28, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:55\:st, html.auto .sf-c-txt-peachpuff\:55\:st { color: hsl(28, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:60\:st, html.auto .sf-c-txt-peachpuff\:60\:st { color: hsl(28, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:65\:st, html.auto .sf-c-txt-peachpuff\:65\:st { color: hsl(28, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:70\:st, html.auto .sf-c-txt-peachpuff\:70\:st { color: hsl(28, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:75\:st, html.auto .sf-c-txt-peachpuff\:75\:st { color: hsl(28, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:80\:st, html.auto .sf-c-txt-peachpuff\:80\:st { color: hsl(28, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:85\:st, html.auto .sf-c-txt-peachpuff\:85\:st { color: hsl(28, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:90\:st, html.auto .sf-c-txt-peachpuff\:90\:st { color: hsl(28, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:95\:st, html.auto .sf-c-txt-peachpuff\:95\:st { color: hsl(28, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-peachpuff\:100\:st, html.auto .sf-c-txt-peachpuff\:100\:st { color: hsl(28, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/peru.css b/src/colors/20/peru.css deleted file mode 100644 index e5fc1c3..0000000 --- a/src/colors/20/peru.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-peru { - --sf-c-peru: 30 59% 53%; - --sf-c-peru-0: 30 59% 0%; - --sf-c-peru-5: 30 59% 5%; - --sf-c-peru-10: 30 59% 10%; - --sf-c-peru-15: 30 59% 15%; - --sf-c-peru-20: 30 59% 20%; - --sf-c-peru-25: 30 59% 25%; - --sf-c-peru-30: 30 59% 30%; - --sf-c-peru-35: 30 59% 35%; - --sf-c-peru-40: 30 59% 40%; - --sf-c-peru-45: 30 59% 45%; - --sf-c-peru-50: 30 59% 50%; - --sf-c-peru-55: 30 59% 55%; - --sf-c-peru-60: 30 59% 60%; - --sf-c-peru-65: 30 59% 65%; - --sf-c-peru-70: 30 59% 70%; - --sf-c-peru-75: 30 59% 75%; - --sf-c-peru-80: 30 59% 80%; - --sf-c-peru-85: 30 59% 85%; - --sf-c-peru-90: 30 59% 90%; - --sf-c-peru-95: 30 59% 95%; - --sf-c-peru-100: 30 59% 100%; -} - -.sf-c-peru, .sf-c-peru\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 53%) } -.sf-c-peru\:0, .sf-c-peru\:0\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } -.sf-c-peru\:5, .sf-c-peru\:5\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } -.sf-c-peru\:10, .sf-c-peru\:10\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } -.sf-c-peru\:15, .sf-c-peru\:15\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 15%) } -.sf-c-peru\:20, .sf-c-peru\:20\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 20%) } -.sf-c-peru\:25, .sf-c-peru\:25\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 25%) } -.sf-c-peru\:30, .sf-c-peru\:30\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 30%) } -.sf-c-peru\:35, .sf-c-peru\:35\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 35%) } -.sf-c-peru\:40, .sf-c-peru\:40\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 40%) } -.sf-c-peru\:45, .sf-c-peru\:45\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 45%) } -.sf-c-peru\:50, .sf-c-peru\:50\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 50%) } -.sf-c-peru\:55, .sf-c-peru\:55\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 55%) } -.sf-c-peru\:60, .sf-c-peru\:60\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 60%) } -.sf-c-peru\:65, .sf-c-peru\:65\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 65%) } -.sf-c-peru\:70, .sf-c-peru\:70\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 70%) } -.sf-c-peru\:75, .sf-c-peru\:75\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 75%) } -.sf-c-peru\:80, .sf-c-peru\:80\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 80%) } -.sf-c-peru\:85, .sf-c-peru\:85\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 85%) } -.sf-c-peru\:90, .sf-c-peru\:90\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) } -.sf-c-peru\:95, .sf-c-peru\:95\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } -.sf-c-peru\:100, .sf-c-peru\:100\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } - -.sf-c-txt-peru { color: hsl(30, 59%, 10%) } -.sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } -.sf-c-txt-peru\:0, .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } -.sf-c-txt-peru\:5, .sf-c-txt-peru\:5\:st { color: hsl(30, 59%, 5%) } -.sf-c-txt-peru\:10, .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } -.sf-c-txt-peru\:15, .sf-c-txt-peru\:15\:st { color: hsl(30, 59%, 15%) } -.sf-c-txt-peru\:20, .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } -.sf-c-txt-peru\:25, .sf-c-txt-peru\:25\:st { color: hsl(30, 59%, 25%) } -.sf-c-txt-peru\:30, .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } -.sf-c-txt-peru\:35, .sf-c-txt-peru\:35\:st { color: hsl(30, 59%, 35%) } -.sf-c-txt-peru\:40, .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } -.sf-c-txt-peru\:45, .sf-c-txt-peru\:45\:st { color: hsl(30, 59%, 45%) } -.sf-c-txt-peru\:50, .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } -.sf-c-txt-peru\:55, .sf-c-txt-peru\:55\:st { color: hsl(30, 59%, 55%) } -.sf-c-txt-peru\:60, .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } -.sf-c-txt-peru\:65, .sf-c-txt-peru\:65\:st { color: hsl(30, 59%, 65%) } -.sf-c-txt-peru\:70, .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } -.sf-c-txt-peru\:75, .sf-c-txt-peru\:75\:st { color: hsl(30, 59%, 75%) } -.sf-c-txt-peru\:80, .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } -.sf-c-txt-peru\:85, .sf-c-txt-peru\:85\:st { color: hsl(30, 59%, 85%) } -.sf-c-txt-peru\:90, .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } -.sf-c-txt-peru\:95, .sf-c-txt-peru\:95\:st { color: hsl(30, 59%, 95%) } -.sf-c-txt-peru\:100, .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } - -html[data-theme='dark'] .sf-c-peru, html.dark .sf-c-peru { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 47%) } -html[data-theme='dark'] .sf-c-peru\:0, html.dark .sf-c-peru\:0 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } -html[data-theme='dark'] .sf-c-peru\:5, html.dark .sf-c-peru\:5 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } -html[data-theme='dark'] .sf-c-peru\:10, html.dark .sf-c-peru\:10 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-peru\:15, html.dark .sf-c-peru\:15 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 85%) } -html[data-theme='dark'] .sf-c-peru\:20, html.dark .sf-c-peru\:20 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-peru\:25, html.dark .sf-c-peru\:25 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 75%) } -html[data-theme='dark'] .sf-c-peru\:30, html.dark .sf-c-peru\:30 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-peru\:35, html.dark .sf-c-peru\:35 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 65%) } -html[data-theme='dark'] .sf-c-peru\:40, html.dark .sf-c-peru\:40 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-peru\:45, html.dark .sf-c-peru\:45 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 55%) } -html[data-theme='dark'] .sf-c-peru\:50, html.dark .sf-c-peru\:50 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-peru\:55, html.dark .sf-c-peru\:55 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 45%) } -html[data-theme='dark'] .sf-c-peru\:60, html.dark .sf-c-peru\:60 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-peru\:65, html.dark .sf-c-peru\:65 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 35%) } -html[data-theme='dark'] .sf-c-peru\:70, html.dark .sf-c-peru\:70 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-peru\:75, html.dark .sf-c-peru\:75 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 25%) } -html[data-theme='dark'] .sf-c-peru\:80, html.dark .sf-c-peru\:80 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-peru\:85, html.dark .sf-c-peru\:85 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 15%) } -html[data-theme='dark'] .sf-c-peru\:90, html.dark .sf-c-peru\:90 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-peru\:95, html.dark .sf-c-peru\:95 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } -html[data-theme='dark'] .sf-c-peru\:100, html.dark .sf-c-peru\:100 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } - -html[data-theme='dark'] .sf-c-peru\:st, html.dark .sf-c-peru\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-peru\:0\:st, html.dark .sf-c-peru\:0\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } -html[data-theme='dark'] .sf-c-peru\:5\:st, html.dark .sf-c-peru\:5\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } -html[data-theme='dark'] .sf-c-peru\:10\:st, html.dark .sf-c-peru\:10\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-peru\:15\:st, html.dark .sf-c-peru\:15\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 15%) } -html[data-theme='dark'] .sf-c-peru\:20\:st, html.dark .sf-c-peru\:20\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-peru\:25\:st, html.dark .sf-c-peru\:25\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 25%) } -html[data-theme='dark'] .sf-c-peru\:30\:st, html.dark .sf-c-peru\:30\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-peru\:35\:st, html.dark .sf-c-peru\:35\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 35%) } -html[data-theme='dark'] .sf-c-peru\:40\:st, html.dark .sf-c-peru\:40\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-peru\:45\:st, html.dark .sf-c-peru\:45\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 45%) } -html[data-theme='dark'] .sf-c-peru\:50\:st, html.dark .sf-c-peru\:50\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-peru\:55\:st, html.dark .sf-c-peru\:55\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 55%) } -html[data-theme='dark'] .sf-c-peru\:60\:st, html.dark .sf-c-peru\:60\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-peru\:65\:st, html.dark .sf-c-peru\:65\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 65%) } -html[data-theme='dark'] .sf-c-peru\:70\:st, html.dark .sf-c-peru\:70\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-peru\:75\:st, html.dark .sf-c-peru\:75\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 75%) } -html[data-theme='dark'] .sf-c-peru\:80\:st, html.dark .sf-c-peru\:80\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-peru\:85\:st, html.dark .sf-c-peru\:85\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 85%) } -html[data-theme='dark'] .sf-c-peru\:90\:st, html.dark .sf-c-peru\:90\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-peru\:95\:st, html.dark .sf-c-peru\:95\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } -html[data-theme='dark'] .sf-c-peru\:100\:st, html.dark .sf-c-peru\:100\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } - -html[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } -html[data-theme='dark'] .sf-c-txt-peru\:5, html.dark .sf-c-txt-peru\:5 { color: hsl(30, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-peru\:15, html.dark .sf-c-txt-peru\:15 { color: hsl(30, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-peru\:25, html.dark .sf-c-txt-peru\:25 { color: hsl(30, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-peru\:35, html.dark .sf-c-txt-peru\:35 { color: hsl(30, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-peru\:45, html.dark .sf-c-txt-peru\:45 { color: hsl(30, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-peru\:55, html.dark .sf-c-txt-peru\:55 { color: hsl(30, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-peru\:65, html.dark .sf-c-txt-peru\:65 { color: hsl(30, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-peru\:75, html.dark .sf-c-txt-peru\:75 { color: hsl(30, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-peru\:85, html.dark .sf-c-txt-peru\:85 { color: hsl(30, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-peru\:95, html.dark .sf-c-txt-peru\:95 { color: hsl(30, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } - -html[data-theme='dark'] .sf-c-txt-peru\:st, html.dark .sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } -html[data-theme='dark'] .sf-c-txt-peru\:0\:st, html.dark .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } -html[data-theme='dark'] .sf-c-txt-peru\:5\:st, html.dark .sf-c-txt-peru\:5\:st { color: hsl(30, 59%, 5%) } -html[data-theme='dark'] .sf-c-txt-peru\:10\:st, html.dark .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } -html[data-theme='dark'] .sf-c-txt-peru\:15\:st, html.dark .sf-c-txt-peru\:15\:st { color: hsl(30, 59%, 15%) } -html[data-theme='dark'] .sf-c-txt-peru\:20\:st, html.dark .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } -html[data-theme='dark'] .sf-c-txt-peru\:25\:st, html.dark .sf-c-txt-peru\:25\:st { color: hsl(30, 59%, 25%) } -html[data-theme='dark'] .sf-c-txt-peru\:30\:st, html.dark .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } -html[data-theme='dark'] .sf-c-txt-peru\:35\:st, html.dark .sf-c-txt-peru\:35\:st { color: hsl(30, 59%, 35%) } -html[data-theme='dark'] .sf-c-txt-peru\:40\:st, html.dark .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } -html[data-theme='dark'] .sf-c-txt-peru\:45\:st, html.dark .sf-c-txt-peru\:45\:st { color: hsl(30, 59%, 45%) } -html[data-theme='dark'] .sf-c-txt-peru\:50\:st, html.dark .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } -html[data-theme='dark'] .sf-c-txt-peru\:55\:st, html.dark .sf-c-txt-peru\:55\:st { color: hsl(30, 59%, 55%) } -html[data-theme='dark'] .sf-c-txt-peru\:60\:st, html.dark .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } -html[data-theme='dark'] .sf-c-txt-peru\:65\:st, html.dark .sf-c-txt-peru\:65\:st { color: hsl(30, 59%, 65%) } -html[data-theme='dark'] .sf-c-txt-peru\:70\:st, html.dark .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } -html[data-theme='dark'] .sf-c-txt-peru\:75\:st, html.dark .sf-c-txt-peru\:75\:st { color: hsl(30, 59%, 75%) } -html[data-theme='dark'] .sf-c-txt-peru\:80\:st, html.dark .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } -html[data-theme='dark'] .sf-c-txt-peru\:85\:st, html.dark .sf-c-txt-peru\:85\:st { color: hsl(30, 59%, 85%) } -html[data-theme='dark'] .sf-c-txt-peru\:90\:st, html.dark .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } -html[data-theme='dark'] .sf-c-txt-peru\:95\:st, html.dark .sf-c-txt-peru\:95\:st { color: hsl(30, 59%, 95%) } -html[data-theme='dark'] .sf-c-txt-peru\:100\:st, html.dark .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-peru, html.auto .sf-c-peru { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 47%) } - html[data-theme='auto'] .sf-c-peru\:0, html.auto .sf-c-peru\:0 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } - html[data-theme='auto'] .sf-c-peru\:5, html.auto .sf-c-peru\:5 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } - html[data-theme='auto'] .sf-c-peru\:10, html.auto .sf-c-peru\:10 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-peru\:15, html.auto .sf-c-peru\:15 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 85%) } - html[data-theme='auto'] .sf-c-peru\:20, html.auto .sf-c-peru\:20 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-peru\:25, html.auto .sf-c-peru\:25 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 75%) } - html[data-theme='auto'] .sf-c-peru\:30, html.auto .sf-c-peru\:30 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-peru\:35, html.auto .sf-c-peru\:35 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 65%) } - html[data-theme='auto'] .sf-c-peru\:40, html.auto .sf-c-peru\:40 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-peru\:45, html.auto .sf-c-peru\:45 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 55%) } - html[data-theme='auto'] .sf-c-peru\:50, html.auto .sf-c-peru\:50 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-peru\:55, html.auto .sf-c-peru\:55 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 45%) } - html[data-theme='auto'] .sf-c-peru\:60, html.auto .sf-c-peru\:60 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-peru\:65, html.auto .sf-c-peru\:65 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 35%) } - html[data-theme='auto'] .sf-c-peru\:70, html.auto .sf-c-peru\:70 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-peru\:75, html.auto .sf-c-peru\:75 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 25%) } - html[data-theme='auto'] .sf-c-peru\:80, html.auto .sf-c-peru\:80 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-peru\:85, html.auto .sf-c-peru\:85 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 15%) } - html[data-theme='auto'] .sf-c-peru\:90, html.auto .sf-c-peru\:90 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-peru\:95, html.auto .sf-c-peru\:95 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } - html[data-theme='auto'] .sf-c-peru\:100, html.auto .sf-c-peru\:100 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } - - html[data-theme='auto'] .sf-c-peru\:st, html.auto .sf-c-peru\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-peru\:0\:st, html.auto .sf-c-peru\:0\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } - html[data-theme='auto'] .sf-c-peru\:5\:st, html.auto .sf-c-peru\:5\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } - html[data-theme='auto'] .sf-c-peru\:10\:st, html.auto .sf-c-peru\:10\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-peru\:15\:st, html.auto .sf-c-peru\:15\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 15%) } - html[data-theme='auto'] .sf-c-peru\:20\:st, html.auto .sf-c-peru\:20\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-peru\:25\:st, html.auto .sf-c-peru\:25\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 25%) } - html[data-theme='auto'] .sf-c-peru\:30\:st, html.auto .sf-c-peru\:30\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-peru\:35\:st, html.auto .sf-c-peru\:35\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 35%) } - html[data-theme='auto'] .sf-c-peru\:40\:st, html.auto .sf-c-peru\:40\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-peru\:45\:st, html.auto .sf-c-peru\:45\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 45%) } - html[data-theme='auto'] .sf-c-peru\:50\:st, html.auto .sf-c-peru\:50\:st { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-peru\:55\:st, html.auto .sf-c-peru\:55\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 55%) } - html[data-theme='auto'] .sf-c-peru\:60\:st, html.auto .sf-c-peru\:60\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-peru\:65\:st, html.auto .sf-c-peru\:65\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 65%) } - html[data-theme='auto'] .sf-c-peru\:70\:st, html.auto .sf-c-peru\:70\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-peru\:75\:st, html.auto .sf-c-peru\:75\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 75%) } - html[data-theme='auto'] .sf-c-peru\:80\:st, html.auto .sf-c-peru\:80\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-peru\:85\:st, html.auto .sf-c-peru\:85\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 85%) } - html[data-theme='auto'] .sf-c-peru\:90\:st, html.auto .sf-c-peru\:90\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-peru\:95\:st, html.auto .sf-c-peru\:95\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } - html[data-theme='auto'] .sf-c-peru\:100\:st, html.auto .sf-c-peru\:100\:st { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } - - html[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } - html[data-theme='auto'] .sf-c-txt-peru\:5, html.auto .sf-c-txt-peru\:5 { color: hsl(30, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-peru\:15, html.auto .sf-c-txt-peru\:15 { color: hsl(30, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-peru\:25, html.auto .sf-c-txt-peru\:25 { color: hsl(30, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-peru\:35, html.auto .sf-c-txt-peru\:35 { color: hsl(30, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-peru\:45, html.auto .sf-c-txt-peru\:45 { color: hsl(30, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-peru\:55, html.auto .sf-c-txt-peru\:55 { color: hsl(30, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-peru\:65, html.auto .sf-c-txt-peru\:65 { color: hsl(30, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-peru\:75, html.auto .sf-c-txt-peru\:75 { color: hsl(30, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-peru\:85, html.auto .sf-c-txt-peru\:85 { color: hsl(30, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-peru\:95, html.auto .sf-c-txt-peru\:95 { color: hsl(30, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } - - html[data-theme='auto'] .sf-c-txt-peru\:st, html.auto .sf-c-txt-peru\:st { color: hsl(30, 59%, 53%) } - html[data-theme='auto'] .sf-c-txt-peru\:0\:st, html.auto .sf-c-txt-peru\:0\:st { color: hsl(30, 59%, 0%) } - html[data-theme='auto'] .sf-c-txt-peru\:5\:st, html.auto .sf-c-txt-peru\:5\:st { color: hsl(30, 59%, 5%) } - html[data-theme='auto'] .sf-c-txt-peru\:10\:st, html.auto .sf-c-txt-peru\:10\:st { color: hsl(30, 59%, 10%) } - html[data-theme='auto'] .sf-c-txt-peru\:15\:st, html.auto .sf-c-txt-peru\:15\:st { color: hsl(30, 59%, 15%) } - html[data-theme='auto'] .sf-c-txt-peru\:20\:st, html.auto .sf-c-txt-peru\:20\:st { color: hsl(30, 59%, 20%) } - html[data-theme='auto'] .sf-c-txt-peru\:25\:st, html.auto .sf-c-txt-peru\:25\:st { color: hsl(30, 59%, 25%) } - html[data-theme='auto'] .sf-c-txt-peru\:30\:st, html.auto .sf-c-txt-peru\:30\:st { color: hsl(30, 59%, 30%) } - html[data-theme='auto'] .sf-c-txt-peru\:35\:st, html.auto .sf-c-txt-peru\:35\:st { color: hsl(30, 59%, 35%) } - html[data-theme='auto'] .sf-c-txt-peru\:40\:st, html.auto .sf-c-txt-peru\:40\:st { color: hsl(30, 59%, 40%) } - html[data-theme='auto'] .sf-c-txt-peru\:45\:st, html.auto .sf-c-txt-peru\:45\:st { color: hsl(30, 59%, 45%) } - html[data-theme='auto'] .sf-c-txt-peru\:50\:st, html.auto .sf-c-txt-peru\:50\:st { color: hsl(30, 59%, 50%) } - html[data-theme='auto'] .sf-c-txt-peru\:55\:st, html.auto .sf-c-txt-peru\:55\:st { color: hsl(30, 59%, 55%) } - html[data-theme='auto'] .sf-c-txt-peru\:60\:st, html.auto .sf-c-txt-peru\:60\:st { color: hsl(30, 59%, 60%) } - html[data-theme='auto'] .sf-c-txt-peru\:65\:st, html.auto .sf-c-txt-peru\:65\:st { color: hsl(30, 59%, 65%) } - html[data-theme='auto'] .sf-c-txt-peru\:70\:st, html.auto .sf-c-txt-peru\:70\:st { color: hsl(30, 59%, 70%) } - html[data-theme='auto'] .sf-c-txt-peru\:75\:st, html.auto .sf-c-txt-peru\:75\:st { color: hsl(30, 59%, 75%) } - html[data-theme='auto'] .sf-c-txt-peru\:80\:st, html.auto .sf-c-txt-peru\:80\:st { color: hsl(30, 59%, 80%) } - html[data-theme='auto'] .sf-c-txt-peru\:85\:st, html.auto .sf-c-txt-peru\:85\:st { color: hsl(30, 59%, 85%) } - html[data-theme='auto'] .sf-c-txt-peru\:90\:st, html.auto .sf-c-txt-peru\:90\:st { color: hsl(30, 59%, 90%) } - html[data-theme='auto'] .sf-c-txt-peru\:95\:st, html.auto .sf-c-txt-peru\:95\:st { color: hsl(30, 59%, 95%) } - html[data-theme='auto'] .sf-c-txt-peru\:100\:st, html.auto .sf-c-txt-peru\:100\:st { color: hsl(30, 59%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/pink.css b/src/colors/20/pink.css deleted file mode 100644 index 7e10f82..0000000 --- a/src/colors/20/pink.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-pink { - --sf-c-pink: 350 100% 88%; - --sf-c-pink-0: 350 100% 0%; - --sf-c-pink-5: 350 100% 5%; - --sf-c-pink-10: 350 100% 10%; - --sf-c-pink-15: 350 100% 15%; - --sf-c-pink-20: 350 100% 20%; - --sf-c-pink-25: 350 100% 25%; - --sf-c-pink-30: 350 100% 30%; - --sf-c-pink-35: 350 100% 35%; - --sf-c-pink-40: 350 100% 40%; - --sf-c-pink-45: 350 100% 45%; - --sf-c-pink-50: 350 100% 50%; - --sf-c-pink-55: 350 100% 55%; - --sf-c-pink-60: 350 100% 60%; - --sf-c-pink-65: 350 100% 65%; - --sf-c-pink-70: 350 100% 70%; - --sf-c-pink-75: 350 100% 75%; - --sf-c-pink-80: 350 100% 80%; - --sf-c-pink-85: 350 100% 85%; - --sf-c-pink-90: 350 100% 90%; - --sf-c-pink-95: 350 100% 95%; - --sf-c-pink-100: 350 100% 100%; -} - -.sf-c-pink, .sf-c-pink\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 88%) } -.sf-c-pink\:0, .sf-c-pink\:0\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } -.sf-c-pink\:5, .sf-c-pink\:5\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } -.sf-c-pink\:10, .sf-c-pink\:10\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } -.sf-c-pink\:15, .sf-c-pink\:15\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 15%) } -.sf-c-pink\:20, .sf-c-pink\:20\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 20%) } -.sf-c-pink\:25, .sf-c-pink\:25\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 25%) } -.sf-c-pink\:30, .sf-c-pink\:30\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 30%) } -.sf-c-pink\:35, .sf-c-pink\:35\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 35%) } -.sf-c-pink\:40, .sf-c-pink\:40\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 40%) } -.sf-c-pink\:45, .sf-c-pink\:45\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 45%) } -.sf-c-pink\:50, .sf-c-pink\:50\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 50%) } -.sf-c-pink\:55, .sf-c-pink\:55\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 55%) } -.sf-c-pink\:60, .sf-c-pink\:60\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 60%) } -.sf-c-pink\:65, .sf-c-pink\:65\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 65%) } -.sf-c-pink\:70, .sf-c-pink\:70\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 70%) } -.sf-c-pink\:75, .sf-c-pink\:75\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 75%) } -.sf-c-pink\:80, .sf-c-pink\:80\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 80%) } -.sf-c-pink\:85, .sf-c-pink\:85\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 85%) } -.sf-c-pink\:90, .sf-c-pink\:90\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 90%) } -.sf-c-pink\:95, .sf-c-pink\:95\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } -.sf-c-pink\:100, .sf-c-pink\:100\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } - -.sf-c-txt-pink { color: hsl(350, 100%, 10%) } -.sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } -.sf-c-txt-pink\:0, .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } -.sf-c-txt-pink\:5, .sf-c-txt-pink\:5\:st { color: hsl(350, 100%, 5%) } -.sf-c-txt-pink\:10, .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } -.sf-c-txt-pink\:15, .sf-c-txt-pink\:15\:st { color: hsl(350, 100%, 15%) } -.sf-c-txt-pink\:20, .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } -.sf-c-txt-pink\:25, .sf-c-txt-pink\:25\:st { color: hsl(350, 100%, 25%) } -.sf-c-txt-pink\:30, .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } -.sf-c-txt-pink\:35, .sf-c-txt-pink\:35\:st { color: hsl(350, 100%, 35%) } -.sf-c-txt-pink\:40, .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } -.sf-c-txt-pink\:45, .sf-c-txt-pink\:45\:st { color: hsl(350, 100%, 45%) } -.sf-c-txt-pink\:50, .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } -.sf-c-txt-pink\:55, .sf-c-txt-pink\:55\:st { color: hsl(350, 100%, 55%) } -.sf-c-txt-pink\:60, .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } -.sf-c-txt-pink\:65, .sf-c-txt-pink\:65\:st { color: hsl(350, 100%, 65%) } -.sf-c-txt-pink\:70, .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } -.sf-c-txt-pink\:75, .sf-c-txt-pink\:75\:st { color: hsl(350, 100%, 75%) } -.sf-c-txt-pink\:80, .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } -.sf-c-txt-pink\:85, .sf-c-txt-pink\:85\:st { color: hsl(350, 100%, 85%) } -.sf-c-txt-pink\:90, .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } -.sf-c-txt-pink\:95, .sf-c-txt-pink\:95\:st { color: hsl(350, 100%, 95%) } -.sf-c-txt-pink\:100, .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } - -html[data-theme='dark'] .sf-c-pink, html.dark .sf-c-pink { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 12%) } -html[data-theme='dark'] .sf-c-pink\:0, html.dark .sf-c-pink\:0 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } -html[data-theme='dark'] .sf-c-pink\:5, html.dark .sf-c-pink\:5 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } -html[data-theme='dark'] .sf-c-pink\:10, html.dark .sf-c-pink\:10 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-pink\:15, html.dark .sf-c-pink\:15 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 85%) } -html[data-theme='dark'] .sf-c-pink\:20, html.dark .sf-c-pink\:20 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-pink\:25, html.dark .sf-c-pink\:25 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 75%) } -html[data-theme='dark'] .sf-c-pink\:30, html.dark .sf-c-pink\:30 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-pink\:35, html.dark .sf-c-pink\:35 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 65%) } -html[data-theme='dark'] .sf-c-pink\:40, html.dark .sf-c-pink\:40 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-pink\:45, html.dark .sf-c-pink\:45 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 55%) } -html[data-theme='dark'] .sf-c-pink\:50, html.dark .sf-c-pink\:50 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-pink\:55, html.dark .sf-c-pink\:55 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 45%) } -html[data-theme='dark'] .sf-c-pink\:60, html.dark .sf-c-pink\:60 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-pink\:65, html.dark .sf-c-pink\:65 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 35%) } -html[data-theme='dark'] .sf-c-pink\:70, html.dark .sf-c-pink\:70 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-pink\:75, html.dark .sf-c-pink\:75 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 25%) } -html[data-theme='dark'] .sf-c-pink\:80, html.dark .sf-c-pink\:80 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-pink\:85, html.dark .sf-c-pink\:85 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 15%) } -html[data-theme='dark'] .sf-c-pink\:90, html.dark .sf-c-pink\:90 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-pink\:95, html.dark .sf-c-pink\:95 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } -html[data-theme='dark'] .sf-c-pink\:100, html.dark .sf-c-pink\:100 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } - -html[data-theme='dark'] .sf-c-pink\:st, html.dark .sf-c-pink\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-pink\:0\:st, html.dark .sf-c-pink\:0\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } -html[data-theme='dark'] .sf-c-pink\:5\:st, html.dark .sf-c-pink\:5\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } -html[data-theme='dark'] .sf-c-pink\:10\:st, html.dark .sf-c-pink\:10\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-pink\:15\:st, html.dark .sf-c-pink\:15\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 15%) } -html[data-theme='dark'] .sf-c-pink\:20\:st, html.dark .sf-c-pink\:20\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-pink\:25\:st, html.dark .sf-c-pink\:25\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 25%) } -html[data-theme='dark'] .sf-c-pink\:30\:st, html.dark .sf-c-pink\:30\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-pink\:35\:st, html.dark .sf-c-pink\:35\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 35%) } -html[data-theme='dark'] .sf-c-pink\:40\:st, html.dark .sf-c-pink\:40\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-pink\:45\:st, html.dark .sf-c-pink\:45\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 45%) } -html[data-theme='dark'] .sf-c-pink\:50\:st, html.dark .sf-c-pink\:50\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-pink\:55\:st, html.dark .sf-c-pink\:55\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 55%) } -html[data-theme='dark'] .sf-c-pink\:60\:st, html.dark .sf-c-pink\:60\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-pink\:65\:st, html.dark .sf-c-pink\:65\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 65%) } -html[data-theme='dark'] .sf-c-pink\:70\:st, html.dark .sf-c-pink\:70\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-pink\:75\:st, html.dark .sf-c-pink\:75\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 75%) } -html[data-theme='dark'] .sf-c-pink\:80\:st, html.dark .sf-c-pink\:80\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-pink\:85\:st, html.dark .sf-c-pink\:85\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 85%) } -html[data-theme='dark'] .sf-c-pink\:90\:st, html.dark .sf-c-pink\:90\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-pink\:95\:st, html.dark .sf-c-pink\:95\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } -html[data-theme='dark'] .sf-c-pink\:100\:st, html.dark .sf-c-pink\:100\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-pink\:5, html.dark .sf-c-txt-pink\:5 { color: hsl(350, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-pink\:15, html.dark .sf-c-txt-pink\:15 { color: hsl(350, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-pink\:25, html.dark .sf-c-txt-pink\:25 { color: hsl(350, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-pink\:35, html.dark .sf-c-txt-pink\:35 { color: hsl(350, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-pink\:45, html.dark .sf-c-txt-pink\:45 { color: hsl(350, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-pink\:55, html.dark .sf-c-txt-pink\:55 { color: hsl(350, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-pink\:65, html.dark .sf-c-txt-pink\:65 { color: hsl(350, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-pink\:75, html.dark .sf-c-txt-pink\:75 { color: hsl(350, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-pink\:85, html.dark .sf-c-txt-pink\:85 { color: hsl(350, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-pink\:95, html.dark .sf-c-txt-pink\:95 { color: hsl(350, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-pink\:st, html.dark .sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } -html[data-theme='dark'] .sf-c-txt-pink\:0\:st, html.dark .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-pink\:5\:st, html.dark .sf-c-txt-pink\:5\:st { color: hsl(350, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-pink\:10\:st, html.dark .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-pink\:15\:st, html.dark .sf-c-txt-pink\:15\:st { color: hsl(350, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-pink\:20\:st, html.dark .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-pink\:25\:st, html.dark .sf-c-txt-pink\:25\:st { color: hsl(350, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-pink\:30\:st, html.dark .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-pink\:35\:st, html.dark .sf-c-txt-pink\:35\:st { color: hsl(350, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-pink\:40\:st, html.dark .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-pink\:45\:st, html.dark .sf-c-txt-pink\:45\:st { color: hsl(350, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-pink\:50\:st, html.dark .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-pink\:55\:st, html.dark .sf-c-txt-pink\:55\:st { color: hsl(350, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-pink\:60\:st, html.dark .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-pink\:65\:st, html.dark .sf-c-txt-pink\:65\:st { color: hsl(350, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-pink\:70\:st, html.dark .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-pink\:75\:st, html.dark .sf-c-txt-pink\:75\:st { color: hsl(350, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-pink\:80\:st, html.dark .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-pink\:85\:st, html.dark .sf-c-txt-pink\:85\:st { color: hsl(350, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-pink\:90\:st, html.dark .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-pink\:95\:st, html.dark .sf-c-txt-pink\:95\:st { color: hsl(350, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-pink\:100\:st, html.dark .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-pink, html.auto .sf-c-pink { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 12%) } - html[data-theme='auto'] .sf-c-pink\:0, html.auto .sf-c-pink\:0 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } - html[data-theme='auto'] .sf-c-pink\:5, html.auto .sf-c-pink\:5 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } - html[data-theme='auto'] .sf-c-pink\:10, html.auto .sf-c-pink\:10 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-pink\:15, html.auto .sf-c-pink\:15 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 85%) } - html[data-theme='auto'] .sf-c-pink\:20, html.auto .sf-c-pink\:20 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-pink\:25, html.auto .sf-c-pink\:25 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 75%) } - html[data-theme='auto'] .sf-c-pink\:30, html.auto .sf-c-pink\:30 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-pink\:35, html.auto .sf-c-pink\:35 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 65%) } - html[data-theme='auto'] .sf-c-pink\:40, html.auto .sf-c-pink\:40 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-pink\:45, html.auto .sf-c-pink\:45 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 55%) } - html[data-theme='auto'] .sf-c-pink\:50, html.auto .sf-c-pink\:50 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-pink\:55, html.auto .sf-c-pink\:55 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 45%) } - html[data-theme='auto'] .sf-c-pink\:60, html.auto .sf-c-pink\:60 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-pink\:65, html.auto .sf-c-pink\:65 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 35%) } - html[data-theme='auto'] .sf-c-pink\:70, html.auto .sf-c-pink\:70 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-pink\:75, html.auto .sf-c-pink\:75 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 25%) } - html[data-theme='auto'] .sf-c-pink\:80, html.auto .sf-c-pink\:80 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-pink\:85, html.auto .sf-c-pink\:85 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 15%) } - html[data-theme='auto'] .sf-c-pink\:90, html.auto .sf-c-pink\:90 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-pink\:95, html.auto .sf-c-pink\:95 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } - html[data-theme='auto'] .sf-c-pink\:100, html.auto .sf-c-pink\:100 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } - - html[data-theme='auto'] .sf-c-pink\:st, html.auto .sf-c-pink\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-pink\:0\:st, html.auto .sf-c-pink\:0\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } - html[data-theme='auto'] .sf-c-pink\:5\:st, html.auto .sf-c-pink\:5\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } - html[data-theme='auto'] .sf-c-pink\:10\:st, html.auto .sf-c-pink\:10\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-pink\:15\:st, html.auto .sf-c-pink\:15\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 15%) } - html[data-theme='auto'] .sf-c-pink\:20\:st, html.auto .sf-c-pink\:20\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-pink\:25\:st, html.auto .sf-c-pink\:25\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 25%) } - html[data-theme='auto'] .sf-c-pink\:30\:st, html.auto .sf-c-pink\:30\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-pink\:35\:st, html.auto .sf-c-pink\:35\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 35%) } - html[data-theme='auto'] .sf-c-pink\:40\:st, html.auto .sf-c-pink\:40\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-pink\:45\:st, html.auto .sf-c-pink\:45\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 45%) } - html[data-theme='auto'] .sf-c-pink\:50\:st, html.auto .sf-c-pink\:50\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-pink\:55\:st, html.auto .sf-c-pink\:55\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 55%) } - html[data-theme='auto'] .sf-c-pink\:60\:st, html.auto .sf-c-pink\:60\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-pink\:65\:st, html.auto .sf-c-pink\:65\:st { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 65%) } - html[data-theme='auto'] .sf-c-pink\:70\:st, html.auto .sf-c-pink\:70\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-pink\:75\:st, html.auto .sf-c-pink\:75\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 75%) } - html[data-theme='auto'] .sf-c-pink\:80\:st, html.auto .sf-c-pink\:80\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-pink\:85\:st, html.auto .sf-c-pink\:85\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 85%) } - html[data-theme='auto'] .sf-c-pink\:90\:st, html.auto .sf-c-pink\:90\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-pink\:95\:st, html.auto .sf-c-pink\:95\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } - html[data-theme='auto'] .sf-c-pink\:100\:st, html.auto .sf-c-pink\:100\:st { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-pink\:5, html.auto .sf-c-txt-pink\:5 { color: hsl(350, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-pink\:15, html.auto .sf-c-txt-pink\:15 { color: hsl(350, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-pink\:25, html.auto .sf-c-txt-pink\:25 { color: hsl(350, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-pink\:35, html.auto .sf-c-txt-pink\:35 { color: hsl(350, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-pink\:45, html.auto .sf-c-txt-pink\:45 { color: hsl(350, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-pink\:55, html.auto .sf-c-txt-pink\:55 { color: hsl(350, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-pink\:65, html.auto .sf-c-txt-pink\:65 { color: hsl(350, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-pink\:75, html.auto .sf-c-txt-pink\:75 { color: hsl(350, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-pink\:85, html.auto .sf-c-txt-pink\:85 { color: hsl(350, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-pink\:95, html.auto .sf-c-txt-pink\:95 { color: hsl(350, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-pink\:st, html.auto .sf-c-txt-pink\:st { color: hsl(350, 100%, 88%) } - html[data-theme='auto'] .sf-c-txt-pink\:0\:st, html.auto .sf-c-txt-pink\:0\:st { color: hsl(350, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-pink\:5\:st, html.auto .sf-c-txt-pink\:5\:st { color: hsl(350, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-pink\:10\:st, html.auto .sf-c-txt-pink\:10\:st { color: hsl(350, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-pink\:15\:st, html.auto .sf-c-txt-pink\:15\:st { color: hsl(350, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-pink\:20\:st, html.auto .sf-c-txt-pink\:20\:st { color: hsl(350, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-pink\:25\:st, html.auto .sf-c-txt-pink\:25\:st { color: hsl(350, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-pink\:30\:st, html.auto .sf-c-txt-pink\:30\:st { color: hsl(350, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-pink\:35\:st, html.auto .sf-c-txt-pink\:35\:st { color: hsl(350, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-pink\:40\:st, html.auto .sf-c-txt-pink\:40\:st { color: hsl(350, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-pink\:45\:st, html.auto .sf-c-txt-pink\:45\:st { color: hsl(350, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-pink\:50\:st, html.auto .sf-c-txt-pink\:50\:st { color: hsl(350, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-pink\:55\:st, html.auto .sf-c-txt-pink\:55\:st { color: hsl(350, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-pink\:60\:st, html.auto .sf-c-txt-pink\:60\:st { color: hsl(350, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-pink\:65\:st, html.auto .sf-c-txt-pink\:65\:st { color: hsl(350, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-pink\:70\:st, html.auto .sf-c-txt-pink\:70\:st { color: hsl(350, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-pink\:75\:st, html.auto .sf-c-txt-pink\:75\:st { color: hsl(350, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-pink\:80\:st, html.auto .sf-c-txt-pink\:80\:st { color: hsl(350, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-pink\:85\:st, html.auto .sf-c-txt-pink\:85\:st { color: hsl(350, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-pink\:90\:st, html.auto .sf-c-txt-pink\:90\:st { color: hsl(350, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-pink\:95\:st, html.auto .sf-c-txt-pink\:95\:st { color: hsl(350, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-pink\:100\:st, html.auto .sf-c-txt-pink\:100\:st { color: hsl(350, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/plum.css b/src/colors/20/plum.css deleted file mode 100644 index 8441556..0000000 --- a/src/colors/20/plum.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-plum { - --sf-c-plum: 300 47% 75%; - --sf-c-plum-0: 300 47% 0%; - --sf-c-plum-5: 300 47% 5%; - --sf-c-plum-10: 300 47% 10%; - --sf-c-plum-15: 300 47% 15%; - --sf-c-plum-20: 300 47% 20%; - --sf-c-plum-25: 300 47% 25%; - --sf-c-plum-30: 300 47% 30%; - --sf-c-plum-35: 300 47% 35%; - --sf-c-plum-40: 300 47% 40%; - --sf-c-plum-45: 300 47% 45%; - --sf-c-plum-50: 300 47% 50%; - --sf-c-plum-55: 300 47% 55%; - --sf-c-plum-60: 300 47% 60%; - --sf-c-plum-65: 300 47% 65%; - --sf-c-plum-70: 300 47% 70%; - --sf-c-plum-75: 300 47% 75%; - --sf-c-plum-80: 300 47% 80%; - --sf-c-plum-85: 300 47% 85%; - --sf-c-plum-90: 300 47% 90%; - --sf-c-plum-95: 300 47% 95%; - --sf-c-plum-100: 300 47% 100%; -} - -.sf-c-plum, .sf-c-plum\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } -.sf-c-plum\:0, .sf-c-plum\:0\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } -.sf-c-plum\:5, .sf-c-plum\:5\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } -.sf-c-plum\:10, .sf-c-plum\:10\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } -.sf-c-plum\:15, .sf-c-plum\:15\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 15%) } -.sf-c-plum\:20, .sf-c-plum\:20\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 20%) } -.sf-c-plum\:25, .sf-c-plum\:25\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } -.sf-c-plum\:30, .sf-c-plum\:30\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 30%) } -.sf-c-plum\:35, .sf-c-plum\:35\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 35%) } -.sf-c-plum\:40, .sf-c-plum\:40\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 40%) } -.sf-c-plum\:45, .sf-c-plum\:45\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 45%) } -.sf-c-plum\:50, .sf-c-plum\:50\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 50%) } -.sf-c-plum\:55, .sf-c-plum\:55\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 55%) } -.sf-c-plum\:60, .sf-c-plum\:60\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 60%) } -.sf-c-plum\:65, .sf-c-plum\:65\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 65%) } -.sf-c-plum\:70, .sf-c-plum\:70\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 70%) } -.sf-c-plum\:75, .sf-c-plum\:75\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } -.sf-c-plum\:80, .sf-c-plum\:80\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 80%) } -.sf-c-plum\:85, .sf-c-plum\:85\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 85%) } -.sf-c-plum\:90, .sf-c-plum\:90\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90%) } -.sf-c-plum\:95, .sf-c-plum\:95\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } -.sf-c-plum\:100, .sf-c-plum\:100\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } - -.sf-c-txt-plum { color: hsl(300, 47%, 10%) } -.sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } -.sf-c-txt-plum\:0, .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } -.sf-c-txt-plum\:5, .sf-c-txt-plum\:5\:st { color: hsl(300, 47%, 5%) } -.sf-c-txt-plum\:10, .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } -.sf-c-txt-plum\:15, .sf-c-txt-plum\:15\:st { color: hsl(300, 47%, 15%) } -.sf-c-txt-plum\:20, .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } -.sf-c-txt-plum\:25, .sf-c-txt-plum\:25\:st { color: hsl(300, 47%, 25%) } -.sf-c-txt-plum\:30, .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } -.sf-c-txt-plum\:35, .sf-c-txt-plum\:35\:st { color: hsl(300, 47%, 35%) } -.sf-c-txt-plum\:40, .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } -.sf-c-txt-plum\:45, .sf-c-txt-plum\:45\:st { color: hsl(300, 47%, 45%) } -.sf-c-txt-plum\:50, .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } -.sf-c-txt-plum\:55, .sf-c-txt-plum\:55\:st { color: hsl(300, 47%, 55%) } -.sf-c-txt-plum\:60, .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } -.sf-c-txt-plum\:65, .sf-c-txt-plum\:65\:st { color: hsl(300, 47%, 65%) } -.sf-c-txt-plum\:70, .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } -.sf-c-txt-plum\:75, .sf-c-txt-plum\:75\:st { color: hsl(300, 47%, 75%) } -.sf-c-txt-plum\:80, .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } -.sf-c-txt-plum\:85, .sf-c-txt-plum\:85\:st { color: hsl(300, 47%, 85%) } -.sf-c-txt-plum\:90, .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } -.sf-c-txt-plum\:95, .sf-c-txt-plum\:95\:st { color: hsl(300, 47%, 95%) } -.sf-c-txt-plum\:100, .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } - -html[data-theme='dark'] .sf-c-plum, html.dark .sf-c-plum { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-plum\:0, html.dark .sf-c-plum\:0 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } -html[data-theme='dark'] .sf-c-plum\:5, html.dark .sf-c-plum\:5 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } -html[data-theme='dark'] .sf-c-plum\:10, html.dark .sf-c-plum\:10 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-plum\:15, html.dark .sf-c-plum\:15 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 85%) } -html[data-theme='dark'] .sf-c-plum\:20, html.dark .sf-c-plum\:20 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-plum\:25, html.dark .sf-c-plum\:25 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-plum\:30, html.dark .sf-c-plum\:30 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-plum\:35, html.dark .sf-c-plum\:35 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 65%) } -html[data-theme='dark'] .sf-c-plum\:40, html.dark .sf-c-plum\:40 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-plum\:45, html.dark .sf-c-plum\:45 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 55%) } -html[data-theme='dark'] .sf-c-plum\:50, html.dark .sf-c-plum\:50 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-plum\:55, html.dark .sf-c-plum\:55 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 45%) } -html[data-theme='dark'] .sf-c-plum\:60, html.dark .sf-c-plum\:60 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-plum\:65, html.dark .sf-c-plum\:65 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 35%) } -html[data-theme='dark'] .sf-c-plum\:70, html.dark .sf-c-plum\:70 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-plum\:75, html.dark .sf-c-plum\:75 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-plum\:80, html.dark .sf-c-plum\:80 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-plum\:85, html.dark .sf-c-plum\:85 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 15%) } -html[data-theme='dark'] .sf-c-plum\:90, html.dark .sf-c-plum\:90 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-plum\:95, html.dark .sf-c-plum\:95 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } -html[data-theme='dark'] .sf-c-plum\:100, html.dark .sf-c-plum\:100 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } - -html[data-theme='dark'] .sf-c-plum\:st, html.dark .sf-c-plum\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-plum\:0\:st, html.dark .sf-c-plum\:0\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } -html[data-theme='dark'] .sf-c-plum\:5\:st, html.dark .sf-c-plum\:5\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } -html[data-theme='dark'] .sf-c-plum\:10\:st, html.dark .sf-c-plum\:10\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-plum\:15\:st, html.dark .sf-c-plum\:15\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 15%) } -html[data-theme='dark'] .sf-c-plum\:20\:st, html.dark .sf-c-plum\:20\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-plum\:25\:st, html.dark .sf-c-plum\:25\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-plum\:30\:st, html.dark .sf-c-plum\:30\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-plum\:35\:st, html.dark .sf-c-plum\:35\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 35%) } -html[data-theme='dark'] .sf-c-plum\:40\:st, html.dark .sf-c-plum\:40\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-plum\:45\:st, html.dark .sf-c-plum\:45\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 45%) } -html[data-theme='dark'] .sf-c-plum\:50\:st, html.dark .sf-c-plum\:50\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-plum\:55\:st, html.dark .sf-c-plum\:55\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 55%) } -html[data-theme='dark'] .sf-c-plum\:60\:st, html.dark .sf-c-plum\:60\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-plum\:65\:st, html.dark .sf-c-plum\:65\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 65%) } -html[data-theme='dark'] .sf-c-plum\:70\:st, html.dark .sf-c-plum\:70\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-plum\:75\:st, html.dark .sf-c-plum\:75\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-plum\:80\:st, html.dark .sf-c-plum\:80\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-plum\:85\:st, html.dark .sf-c-plum\:85\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 85%) } -html[data-theme='dark'] .sf-c-plum\:90\:st, html.dark .sf-c-plum\:90\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-plum\:95\:st, html.dark .sf-c-plum\:95\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } -html[data-theme='dark'] .sf-c-plum\:100\:st, html.dark .sf-c-plum\:100\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } - -html[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } -html[data-theme='dark'] .sf-c-txt-plum\:5, html.dark .sf-c-txt-plum\:5 { color: hsl(300, 47%, 95%) } -html[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-txt-plum\:15, html.dark .sf-c-txt-plum\:15 { color: hsl(300, 47%, 85%) } -html[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-txt-plum\:25, html.dark .sf-c-txt-plum\:25 { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-txt-plum\:35, html.dark .sf-c-txt-plum\:35 { color: hsl(300, 47%, 65%) } -html[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-txt-plum\:45, html.dark .sf-c-txt-plum\:45 { color: hsl(300, 47%, 55%) } -html[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-txt-plum\:55, html.dark .sf-c-txt-plum\:55 { color: hsl(300, 47%, 45%) } -html[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-txt-plum\:65, html.dark .sf-c-txt-plum\:65 { color: hsl(300, 47%, 35%) } -html[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-txt-plum\:75, html.dark .sf-c-txt-plum\:75 { color: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-txt-plum\:85, html.dark .sf-c-txt-plum\:85 { color: hsl(300, 47%, 15%) } -html[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-txt-plum\:95, html.dark .sf-c-txt-plum\:95 { color: hsl(300, 47%, 5%) } -html[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } - -html[data-theme='dark'] .sf-c-txt-plum\:st, html.dark .sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:0\:st, html.dark .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } -html[data-theme='dark'] .sf-c-txt-plum\:5\:st, html.dark .sf-c-txt-plum\:5\:st { color: hsl(300, 47%, 5%) } -html[data-theme='dark'] .sf-c-txt-plum\:10\:st, html.dark .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } -html[data-theme='dark'] .sf-c-txt-plum\:15\:st, html.dark .sf-c-txt-plum\:15\:st { color: hsl(300, 47%, 15%) } -html[data-theme='dark'] .sf-c-txt-plum\:20\:st, html.dark .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } -html[data-theme='dark'] .sf-c-txt-plum\:25\:st, html.dark .sf-c-txt-plum\:25\:st { color: hsl(300, 47%, 25%) } -html[data-theme='dark'] .sf-c-txt-plum\:30\:st, html.dark .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } -html[data-theme='dark'] .sf-c-txt-plum\:35\:st, html.dark .sf-c-txt-plum\:35\:st { color: hsl(300, 47%, 35%) } -html[data-theme='dark'] .sf-c-txt-plum\:40\:st, html.dark .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } -html[data-theme='dark'] .sf-c-txt-plum\:45\:st, html.dark .sf-c-txt-plum\:45\:st { color: hsl(300, 47%, 45%) } -html[data-theme='dark'] .sf-c-txt-plum\:50\:st, html.dark .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } -html[data-theme='dark'] .sf-c-txt-plum\:55\:st, html.dark .sf-c-txt-plum\:55\:st { color: hsl(300, 47%, 55%) } -html[data-theme='dark'] .sf-c-txt-plum\:60\:st, html.dark .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } -html[data-theme='dark'] .sf-c-txt-plum\:65\:st, html.dark .sf-c-txt-plum\:65\:st { color: hsl(300, 47%, 65%) } -html[data-theme='dark'] .sf-c-txt-plum\:70\:st, html.dark .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } -html[data-theme='dark'] .sf-c-txt-plum\:75\:st, html.dark .sf-c-txt-plum\:75\:st { color: hsl(300, 47%, 75%) } -html[data-theme='dark'] .sf-c-txt-plum\:80\:st, html.dark .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } -html[data-theme='dark'] .sf-c-txt-plum\:85\:st, html.dark .sf-c-txt-plum\:85\:st { color: hsl(300, 47%, 85%) } -html[data-theme='dark'] .sf-c-txt-plum\:90\:st, html.dark .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } -html[data-theme='dark'] .sf-c-txt-plum\:95\:st, html.dark .sf-c-txt-plum\:95\:st { color: hsl(300, 47%, 95%) } -html[data-theme='dark'] .sf-c-txt-plum\:100\:st, html.dark .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-plum, html.auto .sf-c-plum { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-plum\:0, html.auto .sf-c-plum\:0 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } - html[data-theme='auto'] .sf-c-plum\:5, html.auto .sf-c-plum\:5 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } - html[data-theme='auto'] .sf-c-plum\:10, html.auto .sf-c-plum\:10 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-plum\:15, html.auto .sf-c-plum\:15 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 85%) } - html[data-theme='auto'] .sf-c-plum\:20, html.auto .sf-c-plum\:20 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-plum\:25, html.auto .sf-c-plum\:25 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-plum\:30, html.auto .sf-c-plum\:30 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-plum\:35, html.auto .sf-c-plum\:35 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 65%) } - html[data-theme='auto'] .sf-c-plum\:40, html.auto .sf-c-plum\:40 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-plum\:45, html.auto .sf-c-plum\:45 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 55%) } - html[data-theme='auto'] .sf-c-plum\:50, html.auto .sf-c-plum\:50 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-plum\:55, html.auto .sf-c-plum\:55 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 45%) } - html[data-theme='auto'] .sf-c-plum\:60, html.auto .sf-c-plum\:60 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-plum\:65, html.auto .sf-c-plum\:65 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 35%) } - html[data-theme='auto'] .sf-c-plum\:70, html.auto .sf-c-plum\:70 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-plum\:75, html.auto .sf-c-plum\:75 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-plum\:80, html.auto .sf-c-plum\:80 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-plum\:85, html.auto .sf-c-plum\:85 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 15%) } - html[data-theme='auto'] .sf-c-plum\:90, html.auto .sf-c-plum\:90 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-plum\:95, html.auto .sf-c-plum\:95 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } - html[data-theme='auto'] .sf-c-plum\:100, html.auto .sf-c-plum\:100 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } - - html[data-theme='auto'] .sf-c-plum\:st, html.auto .sf-c-plum\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-plum\:0\:st, html.auto .sf-c-plum\:0\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } - html[data-theme='auto'] .sf-c-plum\:5\:st, html.auto .sf-c-plum\:5\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } - html[data-theme='auto'] .sf-c-plum\:10\:st, html.auto .sf-c-plum\:10\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-plum\:15\:st, html.auto .sf-c-plum\:15\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 15%) } - html[data-theme='auto'] .sf-c-plum\:20\:st, html.auto .sf-c-plum\:20\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-plum\:25\:st, html.auto .sf-c-plum\:25\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-plum\:30\:st, html.auto .sf-c-plum\:30\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-plum\:35\:st, html.auto .sf-c-plum\:35\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 35%) } - html[data-theme='auto'] .sf-c-plum\:40\:st, html.auto .sf-c-plum\:40\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-plum\:45\:st, html.auto .sf-c-plum\:45\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 45%) } - html[data-theme='auto'] .sf-c-plum\:50\:st, html.auto .sf-c-plum\:50\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-plum\:55\:st, html.auto .sf-c-plum\:55\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 55%) } - html[data-theme='auto'] .sf-c-plum\:60\:st, html.auto .sf-c-plum\:60\:st { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-plum\:65\:st, html.auto .sf-c-plum\:65\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 65%) } - html[data-theme='auto'] .sf-c-plum\:70\:st, html.auto .sf-c-plum\:70\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-plum\:75\:st, html.auto .sf-c-plum\:75\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-plum\:80\:st, html.auto .sf-c-plum\:80\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-plum\:85\:st, html.auto .sf-c-plum\:85\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 85%) } - html[data-theme='auto'] .sf-c-plum\:90\:st, html.auto .sf-c-plum\:90\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-plum\:95\:st, html.auto .sf-c-plum\:95\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } - html[data-theme='auto'] .sf-c-plum\:100\:st, html.auto .sf-c-plum\:100\:st { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } - - html[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } - html[data-theme='auto'] .sf-c-txt-plum\:5, html.auto .sf-c-txt-plum\:5 { color: hsl(300, 47%, 95%) } - html[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-txt-plum\:15, html.auto .sf-c-txt-plum\:15 { color: hsl(300, 47%, 85%) } - html[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-txt-plum\:25, html.auto .sf-c-txt-plum\:25 { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-txt-plum\:35, html.auto .sf-c-txt-plum\:35 { color: hsl(300, 47%, 65%) } - html[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-txt-plum\:45, html.auto .sf-c-txt-plum\:45 { color: hsl(300, 47%, 55%) } - html[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-txt-plum\:55, html.auto .sf-c-txt-plum\:55 { color: hsl(300, 47%, 45%) } - html[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-txt-plum\:65, html.auto .sf-c-txt-plum\:65 { color: hsl(300, 47%, 35%) } - html[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-txt-plum\:75, html.auto .sf-c-txt-plum\:75 { color: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-txt-plum\:85, html.auto .sf-c-txt-plum\:85 { color: hsl(300, 47%, 15%) } - html[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-txt-plum\:95, html.auto .sf-c-txt-plum\:95 { color: hsl(300, 47%, 5%) } - html[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } - - html[data-theme='auto'] .sf-c-txt-plum\:st, html.auto .sf-c-txt-plum\:st { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:0\:st, html.auto .sf-c-txt-plum\:0\:st { color: hsl(300, 47%, 0%) } - html[data-theme='auto'] .sf-c-txt-plum\:5\:st, html.auto .sf-c-txt-plum\:5\:st { color: hsl(300, 47%, 5%) } - html[data-theme='auto'] .sf-c-txt-plum\:10\:st, html.auto .sf-c-txt-plum\:10\:st { color: hsl(300, 47%, 10%) } - html[data-theme='auto'] .sf-c-txt-plum\:15\:st, html.auto .sf-c-txt-plum\:15\:st { color: hsl(300, 47%, 15%) } - html[data-theme='auto'] .sf-c-txt-plum\:20\:st, html.auto .sf-c-txt-plum\:20\:st { color: hsl(300, 47%, 20%) } - html[data-theme='auto'] .sf-c-txt-plum\:25\:st, html.auto .sf-c-txt-plum\:25\:st { color: hsl(300, 47%, 25%) } - html[data-theme='auto'] .sf-c-txt-plum\:30\:st, html.auto .sf-c-txt-plum\:30\:st { color: hsl(300, 47%, 30%) } - html[data-theme='auto'] .sf-c-txt-plum\:35\:st, html.auto .sf-c-txt-plum\:35\:st { color: hsl(300, 47%, 35%) } - html[data-theme='auto'] .sf-c-txt-plum\:40\:st, html.auto .sf-c-txt-plum\:40\:st { color: hsl(300, 47%, 40%) } - html[data-theme='auto'] .sf-c-txt-plum\:45\:st, html.auto .sf-c-txt-plum\:45\:st { color: hsl(300, 47%, 45%) } - html[data-theme='auto'] .sf-c-txt-plum\:50\:st, html.auto .sf-c-txt-plum\:50\:st { color: hsl(300, 47%, 50%) } - html[data-theme='auto'] .sf-c-txt-plum\:55\:st, html.auto .sf-c-txt-plum\:55\:st { color: hsl(300, 47%, 55%) } - html[data-theme='auto'] .sf-c-txt-plum\:60\:st, html.auto .sf-c-txt-plum\:60\:st { color: hsl(300, 47%, 60%) } - html[data-theme='auto'] .sf-c-txt-plum\:65\:st, html.auto .sf-c-txt-plum\:65\:st { color: hsl(300, 47%, 65%) } - html[data-theme='auto'] .sf-c-txt-plum\:70\:st, html.auto .sf-c-txt-plum\:70\:st { color: hsl(300, 47%, 70%) } - html[data-theme='auto'] .sf-c-txt-plum\:75\:st, html.auto .sf-c-txt-plum\:75\:st { color: hsl(300, 47%, 75%) } - html[data-theme='auto'] .sf-c-txt-plum\:80\:st, html.auto .sf-c-txt-plum\:80\:st { color: hsl(300, 47%, 80%) } - html[data-theme='auto'] .sf-c-txt-plum\:85\:st, html.auto .sf-c-txt-plum\:85\:st { color: hsl(300, 47%, 85%) } - html[data-theme='auto'] .sf-c-txt-plum\:90\:st, html.auto .sf-c-txt-plum\:90\:st { color: hsl(300, 47%, 90%) } - html[data-theme='auto'] .sf-c-txt-plum\:95\:st, html.auto .sf-c-txt-plum\:95\:st { color: hsl(300, 47%, 95%) } - html[data-theme='auto'] .sf-c-txt-plum\:100\:st, html.auto .sf-c-txt-plum\:100\:st { color: hsl(300, 47%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/powderblue.css b/src/colors/20/powderblue.css deleted file mode 100644 index c9aee7d..0000000 --- a/src/colors/20/powderblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-powderblue { - --sf-c-powderblue: 187 52% 80%; - --sf-c-powderblue-0: 187 52% 0%; - --sf-c-powderblue-5: 187 52% 5%; - --sf-c-powderblue-10: 187 52% 10%; - --sf-c-powderblue-15: 187 52% 15%; - --sf-c-powderblue-20: 187 52% 20%; - --sf-c-powderblue-25: 187 52% 25%; - --sf-c-powderblue-30: 187 52% 30%; - --sf-c-powderblue-35: 187 52% 35%; - --sf-c-powderblue-40: 187 52% 40%; - --sf-c-powderblue-45: 187 52% 45%; - --sf-c-powderblue-50: 187 52% 50%; - --sf-c-powderblue-55: 187 52% 55%; - --sf-c-powderblue-60: 187 52% 60%; - --sf-c-powderblue-65: 187 52% 65%; - --sf-c-powderblue-70: 187 52% 70%; - --sf-c-powderblue-75: 187 52% 75%; - --sf-c-powderblue-80: 187 52% 80%; - --sf-c-powderblue-85: 187 52% 85%; - --sf-c-powderblue-90: 187 52% 90%; - --sf-c-powderblue-95: 187 52% 95%; - --sf-c-powderblue-100: 187 52% 100%; -} - -.sf-c-powderblue, .sf-c-powderblue\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } -.sf-c-powderblue\:0, .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } -.sf-c-powderblue\:5, .sf-c-powderblue\:5\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } -.sf-c-powderblue\:10, .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } -.sf-c-powderblue\:15, .sf-c-powderblue\:15\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 15%) } -.sf-c-powderblue\:20, .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } -.sf-c-powderblue\:25, .sf-c-powderblue\:25\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 25%) } -.sf-c-powderblue\:30, .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 30%) } -.sf-c-powderblue\:35, .sf-c-powderblue\:35\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 35%) } -.sf-c-powderblue\:40, .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 40%) } -.sf-c-powderblue\:45, .sf-c-powderblue\:45\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 45%) } -.sf-c-powderblue\:50, .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 50%) } -.sf-c-powderblue\:55, .sf-c-powderblue\:55\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 55%) } -.sf-c-powderblue\:60, .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 60%) } -.sf-c-powderblue\:65, .sf-c-powderblue\:65\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 65%) } -.sf-c-powderblue\:70, .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 70%) } -.sf-c-powderblue\:75, .sf-c-powderblue\:75\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 75%) } -.sf-c-powderblue\:80, .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } -.sf-c-powderblue\:85, .sf-c-powderblue\:85\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 85%) } -.sf-c-powderblue\:90, .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 90%) } -.sf-c-powderblue\:95, .sf-c-powderblue\:95\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } -.sf-c-powderblue\:100, .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } - -.sf-c-txt-powderblue { color: hsl(187, 52%, 10%) } -.sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } -.sf-c-txt-powderblue\:0, .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } -.sf-c-txt-powderblue\:5, .sf-c-txt-powderblue\:5\:st { color: hsl(187, 52%, 5%) } -.sf-c-txt-powderblue\:10, .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } -.sf-c-txt-powderblue\:15, .sf-c-txt-powderblue\:15\:st { color: hsl(187, 52%, 15%) } -.sf-c-txt-powderblue\:20, .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } -.sf-c-txt-powderblue\:25, .sf-c-txt-powderblue\:25\:st { color: hsl(187, 52%, 25%) } -.sf-c-txt-powderblue\:30, .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } -.sf-c-txt-powderblue\:35, .sf-c-txt-powderblue\:35\:st { color: hsl(187, 52%, 35%) } -.sf-c-txt-powderblue\:40, .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } -.sf-c-txt-powderblue\:45, .sf-c-txt-powderblue\:45\:st { color: hsl(187, 52%, 45%) } -.sf-c-txt-powderblue\:50, .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } -.sf-c-txt-powderblue\:55, .sf-c-txt-powderblue\:55\:st { color: hsl(187, 52%, 55%) } -.sf-c-txt-powderblue\:60, .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } -.sf-c-txt-powderblue\:65, .sf-c-txt-powderblue\:65\:st { color: hsl(187, 52%, 65%) } -.sf-c-txt-powderblue\:70, .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } -.sf-c-txt-powderblue\:75, .sf-c-txt-powderblue\:75\:st { color: hsl(187, 52%, 75%) } -.sf-c-txt-powderblue\:80, .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } -.sf-c-txt-powderblue\:85, .sf-c-txt-powderblue\:85\:st { color: hsl(187, 52%, 85%) } -.sf-c-txt-powderblue\:90, .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } -.sf-c-txt-powderblue\:95, .sf-c-txt-powderblue\:95\:st { color: hsl(187, 52%, 95%) } -.sf-c-txt-powderblue\:100, .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } - -html[data-theme='dark'] .sf-c-powderblue, html.dark .sf-c-powderblue { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:0, html.dark .sf-c-powderblue\:0 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } -html[data-theme='dark'] .sf-c-powderblue\:5, html.dark .sf-c-powderblue\:5 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } -html[data-theme='dark'] .sf-c-powderblue\:10, html.dark .sf-c-powderblue\:10 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-powderblue\:15, html.dark .sf-c-powderblue\:15 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 85%) } -html[data-theme='dark'] .sf-c-powderblue\:20, html.dark .sf-c-powderblue\:20 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:25, html.dark .sf-c-powderblue\:25 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 75%) } -html[data-theme='dark'] .sf-c-powderblue\:30, html.dark .sf-c-powderblue\:30 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-powderblue\:35, html.dark .sf-c-powderblue\:35 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 65%) } -html[data-theme='dark'] .sf-c-powderblue\:40, html.dark .sf-c-powderblue\:40 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-powderblue\:45, html.dark .sf-c-powderblue\:45 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 55%) } -html[data-theme='dark'] .sf-c-powderblue\:50, html.dark .sf-c-powderblue\:50 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-powderblue\:55, html.dark .sf-c-powderblue\:55 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 45%) } -html[data-theme='dark'] .sf-c-powderblue\:60, html.dark .sf-c-powderblue\:60 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-powderblue\:65, html.dark .sf-c-powderblue\:65 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 35%) } -html[data-theme='dark'] .sf-c-powderblue\:70, html.dark .sf-c-powderblue\:70 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-powderblue\:75, html.dark .sf-c-powderblue\:75 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 25%) } -html[data-theme='dark'] .sf-c-powderblue\:80, html.dark .sf-c-powderblue\:80 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:85, html.dark .sf-c-powderblue\:85 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 15%) } -html[data-theme='dark'] .sf-c-powderblue\:90, html.dark .sf-c-powderblue\:90 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-powderblue\:95, html.dark .sf-c-powderblue\:95 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } -html[data-theme='dark'] .sf-c-powderblue\:100, html.dark .sf-c-powderblue\:100 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } - -html[data-theme='dark'] .sf-c-powderblue\:st, html.dark .sf-c-powderblue\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:0\:st, html.dark .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } -html[data-theme='dark'] .sf-c-powderblue\:5\:st, html.dark .sf-c-powderblue\:5\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } -html[data-theme='dark'] .sf-c-powderblue\:10\:st, html.dark .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-powderblue\:15\:st, html.dark .sf-c-powderblue\:15\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 15%) } -html[data-theme='dark'] .sf-c-powderblue\:20\:st, html.dark .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-powderblue\:25\:st, html.dark .sf-c-powderblue\:25\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 25%) } -html[data-theme='dark'] .sf-c-powderblue\:30\:st, html.dark .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-powderblue\:35\:st, html.dark .sf-c-powderblue\:35\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 35%) } -html[data-theme='dark'] .sf-c-powderblue\:40\:st, html.dark .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-powderblue\:45\:st, html.dark .sf-c-powderblue\:45\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 45%) } -html[data-theme='dark'] .sf-c-powderblue\:50\:st, html.dark .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-powderblue\:55\:st, html.dark .sf-c-powderblue\:55\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 55%) } -html[data-theme='dark'] .sf-c-powderblue\:60\:st, html.dark .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-powderblue\:65\:st, html.dark .sf-c-powderblue\:65\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 65%) } -html[data-theme='dark'] .sf-c-powderblue\:70\:st, html.dark .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-powderblue\:75\:st, html.dark .sf-c-powderblue\:75\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 75%) } -html[data-theme='dark'] .sf-c-powderblue\:80\:st, html.dark .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-powderblue\:85\:st, html.dark .sf-c-powderblue\:85\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 85%) } -html[data-theme='dark'] .sf-c-powderblue\:90\:st, html.dark .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-powderblue\:95\:st, html.dark .sf-c-powderblue\:95\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } -html[data-theme='dark'] .sf-c-powderblue\:100\:st, html.dark .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } - -html[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:5, html.dark .sf-c-txt-powderblue\:5 { color: hsl(187, 52%, 95%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:15, html.dark .sf-c-txt-powderblue\:15 { color: hsl(187, 52%, 85%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:25, html.dark .sf-c-txt-powderblue\:25 { color: hsl(187, 52%, 75%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:35, html.dark .sf-c-txt-powderblue\:35 { color: hsl(187, 52%, 65%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:45, html.dark .sf-c-txt-powderblue\:45 { color: hsl(187, 52%, 55%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:55, html.dark .sf-c-txt-powderblue\:55 { color: hsl(187, 52%, 45%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:65, html.dark .sf-c-txt-powderblue\:65 { color: hsl(187, 52%, 35%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:75, html.dark .sf-c-txt-powderblue\:75 { color: hsl(187, 52%, 25%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:85, html.dark .sf-c-txt-powderblue\:85 { color: hsl(187, 52%, 15%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:95, html.dark .sf-c-txt-powderblue\:95 { color: hsl(187, 52%, 5%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } - -html[data-theme='dark'] .sf-c-txt-powderblue\:st, html.dark .sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:0\:st, html.dark .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:5\:st, html.dark .sf-c-txt-powderblue\:5\:st { color: hsl(187, 52%, 5%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:10\:st, html.dark .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:15\:st, html.dark .sf-c-txt-powderblue\:15\:st { color: hsl(187, 52%, 15%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:20\:st, html.dark .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:25\:st, html.dark .sf-c-txt-powderblue\:25\:st { color: hsl(187, 52%, 25%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:30\:st, html.dark .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:35\:st, html.dark .sf-c-txt-powderblue\:35\:st { color: hsl(187, 52%, 35%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:40\:st, html.dark .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:45\:st, html.dark .sf-c-txt-powderblue\:45\:st { color: hsl(187, 52%, 45%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:50\:st, html.dark .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:55\:st, html.dark .sf-c-txt-powderblue\:55\:st { color: hsl(187, 52%, 55%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:60\:st, html.dark .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:65\:st, html.dark .sf-c-txt-powderblue\:65\:st { color: hsl(187, 52%, 65%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:70\:st, html.dark .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:75\:st, html.dark .sf-c-txt-powderblue\:75\:st { color: hsl(187, 52%, 75%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:80\:st, html.dark .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:85\:st, html.dark .sf-c-txt-powderblue\:85\:st { color: hsl(187, 52%, 85%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:90\:st, html.dark .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:95\:st, html.dark .sf-c-txt-powderblue\:95\:st { color: hsl(187, 52%, 95%) } -html[data-theme='dark'] .sf-c-txt-powderblue\:100\:st, html.dark .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-powderblue, html.auto .sf-c-powderblue { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:0, html.auto .sf-c-powderblue\:0 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } - html[data-theme='auto'] .sf-c-powderblue\:5, html.auto .sf-c-powderblue\:5 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } - html[data-theme='auto'] .sf-c-powderblue\:10, html.auto .sf-c-powderblue\:10 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-powderblue\:15, html.auto .sf-c-powderblue\:15 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 85%) } - html[data-theme='auto'] .sf-c-powderblue\:20, html.auto .sf-c-powderblue\:20 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:25, html.auto .sf-c-powderblue\:25 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 75%) } - html[data-theme='auto'] .sf-c-powderblue\:30, html.auto .sf-c-powderblue\:30 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-powderblue\:35, html.auto .sf-c-powderblue\:35 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 65%) } - html[data-theme='auto'] .sf-c-powderblue\:40, html.auto .sf-c-powderblue\:40 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-powderblue\:45, html.auto .sf-c-powderblue\:45 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 55%) } - html[data-theme='auto'] .sf-c-powderblue\:50, html.auto .sf-c-powderblue\:50 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-powderblue\:55, html.auto .sf-c-powderblue\:55 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 45%) } - html[data-theme='auto'] .sf-c-powderblue\:60, html.auto .sf-c-powderblue\:60 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-powderblue\:65, html.auto .sf-c-powderblue\:65 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 35%) } - html[data-theme='auto'] .sf-c-powderblue\:70, html.auto .sf-c-powderblue\:70 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-powderblue\:75, html.auto .sf-c-powderblue\:75 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 25%) } - html[data-theme='auto'] .sf-c-powderblue\:80, html.auto .sf-c-powderblue\:80 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:85, html.auto .sf-c-powderblue\:85 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 15%) } - html[data-theme='auto'] .sf-c-powderblue\:90, html.auto .sf-c-powderblue\:90 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-powderblue\:95, html.auto .sf-c-powderblue\:95 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } - html[data-theme='auto'] .sf-c-powderblue\:100, html.auto .sf-c-powderblue\:100 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } - - html[data-theme='auto'] .sf-c-powderblue\:st, html.auto .sf-c-powderblue\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:0\:st, html.auto .sf-c-powderblue\:0\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } - html[data-theme='auto'] .sf-c-powderblue\:5\:st, html.auto .sf-c-powderblue\:5\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } - html[data-theme='auto'] .sf-c-powderblue\:10\:st, html.auto .sf-c-powderblue\:10\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-powderblue\:15\:st, html.auto .sf-c-powderblue\:15\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 15%) } - html[data-theme='auto'] .sf-c-powderblue\:20\:st, html.auto .sf-c-powderblue\:20\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-powderblue\:25\:st, html.auto .sf-c-powderblue\:25\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 25%) } - html[data-theme='auto'] .sf-c-powderblue\:30\:st, html.auto .sf-c-powderblue\:30\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-powderblue\:35\:st, html.auto .sf-c-powderblue\:35\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 35%) } - html[data-theme='auto'] .sf-c-powderblue\:40\:st, html.auto .sf-c-powderblue\:40\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-powderblue\:45\:st, html.auto .sf-c-powderblue\:45\:st { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 45%) } - html[data-theme='auto'] .sf-c-powderblue\:50\:st, html.auto .sf-c-powderblue\:50\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-powderblue\:55\:st, html.auto .sf-c-powderblue\:55\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 55%) } - html[data-theme='auto'] .sf-c-powderblue\:60\:st, html.auto .sf-c-powderblue\:60\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-powderblue\:65\:st, html.auto .sf-c-powderblue\:65\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 65%) } - html[data-theme='auto'] .sf-c-powderblue\:70\:st, html.auto .sf-c-powderblue\:70\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-powderblue\:75\:st, html.auto .sf-c-powderblue\:75\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 75%) } - html[data-theme='auto'] .sf-c-powderblue\:80\:st, html.auto .sf-c-powderblue\:80\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-powderblue\:85\:st, html.auto .sf-c-powderblue\:85\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 85%) } - html[data-theme='auto'] .sf-c-powderblue\:90\:st, html.auto .sf-c-powderblue\:90\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-powderblue\:95\:st, html.auto .sf-c-powderblue\:95\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } - html[data-theme='auto'] .sf-c-powderblue\:100\:st, html.auto .sf-c-powderblue\:100\:st { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } - - html[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:5, html.auto .sf-c-txt-powderblue\:5 { color: hsl(187, 52%, 95%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:15, html.auto .sf-c-txt-powderblue\:15 { color: hsl(187, 52%, 85%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:25, html.auto .sf-c-txt-powderblue\:25 { color: hsl(187, 52%, 75%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:35, html.auto .sf-c-txt-powderblue\:35 { color: hsl(187, 52%, 65%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:45, html.auto .sf-c-txt-powderblue\:45 { color: hsl(187, 52%, 55%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:55, html.auto .sf-c-txt-powderblue\:55 { color: hsl(187, 52%, 45%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:65, html.auto .sf-c-txt-powderblue\:65 { color: hsl(187, 52%, 35%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:75, html.auto .sf-c-txt-powderblue\:75 { color: hsl(187, 52%, 25%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:85, html.auto .sf-c-txt-powderblue\:85 { color: hsl(187, 52%, 15%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:95, html.auto .sf-c-txt-powderblue\:95 { color: hsl(187, 52%, 5%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } - - html[data-theme='auto'] .sf-c-txt-powderblue\:st, html.auto .sf-c-txt-powderblue\:st { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:0\:st, html.auto .sf-c-txt-powderblue\:0\:st { color: hsl(187, 52%, 0%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:5\:st, html.auto .sf-c-txt-powderblue\:5\:st { color: hsl(187, 52%, 5%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:10\:st, html.auto .sf-c-txt-powderblue\:10\:st { color: hsl(187, 52%, 10%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:15\:st, html.auto .sf-c-txt-powderblue\:15\:st { color: hsl(187, 52%, 15%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:20\:st, html.auto .sf-c-txt-powderblue\:20\:st { color: hsl(187, 52%, 20%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:25\:st, html.auto .sf-c-txt-powderblue\:25\:st { color: hsl(187, 52%, 25%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:30\:st, html.auto .sf-c-txt-powderblue\:30\:st { color: hsl(187, 52%, 30%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:35\:st, html.auto .sf-c-txt-powderblue\:35\:st { color: hsl(187, 52%, 35%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:40\:st, html.auto .sf-c-txt-powderblue\:40\:st { color: hsl(187, 52%, 40%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:45\:st, html.auto .sf-c-txt-powderblue\:45\:st { color: hsl(187, 52%, 45%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:50\:st, html.auto .sf-c-txt-powderblue\:50\:st { color: hsl(187, 52%, 50%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:55\:st, html.auto .sf-c-txt-powderblue\:55\:st { color: hsl(187, 52%, 55%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:60\:st, html.auto .sf-c-txt-powderblue\:60\:st { color: hsl(187, 52%, 60%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:65\:st, html.auto .sf-c-txt-powderblue\:65\:st { color: hsl(187, 52%, 65%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:70\:st, html.auto .sf-c-txt-powderblue\:70\:st { color: hsl(187, 52%, 70%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:75\:st, html.auto .sf-c-txt-powderblue\:75\:st { color: hsl(187, 52%, 75%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:80\:st, html.auto .sf-c-txt-powderblue\:80\:st { color: hsl(187, 52%, 80%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:85\:st, html.auto .sf-c-txt-powderblue\:85\:st { color: hsl(187, 52%, 85%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:90\:st, html.auto .sf-c-txt-powderblue\:90\:st { color: hsl(187, 52%, 90%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:95\:st, html.auto .sf-c-txt-powderblue\:95\:st { color: hsl(187, 52%, 95%) } - html[data-theme='auto'] .sf-c-txt-powderblue\:100\:st, html.auto .sf-c-txt-powderblue\:100\:st { color: hsl(187, 52%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/purple.css b/src/colors/20/purple.css deleted file mode 100644 index b423ddf..0000000 --- a/src/colors/20/purple.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-purple { - --sf-c-purple: 300 100% 25%; - --sf-c-purple-0: 300 100% 0%; - --sf-c-purple-5: 300 100% 5%; - --sf-c-purple-10: 300 100% 10%; - --sf-c-purple-15: 300 100% 15%; - --sf-c-purple-20: 300 100% 20%; - --sf-c-purple-25: 300 100% 25%; - --sf-c-purple-30: 300 100% 30%; - --sf-c-purple-35: 300 100% 35%; - --sf-c-purple-40: 300 100% 40%; - --sf-c-purple-45: 300 100% 45%; - --sf-c-purple-50: 300 100% 50%; - --sf-c-purple-55: 300 100% 55%; - --sf-c-purple-60: 300 100% 60%; - --sf-c-purple-65: 300 100% 65%; - --sf-c-purple-70: 300 100% 70%; - --sf-c-purple-75: 300 100% 75%; - --sf-c-purple-80: 300 100% 80%; - --sf-c-purple-85: 300 100% 85%; - --sf-c-purple-90: 300 100% 90%; - --sf-c-purple-95: 300 100% 95%; - --sf-c-purple-100: 300 100% 100%; -} - -.sf-c-purple, .sf-c-purple\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -.sf-c-purple\:0, .sf-c-purple\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -.sf-c-purple\:5, .sf-c-purple\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -.sf-c-purple\:10, .sf-c-purple\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -.sf-c-purple\:15, .sf-c-purple\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -.sf-c-purple\:20, .sf-c-purple\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -.sf-c-purple\:25, .sf-c-purple\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -.sf-c-purple\:30, .sf-c-purple\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -.sf-c-purple\:35, .sf-c-purple\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -.sf-c-purple\:40, .sf-c-purple\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -.sf-c-purple\:45, .sf-c-purple\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -.sf-c-purple\:50, .sf-c-purple\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -.sf-c-purple\:55, .sf-c-purple\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -.sf-c-purple\:60, .sf-c-purple\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -.sf-c-purple\:65, .sf-c-purple\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -.sf-c-purple\:70, .sf-c-purple\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -.sf-c-purple\:75, .sf-c-purple\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -.sf-c-purple\:80, .sf-c-purple\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -.sf-c-purple\:85, .sf-c-purple\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -.sf-c-purple\:90, .sf-c-purple\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -.sf-c-purple\:95, .sf-c-purple\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -.sf-c-purple\:100, .sf-c-purple\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -.sf-c-txt-purple { color: hsl(300, 100%, 25%) } -.sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-purple\:0, .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } -.sf-c-txt-purple\:5, .sf-c-txt-purple\:5\:st { color: hsl(300, 100%, 5%) } -.sf-c-txt-purple\:10, .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } -.sf-c-txt-purple\:15, .sf-c-txt-purple\:15\:st { color: hsl(300, 100%, 15%) } -.sf-c-txt-purple\:20, .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } -.sf-c-txt-purple\:25, .sf-c-txt-purple\:25\:st { color: hsl(300, 100%, 25%) } -.sf-c-txt-purple\:30, .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } -.sf-c-txt-purple\:35, .sf-c-txt-purple\:35\:st { color: hsl(300, 100%, 35%) } -.sf-c-txt-purple\:40, .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } -.sf-c-txt-purple\:45, .sf-c-txt-purple\:45\:st { color: hsl(300, 100%, 45%) } -.sf-c-txt-purple\:50, .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } -.sf-c-txt-purple\:55, .sf-c-txt-purple\:55\:st { color: hsl(300, 100%, 55%) } -.sf-c-txt-purple\:60, .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } -.sf-c-txt-purple\:65, .sf-c-txt-purple\:65\:st { color: hsl(300, 100%, 65%) } -.sf-c-txt-purple\:70, .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } -.sf-c-txt-purple\:75, .sf-c-txt-purple\:75\:st { color: hsl(300, 100%, 75%) } -.sf-c-txt-purple\:80, .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } -.sf-c-txt-purple\:85, .sf-c-txt-purple\:85\:st { color: hsl(300, 100%, 85%) } -.sf-c-txt-purple\:90, .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } -.sf-c-txt-purple\:95, .sf-c-txt-purple\:95\:st { color: hsl(300, 100%, 95%) } -.sf-c-txt-purple\:100, .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-purple, html.dark .sf-c-purple { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-purple\:0, html.dark .sf-c-purple\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-purple\:5, html.dark .sf-c-purple\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-purple\:10, html.dark .sf-c-purple\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-purple\:15, html.dark .sf-c-purple\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-purple\:20, html.dark .sf-c-purple\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-purple\:25, html.dark .sf-c-purple\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-purple\:30, html.dark .sf-c-purple\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-purple\:35, html.dark .sf-c-purple\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-purple\:40, html.dark .sf-c-purple\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-purple\:45, html.dark .sf-c-purple\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-purple\:50, html.dark .sf-c-purple\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-purple\:55, html.dark .sf-c-purple\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-purple\:60, html.dark .sf-c-purple\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-purple\:65, html.dark .sf-c-purple\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-purple\:70, html.dark .sf-c-purple\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-purple\:75, html.dark .sf-c-purple\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-purple\:80, html.dark .sf-c-purple\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-purple\:85, html.dark .sf-c-purple\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-purple\:90, html.dark .sf-c-purple\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-purple\:95, html.dark .sf-c-purple\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-purple\:100, html.dark .sf-c-purple\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-purple\:st, html.dark .sf-c-purple\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-purple\:0\:st, html.dark .sf-c-purple\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-purple\:5\:st, html.dark .sf-c-purple\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-purple\:10\:st, html.dark .sf-c-purple\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-purple\:15\:st, html.dark .sf-c-purple\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-purple\:20\:st, html.dark .sf-c-purple\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-purple\:25\:st, html.dark .sf-c-purple\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-purple\:30\:st, html.dark .sf-c-purple\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-purple\:35\:st, html.dark .sf-c-purple\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-purple\:40\:st, html.dark .sf-c-purple\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-purple\:45\:st, html.dark .sf-c-purple\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-purple\:50\:st, html.dark .sf-c-purple\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-purple\:55\:st, html.dark .sf-c-purple\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-purple\:60\:st, html.dark .sf-c-purple\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-purple\:65\:st, html.dark .sf-c-purple\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-purple\:70\:st, html.dark .sf-c-purple\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-purple\:75\:st, html.dark .sf-c-purple\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-purple\:80\:st, html.dark .sf-c-purple\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-purple\:85\:st, html.dark .sf-c-purple\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-purple\:90\:st, html.dark .sf-c-purple\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-purple\:95\:st, html.dark .sf-c-purple\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-purple\:100\:st, html.dark .sf-c-purple\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-purple\:5, html.dark .sf-c-txt-purple\:5 { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-purple\:15, html.dark .sf-c-txt-purple\:15 { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-purple\:25, html.dark .sf-c-txt-purple\:25 { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-purple\:35, html.dark .sf-c-txt-purple\:35 { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-purple\:45, html.dark .sf-c-txt-purple\:45 { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-purple\:55, html.dark .sf-c-txt-purple\:55 { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-purple\:65, html.dark .sf-c-txt-purple\:65 { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-purple\:75, html.dark .sf-c-txt-purple\:75 { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-purple\:85, html.dark .sf-c-txt-purple\:85 { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-purple\:95, html.dark .sf-c-txt-purple\:95 { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-purple\:st, html.dark .sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-purple\:0\:st, html.dark .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-purple\:5\:st, html.dark .sf-c-txt-purple\:5\:st { color: hsl(300, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-purple\:10\:st, html.dark .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-purple\:15\:st, html.dark .sf-c-txt-purple\:15\:st { color: hsl(300, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-purple\:20\:st, html.dark .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-purple\:25\:st, html.dark .sf-c-txt-purple\:25\:st { color: hsl(300, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-purple\:30\:st, html.dark .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-purple\:35\:st, html.dark .sf-c-txt-purple\:35\:st { color: hsl(300, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-purple\:40\:st, html.dark .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-purple\:45\:st, html.dark .sf-c-txt-purple\:45\:st { color: hsl(300, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-purple\:50\:st, html.dark .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-purple\:55\:st, html.dark .sf-c-txt-purple\:55\:st { color: hsl(300, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-purple\:60\:st, html.dark .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-purple\:65\:st, html.dark .sf-c-txt-purple\:65\:st { color: hsl(300, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-purple\:70\:st, html.dark .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-purple\:75\:st, html.dark .sf-c-txt-purple\:75\:st { color: hsl(300, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-purple\:80\:st, html.dark .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-purple\:85\:st, html.dark .sf-c-txt-purple\:85\:st { color: hsl(300, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-purple\:90\:st, html.dark .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-purple\:95\:st, html.dark .sf-c-txt-purple\:95\:st { color: hsl(300, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-purple\:100\:st, html.dark .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-purple, html.auto .sf-c-purple { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-purple\:0, html.auto .sf-c-purple\:0 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-purple\:5, html.auto .sf-c-purple\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-purple\:10, html.auto .sf-c-purple\:10 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-purple\:15, html.auto .sf-c-purple\:15 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-purple\:20, html.auto .sf-c-purple\:20 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-purple\:25, html.auto .sf-c-purple\:25 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-purple\:30, html.auto .sf-c-purple\:30 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-purple\:35, html.auto .sf-c-purple\:35 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-purple\:40, html.auto .sf-c-purple\:40 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-purple\:45, html.auto .sf-c-purple\:45 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-purple\:50, html.auto .sf-c-purple\:50 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-purple\:55, html.auto .sf-c-purple\:55 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-purple\:60, html.auto .sf-c-purple\:60 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-purple\:65, html.auto .sf-c-purple\:65 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-purple\:70, html.auto .sf-c-purple\:70 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-purple\:75, html.auto .sf-c-purple\:75 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-purple\:80, html.auto .sf-c-purple\:80 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-purple\:85, html.auto .sf-c-purple\:85 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-purple\:90, html.auto .sf-c-purple\:90 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-purple\:95, html.auto .sf-c-purple\:95 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-purple\:100, html.auto .sf-c-purple\:100 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-purple\:st, html.auto .sf-c-purple\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-purple\:0\:st, html.auto .sf-c-purple\:0\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-purple\:5\:st, html.auto .sf-c-purple\:5\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-purple\:10\:st, html.auto .sf-c-purple\:10\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-purple\:15\:st, html.auto .sf-c-purple\:15\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-purple\:20\:st, html.auto .sf-c-purple\:20\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-purple\:25\:st, html.auto .sf-c-purple\:25\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-purple\:30\:st, html.auto .sf-c-purple\:30\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-purple\:35\:st, html.auto .sf-c-purple\:35\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-purple\:40\:st, html.auto .sf-c-purple\:40\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-purple\:45\:st, html.auto .sf-c-purple\:45\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-purple\:50\:st, html.auto .sf-c-purple\:50\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-purple\:55\:st, html.auto .sf-c-purple\:55\:st { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-purple\:60\:st, html.auto .sf-c-purple\:60\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-purple\:65\:st, html.auto .sf-c-purple\:65\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-purple\:70\:st, html.auto .sf-c-purple\:70\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-purple\:75\:st, html.auto .sf-c-purple\:75\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-purple\:80\:st, html.auto .sf-c-purple\:80\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-purple\:85\:st, html.auto .sf-c-purple\:85\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-purple\:90\:st, html.auto .sf-c-purple\:90\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-purple\:95\:st, html.auto .sf-c-purple\:95\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-purple\:100\:st, html.auto .sf-c-purple\:100\:st { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-purple\:5, html.auto .sf-c-txt-purple\:5 { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-purple\:15, html.auto .sf-c-txt-purple\:15 { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-purple\:25, html.auto .sf-c-txt-purple\:25 { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-purple\:35, html.auto .sf-c-txt-purple\:35 { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-purple\:45, html.auto .sf-c-txt-purple\:45 { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-purple\:55, html.auto .sf-c-txt-purple\:55 { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-purple\:65, html.auto .sf-c-txt-purple\:65 { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-purple\:75, html.auto .sf-c-txt-purple\:75 { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-purple\:85, html.auto .sf-c-txt-purple\:85 { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-purple\:95, html.auto .sf-c-txt-purple\:95 { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-purple\:st, html.auto .sf-c-txt-purple\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-purple\:0\:st, html.auto .sf-c-txt-purple\:0\:st { color: hsl(300, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-purple\:5\:st, html.auto .sf-c-txt-purple\:5\:st { color: hsl(300, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-purple\:10\:st, html.auto .sf-c-txt-purple\:10\:st { color: hsl(300, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-purple\:15\:st, html.auto .sf-c-txt-purple\:15\:st { color: hsl(300, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-purple\:20\:st, html.auto .sf-c-txt-purple\:20\:st { color: hsl(300, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-purple\:25\:st, html.auto .sf-c-txt-purple\:25\:st { color: hsl(300, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-purple\:30\:st, html.auto .sf-c-txt-purple\:30\:st { color: hsl(300, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-purple\:35\:st, html.auto .sf-c-txt-purple\:35\:st { color: hsl(300, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-purple\:40\:st, html.auto .sf-c-txt-purple\:40\:st { color: hsl(300, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-purple\:45\:st, html.auto .sf-c-txt-purple\:45\:st { color: hsl(300, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-purple\:50\:st, html.auto .sf-c-txt-purple\:50\:st { color: hsl(300, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-purple\:55\:st, html.auto .sf-c-txt-purple\:55\:st { color: hsl(300, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-purple\:60\:st, html.auto .sf-c-txt-purple\:60\:st { color: hsl(300, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-purple\:65\:st, html.auto .sf-c-txt-purple\:65\:st { color: hsl(300, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-purple\:70\:st, html.auto .sf-c-txt-purple\:70\:st { color: hsl(300, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-purple\:75\:st, html.auto .sf-c-txt-purple\:75\:st { color: hsl(300, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-purple\:80\:st, html.auto .sf-c-txt-purple\:80\:st { color: hsl(300, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-purple\:85\:st, html.auto .sf-c-txt-purple\:85\:st { color: hsl(300, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-purple\:90\:st, html.auto .sf-c-txt-purple\:90\:st { color: hsl(300, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-purple\:95\:st, html.auto .sf-c-txt-purple\:95\:st { color: hsl(300, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-purple\:100\:st, html.auto .sf-c-txt-purple\:100\:st { color: hsl(300, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/rebeccapurple.css b/src/colors/20/rebeccapurple.css deleted file mode 100644 index 1ea6095..0000000 --- a/src/colors/20/rebeccapurple.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-rebeccapurple { - --sf-c-rebeccapurple: 270 50% 40%; - --sf-c-rebeccapurple-0: 270 50% 0%; - --sf-c-rebeccapurple-5: 270 50% 5%; - --sf-c-rebeccapurple-10: 270 50% 10%; - --sf-c-rebeccapurple-15: 270 50% 15%; - --sf-c-rebeccapurple-20: 270 50% 20%; - --sf-c-rebeccapurple-25: 270 50% 25%; - --sf-c-rebeccapurple-30: 270 50% 30%; - --sf-c-rebeccapurple-35: 270 50% 35%; - --sf-c-rebeccapurple-40: 270 50% 40%; - --sf-c-rebeccapurple-45: 270 50% 45%; - --sf-c-rebeccapurple-50: 270 50% 50%; - --sf-c-rebeccapurple-55: 270 50% 55%; - --sf-c-rebeccapurple-60: 270 50% 60%; - --sf-c-rebeccapurple-65: 270 50% 65%; - --sf-c-rebeccapurple-70: 270 50% 70%; - --sf-c-rebeccapurple-75: 270 50% 75%; - --sf-c-rebeccapurple-80: 270 50% 80%; - --sf-c-rebeccapurple-85: 270 50% 85%; - --sf-c-rebeccapurple-90: 270 50% 90%; - --sf-c-rebeccapurple-95: 270 50% 95%; - --sf-c-rebeccapurple-100: 270 50% 100%; -} - -.sf-c-rebeccapurple, .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } -.sf-c-rebeccapurple\:0, .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } -.sf-c-rebeccapurple\:5, .sf-c-rebeccapurple\:5\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } -.sf-c-rebeccapurple\:10, .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } -.sf-c-rebeccapurple\:15, .sf-c-rebeccapurple\:15\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 15%) } -.sf-c-rebeccapurple\:20, .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 20%) } -.sf-c-rebeccapurple\:25, .sf-c-rebeccapurple\:25\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 25%) } -.sf-c-rebeccapurple\:30, .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 30%) } -.sf-c-rebeccapurple\:35, .sf-c-rebeccapurple\:35\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 35%) } -.sf-c-rebeccapurple\:40, .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } -.sf-c-rebeccapurple\:45, .sf-c-rebeccapurple\:45\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 45%) } -.sf-c-rebeccapurple\:50, .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 50%) } -.sf-c-rebeccapurple\:55, .sf-c-rebeccapurple\:55\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 55%) } -.sf-c-rebeccapurple\:60, .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } -.sf-c-rebeccapurple\:65, .sf-c-rebeccapurple\:65\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 65%) } -.sf-c-rebeccapurple\:70, .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 70%) } -.sf-c-rebeccapurple\:75, .sf-c-rebeccapurple\:75\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 75%) } -.sf-c-rebeccapurple\:80, .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 80%) } -.sf-c-rebeccapurple\:85, .sf-c-rebeccapurple\:85\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 85%) } -.sf-c-rebeccapurple\:90, .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 90%) } -.sf-c-rebeccapurple\:95, .sf-c-rebeccapurple\:95\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } -.sf-c-rebeccapurple\:100, .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } - -.sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:0, .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } -.sf-c-txt-rebeccapurple\:5, .sf-c-txt-rebeccapurple\:5\:st { color: hsl(270, 50%, 5%) } -.sf-c-txt-rebeccapurple\:10, .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } -.sf-c-txt-rebeccapurple\:15, .sf-c-txt-rebeccapurple\:15\:st { color: hsl(270, 50%, 15%) } -.sf-c-txt-rebeccapurple\:20, .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } -.sf-c-txt-rebeccapurple\:25, .sf-c-txt-rebeccapurple\:25\:st { color: hsl(270, 50%, 25%) } -.sf-c-txt-rebeccapurple\:30, .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } -.sf-c-txt-rebeccapurple\:35, .sf-c-txt-rebeccapurple\:35\:st { color: hsl(270, 50%, 35%) } -.sf-c-txt-rebeccapurple\:40, .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } -.sf-c-txt-rebeccapurple\:45, .sf-c-txt-rebeccapurple\:45\:st { color: hsl(270, 50%, 45%) } -.sf-c-txt-rebeccapurple\:50, .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } -.sf-c-txt-rebeccapurple\:55, .sf-c-txt-rebeccapurple\:55\:st { color: hsl(270, 50%, 55%) } -.sf-c-txt-rebeccapurple\:60, .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } -.sf-c-txt-rebeccapurple\:65, .sf-c-txt-rebeccapurple\:65\:st { color: hsl(270, 50%, 65%) } -.sf-c-txt-rebeccapurple\:70, .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } -.sf-c-txt-rebeccapurple\:75, .sf-c-txt-rebeccapurple\:75\:st { color: hsl(270, 50%, 75%) } -.sf-c-txt-rebeccapurple\:80, .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } -.sf-c-txt-rebeccapurple\:85, .sf-c-txt-rebeccapurple\:85\:st { color: hsl(270, 50%, 85%) } -.sf-c-txt-rebeccapurple\:90, .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } -.sf-c-txt-rebeccapurple\:95, .sf-c-txt-rebeccapurple\:95\:st { color: hsl(270, 50%, 95%) } -.sf-c-txt-rebeccapurple\:100, .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } - -html[data-theme='dark'] .sf-c-rebeccapurple, html.dark .sf-c-rebeccapurple { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:0, html.dark .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:5, html.dark .sf-c-rebeccapurple\:5 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:10, html.dark .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:15, html.dark .sf-c-rebeccapurple\:15 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 85%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:20, html.dark .sf-c-rebeccapurple\:20 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:25, html.dark .sf-c-rebeccapurple\:25 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 75%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:30, html.dark .sf-c-rebeccapurple\:30 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:35, html.dark .sf-c-rebeccapurple\:35 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 65%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:40, html.dark .sf-c-rebeccapurple\:40 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:45, html.dark .sf-c-rebeccapurple\:45 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 55%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:50, html.dark .sf-c-rebeccapurple\:50 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:55, html.dark .sf-c-rebeccapurple\:55 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 45%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:60, html.dark .sf-c-rebeccapurple\:60 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:65, html.dark .sf-c-rebeccapurple\:65 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 35%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:70, html.dark .sf-c-rebeccapurple\:70 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:75, html.dark .sf-c-rebeccapurple\:75 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 25%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:80, html.dark .sf-c-rebeccapurple\:80 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:85, html.dark .sf-c-rebeccapurple\:85 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 15%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:90, html.dark .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:95, html.dark .sf-c-rebeccapurple\:95 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:100, html.dark .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } - -html[data-theme='dark'] .sf-c-rebeccapurple\:st, html.dark .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:0\:st, html.dark .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:5\:st, html.dark .sf-c-rebeccapurple\:5\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:10\:st, html.dark .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:15\:st, html.dark .sf-c-rebeccapurple\:15\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 15%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:20\:st, html.dark .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:25\:st, html.dark .sf-c-rebeccapurple\:25\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 25%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:30\:st, html.dark .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:35\:st, html.dark .sf-c-rebeccapurple\:35\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 35%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:40\:st, html.dark .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:45\:st, html.dark .sf-c-rebeccapurple\:45\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 45%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:50\:st, html.dark .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:55\:st, html.dark .sf-c-rebeccapurple\:55\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 55%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:60\:st, html.dark .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:65\:st, html.dark .sf-c-rebeccapurple\:65\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 65%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:70\:st, html.dark .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:75\:st, html.dark .sf-c-rebeccapurple\:75\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 75%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:80\:st, html.dark .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:85\:st, html.dark .sf-c-rebeccapurple\:85\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 85%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:90\:st, html.dark .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:95\:st, html.dark .sf-c-rebeccapurple\:95\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } -html[data-theme='dark'] .sf-c-rebeccapurple\:100\:st, html.dark .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:5, html.dark .sf-c-txt-rebeccapurple\:5 { color: hsl(270, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:15, html.dark .sf-c-txt-rebeccapurple\:15 { color: hsl(270, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:25, html.dark .sf-c-txt-rebeccapurple\:25 { color: hsl(270, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:35, html.dark .sf-c-txt-rebeccapurple\:35 { color: hsl(270, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:45, html.dark .sf-c-txt-rebeccapurple\:45 { color: hsl(270, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:55, html.dark .sf-c-txt-rebeccapurple\:55 { color: hsl(270, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:65, html.dark .sf-c-txt-rebeccapurple\:65 { color: hsl(270, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:75, html.dark .sf-c-txt-rebeccapurple\:75 { color: hsl(270, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:85, html.dark .sf-c-txt-rebeccapurple\:85 { color: hsl(270, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:95, html.dark .sf-c-txt-rebeccapurple\:95 { color: hsl(270, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:st, html.dark .sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:st, html.dark .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:5\:st, html.dark .sf-c-txt-rebeccapurple\:5\:st { color: hsl(270, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:st, html.dark .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:15\:st, html.dark .sf-c-txt-rebeccapurple\:15\:st { color: hsl(270, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:st, html.dark .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:25\:st, html.dark .sf-c-txt-rebeccapurple\:25\:st { color: hsl(270, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:st, html.dark .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:35\:st, html.dark .sf-c-txt-rebeccapurple\:35\:st { color: hsl(270, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:st, html.dark .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:45\:st, html.dark .sf-c-txt-rebeccapurple\:45\:st { color: hsl(270, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:st, html.dark .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:55\:st, html.dark .sf-c-txt-rebeccapurple\:55\:st { color: hsl(270, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:st, html.dark .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:65\:st, html.dark .sf-c-txt-rebeccapurple\:65\:st { color: hsl(270, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:st, html.dark .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:75\:st, html.dark .sf-c-txt-rebeccapurple\:75\:st { color: hsl(270, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:st, html.dark .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:85\:st, html.dark .sf-c-txt-rebeccapurple\:85\:st { color: hsl(270, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:st, html.dark .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:95\:st, html.dark .sf-c-txt-rebeccapurple\:95\:st { color: hsl(270, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:st, html.dark .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-rebeccapurple, html.auto .sf-c-rebeccapurple { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:0, html.auto .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:5, html.auto .sf-c-rebeccapurple\:5 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:10, html.auto .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:15, html.auto .sf-c-rebeccapurple\:15 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 85%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:20, html.auto .sf-c-rebeccapurple\:20 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:25, html.auto .sf-c-rebeccapurple\:25 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 75%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:30, html.auto .sf-c-rebeccapurple\:30 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:35, html.auto .sf-c-rebeccapurple\:35 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 65%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:40, html.auto .sf-c-rebeccapurple\:40 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:45, html.auto .sf-c-rebeccapurple\:45 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 55%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:50, html.auto .sf-c-rebeccapurple\:50 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:55, html.auto .sf-c-rebeccapurple\:55 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 45%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:60, html.auto .sf-c-rebeccapurple\:60 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:65, html.auto .sf-c-rebeccapurple\:65 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 35%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:70, html.auto .sf-c-rebeccapurple\:70 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:75, html.auto .sf-c-rebeccapurple\:75 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 25%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:80, html.auto .sf-c-rebeccapurple\:80 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:85, html.auto .sf-c-rebeccapurple\:85 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 15%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:90, html.auto .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:95, html.auto .sf-c-rebeccapurple\:95 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:100, html.auto .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } - - html[data-theme='auto'] .sf-c-rebeccapurple\:st, html.auto .sf-c-rebeccapurple\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:0\:st, html.auto .sf-c-rebeccapurple\:0\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:5\:st, html.auto .sf-c-rebeccapurple\:5\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:10\:st, html.auto .sf-c-rebeccapurple\:10\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:15\:st, html.auto .sf-c-rebeccapurple\:15\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 15%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:20\:st, html.auto .sf-c-rebeccapurple\:20\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:25\:st, html.auto .sf-c-rebeccapurple\:25\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 25%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:30\:st, html.auto .sf-c-rebeccapurple\:30\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:35\:st, html.auto .sf-c-rebeccapurple\:35\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 35%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:40\:st, html.auto .sf-c-rebeccapurple\:40\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:45\:st, html.auto .sf-c-rebeccapurple\:45\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 45%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:50\:st, html.auto .sf-c-rebeccapurple\:50\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:55\:st, html.auto .sf-c-rebeccapurple\:55\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 55%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:60\:st, html.auto .sf-c-rebeccapurple\:60\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:65\:st, html.auto .sf-c-rebeccapurple\:65\:st { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 65%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:70\:st, html.auto .sf-c-rebeccapurple\:70\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:75\:st, html.auto .sf-c-rebeccapurple\:75\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 75%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:80\:st, html.auto .sf-c-rebeccapurple\:80\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:85\:st, html.auto .sf-c-rebeccapurple\:85\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 85%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:90\:st, html.auto .sf-c-rebeccapurple\:90\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:95\:st, html.auto .sf-c-rebeccapurple\:95\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } - html[data-theme='auto'] .sf-c-rebeccapurple\:100\:st, html.auto .sf-c-rebeccapurple\:100\:st { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:5, html.auto .sf-c-txt-rebeccapurple\:5 { color: hsl(270, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:15, html.auto .sf-c-txt-rebeccapurple\:15 { color: hsl(270, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:25, html.auto .sf-c-txt-rebeccapurple\:25 { color: hsl(270, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:35, html.auto .sf-c-txt-rebeccapurple\:35 { color: hsl(270, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:45, html.auto .sf-c-txt-rebeccapurple\:45 { color: hsl(270, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:55, html.auto .sf-c-txt-rebeccapurple\:55 { color: hsl(270, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:65, html.auto .sf-c-txt-rebeccapurple\:65 { color: hsl(270, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:75, html.auto .sf-c-txt-rebeccapurple\:75 { color: hsl(270, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:85, html.auto .sf-c-txt-rebeccapurple\:85 { color: hsl(270, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:95, html.auto .sf-c-txt-rebeccapurple\:95 { color: hsl(270, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:st, html.auto .sf-c-txt-rebeccapurple\:st { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:st, html.auto .sf-c-txt-rebeccapurple\:0\:st { color: hsl(270, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:5\:st, html.auto .sf-c-txt-rebeccapurple\:5\:st { color: hsl(270, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:st, html.auto .sf-c-txt-rebeccapurple\:10\:st { color: hsl(270, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:15\:st, html.auto .sf-c-txt-rebeccapurple\:15\:st { color: hsl(270, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:st, html.auto .sf-c-txt-rebeccapurple\:20\:st { color: hsl(270, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:25\:st, html.auto .sf-c-txt-rebeccapurple\:25\:st { color: hsl(270, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:st, html.auto .sf-c-txt-rebeccapurple\:30\:st { color: hsl(270, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:35\:st, html.auto .sf-c-txt-rebeccapurple\:35\:st { color: hsl(270, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:st, html.auto .sf-c-txt-rebeccapurple\:40\:st { color: hsl(270, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:45\:st, html.auto .sf-c-txt-rebeccapurple\:45\:st { color: hsl(270, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:st, html.auto .sf-c-txt-rebeccapurple\:50\:st { color: hsl(270, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:55\:st, html.auto .sf-c-txt-rebeccapurple\:55\:st { color: hsl(270, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:st, html.auto .sf-c-txt-rebeccapurple\:60\:st { color: hsl(270, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:65\:st, html.auto .sf-c-txt-rebeccapurple\:65\:st { color: hsl(270, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:st, html.auto .sf-c-txt-rebeccapurple\:70\:st { color: hsl(270, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:75\:st, html.auto .sf-c-txt-rebeccapurple\:75\:st { color: hsl(270, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:st, html.auto .sf-c-txt-rebeccapurple\:80\:st { color: hsl(270, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:85\:st, html.auto .sf-c-txt-rebeccapurple\:85\:st { color: hsl(270, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:st, html.auto .sf-c-txt-rebeccapurple\:90\:st { color: hsl(270, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:95\:st, html.auto .sf-c-txt-rebeccapurple\:95\:st { color: hsl(270, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:st, html.auto .sf-c-txt-rebeccapurple\:100\:st { color: hsl(270, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/red.css b/src/colors/20/red.css deleted file mode 100644 index 0456a53..0000000 --- a/src/colors/20/red.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-red { - --sf-c-red: 0 100% 50%; - --sf-c-red-0: 0 100% 0%; - --sf-c-red-5: 0 100% 5%; - --sf-c-red-10: 0 100% 10%; - --sf-c-red-15: 0 100% 15%; - --sf-c-red-20: 0 100% 20%; - --sf-c-red-25: 0 100% 25%; - --sf-c-red-30: 0 100% 30%; - --sf-c-red-35: 0 100% 35%; - --sf-c-red-40: 0 100% 40%; - --sf-c-red-45: 0 100% 45%; - --sf-c-red-50: 0 100% 50%; - --sf-c-red-55: 0 100% 55%; - --sf-c-red-60: 0 100% 60%; - --sf-c-red-65: 0 100% 65%; - --sf-c-red-70: 0 100% 70%; - --sf-c-red-75: 0 100% 75%; - --sf-c-red-80: 0 100% 80%; - --sf-c-red-85: 0 100% 85%; - --sf-c-red-90: 0 100% 90%; - --sf-c-red-95: 0 100% 95%; - --sf-c-red-100: 0 100% 100%; -} - -.sf-c-red, .sf-c-red\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -.sf-c-red\:0, .sf-c-red\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -.sf-c-red\:5, .sf-c-red\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -.sf-c-red\:10, .sf-c-red\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -.sf-c-red\:15, .sf-c-red\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -.sf-c-red\:20, .sf-c-red\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -.sf-c-red\:25, .sf-c-red\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -.sf-c-red\:30, .sf-c-red\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -.sf-c-red\:35, .sf-c-red\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -.sf-c-red\:40, .sf-c-red\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -.sf-c-red\:45, .sf-c-red\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -.sf-c-red\:50, .sf-c-red\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -.sf-c-red\:55, .sf-c-red\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -.sf-c-red\:60, .sf-c-red\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -.sf-c-red\:65, .sf-c-red\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -.sf-c-red\:70, .sf-c-red\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -.sf-c-red\:75, .sf-c-red\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -.sf-c-red\:80, .sf-c-red\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -.sf-c-red\:85, .sf-c-red\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -.sf-c-red\:90, .sf-c-red\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -.sf-c-red\:95, .sf-c-red\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -.sf-c-red\:100, .sf-c-red\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-red { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:0, .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-red\:5, .sf-c-txt-red\:5\:st { color: hsl(0, 100%, 5%) } -.sf-c-txt-red\:10, .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-red\:15, .sf-c-txt-red\:15\:st { color: hsl(0, 100%, 15%) } -.sf-c-txt-red\:20, .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-red\:25, .sf-c-txt-red\:25\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-red\:30, .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-red\:35, .sf-c-txt-red\:35\:st { color: hsl(0, 100%, 35%) } -.sf-c-txt-red\:40, .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-red\:45, .sf-c-txt-red\:45\:st { color: hsl(0, 100%, 45%) } -.sf-c-txt-red\:50, .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-red\:55, .sf-c-txt-red\:55\:st { color: hsl(0, 100%, 55%) } -.sf-c-txt-red\:60, .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-red\:65, .sf-c-txt-red\:65\:st { color: hsl(0, 100%, 65%) } -.sf-c-txt-red\:70, .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-red\:75, .sf-c-txt-red\:75\:st { color: hsl(0, 100%, 75%) } -.sf-c-txt-red\:80, .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-red\:85, .sf-c-txt-red\:85\:st { color: hsl(0, 100%, 85%) } -.sf-c-txt-red\:90, .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-red\:95, .sf-c-txt-red\:95\:st { color: hsl(0, 100%, 95%) } -.sf-c-txt-red\:100, .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-red, html.dark .sf-c-red { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:0, html.dark .sf-c-red\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-red\:5, html.dark .sf-c-red\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-red\:10, html.dark .sf-c-red\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-red\:15, html.dark .sf-c-red\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-red\:20, html.dark .sf-c-red\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-red\:25, html.dark .sf-c-red\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-red\:30, html.dark .sf-c-red\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-red\:35, html.dark .sf-c-red\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-red\:40, html.dark .sf-c-red\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-red\:45, html.dark .sf-c-red\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-red\:50, html.dark .sf-c-red\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:55, html.dark .sf-c-red\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-red\:60, html.dark .sf-c-red\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-red\:65, html.dark .sf-c-red\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-red\:70, html.dark .sf-c-red\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-red\:75, html.dark .sf-c-red\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-red\:80, html.dark .sf-c-red\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-red\:85, html.dark .sf-c-red\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-red\:90, html.dark .sf-c-red\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-red\:95, html.dark .sf-c-red\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-red\:100, html.dark .sf-c-red\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-red\:st, html.dark .sf-c-red\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:0\:st, html.dark .sf-c-red\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-red\:5\:st, html.dark .sf-c-red\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-red\:10\:st, html.dark .sf-c-red\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-red\:15\:st, html.dark .sf-c-red\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-red\:20\:st, html.dark .sf-c-red\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-red\:25\:st, html.dark .sf-c-red\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-red\:30\:st, html.dark .sf-c-red\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-red\:35\:st, html.dark .sf-c-red\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-red\:40\:st, html.dark .sf-c-red\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-red\:45\:st, html.dark .sf-c-red\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-red\:50\:st, html.dark .sf-c-red\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-red\:55\:st, html.dark .sf-c-red\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-red\:60\:st, html.dark .sf-c-red\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-red\:65\:st, html.dark .sf-c-red\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-red\:70\:st, html.dark .sf-c-red\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-red\:75\:st, html.dark .sf-c-red\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-red\:80\:st, html.dark .sf-c-red\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-red\:85\:st, html.dark .sf-c-red\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-red\:90\:st, html.dark .sf-c-red\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-red\:95\:st, html.dark .sf-c-red\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-red\:100\:st, html.dark .sf-c-red\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-red\:5, html.dark .sf-c-txt-red\:5 { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-red\:15, html.dark .sf-c-txt-red\:15 { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-red\:25, html.dark .sf-c-txt-red\:25 { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-red\:35, html.dark .sf-c-txt-red\:35 { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-red\:45, html.dark .sf-c-txt-red\:45 { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:55, html.dark .sf-c-txt-red\:55 { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-red\:65, html.dark .sf-c-txt-red\:65 { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-red\:75, html.dark .sf-c-txt-red\:75 { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-red\:85, html.dark .sf-c-txt-red\:85 { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-red\:95, html.dark .sf-c-txt-red\:95 { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-red\:st, html.dark .sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:0\:st, html.dark .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-red\:5\:st, html.dark .sf-c-txt-red\:5\:st { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-red\:10\:st, html.dark .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-red\:15\:st, html.dark .sf-c-txt-red\:15\:st { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-red\:20\:st, html.dark .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-red\:25\:st, html.dark .sf-c-txt-red\:25\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-red\:30\:st, html.dark .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-red\:35\:st, html.dark .sf-c-txt-red\:35\:st { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-red\:40\:st, html.dark .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-red\:45\:st, html.dark .sf-c-txt-red\:45\:st { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-red\:50\:st, html.dark .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-red\:55\:st, html.dark .sf-c-txt-red\:55\:st { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-red\:60\:st, html.dark .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-red\:65\:st, html.dark .sf-c-txt-red\:65\:st { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-red\:70\:st, html.dark .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-red\:75\:st, html.dark .sf-c-txt-red\:75\:st { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-red\:80\:st, html.dark .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-red\:85\:st, html.dark .sf-c-txt-red\:85\:st { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-red\:90\:st, html.dark .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-red\:95\:st, html.dark .sf-c-txt-red\:95\:st { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-red\:100\:st, html.dark .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-red, html.auto .sf-c-red { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:0, html.auto .sf-c-red\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-red\:5, html.auto .sf-c-red\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-red\:10, html.auto .sf-c-red\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-red\:15, html.auto .sf-c-red\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-red\:20, html.auto .sf-c-red\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-red\:25, html.auto .sf-c-red\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-red\:30, html.auto .sf-c-red\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-red\:35, html.auto .sf-c-red\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-red\:40, html.auto .sf-c-red\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-red\:45, html.auto .sf-c-red\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-red\:50, html.auto .sf-c-red\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:55, html.auto .sf-c-red\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-red\:60, html.auto .sf-c-red\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-red\:65, html.auto .sf-c-red\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-red\:70, html.auto .sf-c-red\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-red\:75, html.auto .sf-c-red\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-red\:80, html.auto .sf-c-red\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-red\:85, html.auto .sf-c-red\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-red\:90, html.auto .sf-c-red\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-red\:95, html.auto .sf-c-red\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-red\:100, html.auto .sf-c-red\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-red\:st, html.auto .sf-c-red\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:0\:st, html.auto .sf-c-red\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-red\:5\:st, html.auto .sf-c-red\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-red\:10\:st, html.auto .sf-c-red\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-red\:15\:st, html.auto .sf-c-red\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-red\:20\:st, html.auto .sf-c-red\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-red\:25\:st, html.auto .sf-c-red\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-red\:30\:st, html.auto .sf-c-red\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-red\:35\:st, html.auto .sf-c-red\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-red\:40\:st, html.auto .sf-c-red\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-red\:45\:st, html.auto .sf-c-red\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-red\:50\:st, html.auto .sf-c-red\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-red\:55\:st, html.auto .sf-c-red\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-red\:60\:st, html.auto .sf-c-red\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-red\:65\:st, html.auto .sf-c-red\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-red\:70\:st, html.auto .sf-c-red\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-red\:75\:st, html.auto .sf-c-red\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-red\:80\:st, html.auto .sf-c-red\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-red\:85\:st, html.auto .sf-c-red\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-red\:90\:st, html.auto .sf-c-red\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-red\:95\:st, html.auto .sf-c-red\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-red\:100\:st, html.auto .sf-c-red\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-red\:5, html.auto .sf-c-txt-red\:5 { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-red\:15, html.auto .sf-c-txt-red\:15 { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-red\:25, html.auto .sf-c-txt-red\:25 { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-red\:35, html.auto .sf-c-txt-red\:35 { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-red\:45, html.auto .sf-c-txt-red\:45 { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:55, html.auto .sf-c-txt-red\:55 { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-red\:65, html.auto .sf-c-txt-red\:65 { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-red\:75, html.auto .sf-c-txt-red\:75 { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-red\:85, html.auto .sf-c-txt-red\:85 { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-red\:95, html.auto .sf-c-txt-red\:95 { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-red\:st, html.auto .sf-c-txt-red\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:0\:st, html.auto .sf-c-txt-red\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-red\:5\:st, html.auto .sf-c-txt-red\:5\:st { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-red\:10\:st, html.auto .sf-c-txt-red\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-red\:15\:st, html.auto .sf-c-txt-red\:15\:st { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-red\:20\:st, html.auto .sf-c-txt-red\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-red\:25\:st, html.auto .sf-c-txt-red\:25\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-red\:30\:st, html.auto .sf-c-txt-red\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-red\:35\:st, html.auto .sf-c-txt-red\:35\:st { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-red\:40\:st, html.auto .sf-c-txt-red\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-red\:45\:st, html.auto .sf-c-txt-red\:45\:st { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-red\:50\:st, html.auto .sf-c-txt-red\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-red\:55\:st, html.auto .sf-c-txt-red\:55\:st { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-red\:60\:st, html.auto .sf-c-txt-red\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-red\:65\:st, html.auto .sf-c-txt-red\:65\:st { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-red\:70\:st, html.auto .sf-c-txt-red\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-red\:75\:st, html.auto .sf-c-txt-red\:75\:st { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-red\:80\:st, html.auto .sf-c-txt-red\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-red\:85\:st, html.auto .sf-c-txt-red\:85\:st { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-red\:90\:st, html.auto .sf-c-txt-red\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-red\:95\:st, html.auto .sf-c-txt-red\:95\:st { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-red\:100\:st, html.auto .sf-c-txt-red\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/rosybrown.css b/src/colors/20/rosybrown.css deleted file mode 100644 index dbab44a..0000000 --- a/src/colors/20/rosybrown.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-rosybrown { - --sf-c-rosybrown: 0 25% 65%; - --sf-c-rosybrown-0: 0 25% 0%; - --sf-c-rosybrown-5: 0 25% 5%; - --sf-c-rosybrown-10: 0 25% 10%; - --sf-c-rosybrown-15: 0 25% 15%; - --sf-c-rosybrown-20: 0 25% 20%; - --sf-c-rosybrown-25: 0 25% 25%; - --sf-c-rosybrown-30: 0 25% 30%; - --sf-c-rosybrown-35: 0 25% 35%; - --sf-c-rosybrown-40: 0 25% 40%; - --sf-c-rosybrown-45: 0 25% 45%; - --sf-c-rosybrown-50: 0 25% 50%; - --sf-c-rosybrown-55: 0 25% 55%; - --sf-c-rosybrown-60: 0 25% 60%; - --sf-c-rosybrown-65: 0 25% 65%; - --sf-c-rosybrown-70: 0 25% 70%; - --sf-c-rosybrown-75: 0 25% 75%; - --sf-c-rosybrown-80: 0 25% 80%; - --sf-c-rosybrown-85: 0 25% 85%; - --sf-c-rosybrown-90: 0 25% 90%; - --sf-c-rosybrown-95: 0 25% 95%; - --sf-c-rosybrown-100: 0 25% 100%; -} - -.sf-c-rosybrown, .sf-c-rosybrown\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } -.sf-c-rosybrown\:0, .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } -.sf-c-rosybrown\:5, .sf-c-rosybrown\:5\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } -.sf-c-rosybrown\:10, .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } -.sf-c-rosybrown\:15, .sf-c-rosybrown\:15\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 15%) } -.sf-c-rosybrown\:20, .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 20%) } -.sf-c-rosybrown\:25, .sf-c-rosybrown\:25\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 25%) } -.sf-c-rosybrown\:30, .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 30%) } -.sf-c-rosybrown\:35, .sf-c-rosybrown\:35\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } -.sf-c-rosybrown\:40, .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 40%) } -.sf-c-rosybrown\:45, .sf-c-rosybrown\:45\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 45%) } -.sf-c-rosybrown\:50, .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 50%) } -.sf-c-rosybrown\:55, .sf-c-rosybrown\:55\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 55%) } -.sf-c-rosybrown\:60, .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 60%) } -.sf-c-rosybrown\:65, .sf-c-rosybrown\:65\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } -.sf-c-rosybrown\:70, .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 70%) } -.sf-c-rosybrown\:75, .sf-c-rosybrown\:75\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 75%) } -.sf-c-rosybrown\:80, .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 80%) } -.sf-c-rosybrown\:85, .sf-c-rosybrown\:85\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 85%) } -.sf-c-rosybrown\:90, .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 90%) } -.sf-c-rosybrown\:95, .sf-c-rosybrown\:95\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } -.sf-c-rosybrown\:100, .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } - -.sf-c-txt-rosybrown { color: hsl(0, 25%, 10%) } -.sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } -.sf-c-txt-rosybrown\:0, .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } -.sf-c-txt-rosybrown\:5, .sf-c-txt-rosybrown\:5\:st { color: hsl(0, 25%, 5%) } -.sf-c-txt-rosybrown\:10, .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } -.sf-c-txt-rosybrown\:15, .sf-c-txt-rosybrown\:15\:st { color: hsl(0, 25%, 15%) } -.sf-c-txt-rosybrown\:20, .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } -.sf-c-txt-rosybrown\:25, .sf-c-txt-rosybrown\:25\:st { color: hsl(0, 25%, 25%) } -.sf-c-txt-rosybrown\:30, .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } -.sf-c-txt-rosybrown\:35, .sf-c-txt-rosybrown\:35\:st { color: hsl(0, 25%, 35%) } -.sf-c-txt-rosybrown\:40, .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } -.sf-c-txt-rosybrown\:45, .sf-c-txt-rosybrown\:45\:st { color: hsl(0, 25%, 45%) } -.sf-c-txt-rosybrown\:50, .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } -.sf-c-txt-rosybrown\:55, .sf-c-txt-rosybrown\:55\:st { color: hsl(0, 25%, 55%) } -.sf-c-txt-rosybrown\:60, .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } -.sf-c-txt-rosybrown\:65, .sf-c-txt-rosybrown\:65\:st { color: hsl(0, 25%, 65%) } -.sf-c-txt-rosybrown\:70, .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } -.sf-c-txt-rosybrown\:75, .sf-c-txt-rosybrown\:75\:st { color: hsl(0, 25%, 75%) } -.sf-c-txt-rosybrown\:80, .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } -.sf-c-txt-rosybrown\:85, .sf-c-txt-rosybrown\:85\:st { color: hsl(0, 25%, 85%) } -.sf-c-txt-rosybrown\:90, .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } -.sf-c-txt-rosybrown\:95, .sf-c-txt-rosybrown\:95\:st { color: hsl(0, 25%, 95%) } -.sf-c-txt-rosybrown\:100, .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } - -html[data-theme='dark'] .sf-c-rosybrown, html.dark .sf-c-rosybrown { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-rosybrown\:0, html.dark .sf-c-rosybrown\:0 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } -html[data-theme='dark'] .sf-c-rosybrown\:5, html.dark .sf-c-rosybrown\:5 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } -html[data-theme='dark'] .sf-c-rosybrown\:10, html.dark .sf-c-rosybrown\:10 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-rosybrown\:15, html.dark .sf-c-rosybrown\:15 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 85%) } -html[data-theme='dark'] .sf-c-rosybrown\:20, html.dark .sf-c-rosybrown\:20 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-rosybrown\:25, html.dark .sf-c-rosybrown\:25 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 75%) } -html[data-theme='dark'] .sf-c-rosybrown\:30, html.dark .sf-c-rosybrown\:30 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-rosybrown\:35, html.dark .sf-c-rosybrown\:35 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-rosybrown\:40, html.dark .sf-c-rosybrown\:40 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-rosybrown\:45, html.dark .sf-c-rosybrown\:45 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 55%) } -html[data-theme='dark'] .sf-c-rosybrown\:50, html.dark .sf-c-rosybrown\:50 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-rosybrown\:55, html.dark .sf-c-rosybrown\:55 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 45%) } -html[data-theme='dark'] .sf-c-rosybrown\:60, html.dark .sf-c-rosybrown\:60 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-rosybrown\:65, html.dark .sf-c-rosybrown\:65 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-rosybrown\:70, html.dark .sf-c-rosybrown\:70 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-rosybrown\:75, html.dark .sf-c-rosybrown\:75 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 25%) } -html[data-theme='dark'] .sf-c-rosybrown\:80, html.dark .sf-c-rosybrown\:80 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-rosybrown\:85, html.dark .sf-c-rosybrown\:85 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 15%) } -html[data-theme='dark'] .sf-c-rosybrown\:90, html.dark .sf-c-rosybrown\:90 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-rosybrown\:95, html.dark .sf-c-rosybrown\:95 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } -html[data-theme='dark'] .sf-c-rosybrown\:100, html.dark .sf-c-rosybrown\:100 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } - -html[data-theme='dark'] .sf-c-rosybrown\:st, html.dark .sf-c-rosybrown\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-rosybrown\:0\:st, html.dark .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } -html[data-theme='dark'] .sf-c-rosybrown\:5\:st, html.dark .sf-c-rosybrown\:5\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } -html[data-theme='dark'] .sf-c-rosybrown\:10\:st, html.dark .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-rosybrown\:15\:st, html.dark .sf-c-rosybrown\:15\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 15%) } -html[data-theme='dark'] .sf-c-rosybrown\:20\:st, html.dark .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-rosybrown\:25\:st, html.dark .sf-c-rosybrown\:25\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 25%) } -html[data-theme='dark'] .sf-c-rosybrown\:30\:st, html.dark .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-rosybrown\:35\:st, html.dark .sf-c-rosybrown\:35\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-rosybrown\:40\:st, html.dark .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-rosybrown\:45\:st, html.dark .sf-c-rosybrown\:45\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 45%) } -html[data-theme='dark'] .sf-c-rosybrown\:50\:st, html.dark .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-rosybrown\:55\:st, html.dark .sf-c-rosybrown\:55\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 55%) } -html[data-theme='dark'] .sf-c-rosybrown\:60\:st, html.dark .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-rosybrown\:65\:st, html.dark .sf-c-rosybrown\:65\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-rosybrown\:70\:st, html.dark .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-rosybrown\:75\:st, html.dark .sf-c-rosybrown\:75\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 75%) } -html[data-theme='dark'] .sf-c-rosybrown\:80\:st, html.dark .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-rosybrown\:85\:st, html.dark .sf-c-rosybrown\:85\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 85%) } -html[data-theme='dark'] .sf-c-rosybrown\:90\:st, html.dark .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-rosybrown\:95\:st, html.dark .sf-c-rosybrown\:95\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } -html[data-theme='dark'] .sf-c-rosybrown\:100\:st, html.dark .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } - -html[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:5, html.dark .sf-c-txt-rosybrown\:5 { color: hsl(0, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:15, html.dark .sf-c-txt-rosybrown\:15 { color: hsl(0, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:25, html.dark .sf-c-txt-rosybrown\:25 { color: hsl(0, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:35, html.dark .sf-c-txt-rosybrown\:35 { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:45, html.dark .sf-c-txt-rosybrown\:45 { color: hsl(0, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:55, html.dark .sf-c-txt-rosybrown\:55 { color: hsl(0, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:65, html.dark .sf-c-txt-rosybrown\:65 { color: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:75, html.dark .sf-c-txt-rosybrown\:75 { color: hsl(0, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:85, html.dark .sf-c-txt-rosybrown\:85 { color: hsl(0, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:95, html.dark .sf-c-txt-rosybrown\:95 { color: hsl(0, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } - -html[data-theme='dark'] .sf-c-txt-rosybrown\:st, html.dark .sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:0\:st, html.dark .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:5\:st, html.dark .sf-c-txt-rosybrown\:5\:st { color: hsl(0, 25%, 5%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:10\:st, html.dark .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:15\:st, html.dark .sf-c-txt-rosybrown\:15\:st { color: hsl(0, 25%, 15%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:20\:st, html.dark .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:25\:st, html.dark .sf-c-txt-rosybrown\:25\:st { color: hsl(0, 25%, 25%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:30\:st, html.dark .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:35\:st, html.dark .sf-c-txt-rosybrown\:35\:st { color: hsl(0, 25%, 35%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:40\:st, html.dark .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:45\:st, html.dark .sf-c-txt-rosybrown\:45\:st { color: hsl(0, 25%, 45%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:50\:st, html.dark .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:55\:st, html.dark .sf-c-txt-rosybrown\:55\:st { color: hsl(0, 25%, 55%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:60\:st, html.dark .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:65\:st, html.dark .sf-c-txt-rosybrown\:65\:st { color: hsl(0, 25%, 65%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:70\:st, html.dark .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:75\:st, html.dark .sf-c-txt-rosybrown\:75\:st { color: hsl(0, 25%, 75%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:80\:st, html.dark .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:85\:st, html.dark .sf-c-txt-rosybrown\:85\:st { color: hsl(0, 25%, 85%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:90\:st, html.dark .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:95\:st, html.dark .sf-c-txt-rosybrown\:95\:st { color: hsl(0, 25%, 95%) } -html[data-theme='dark'] .sf-c-txt-rosybrown\:100\:st, html.dark .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-rosybrown, html.auto .sf-c-rosybrown { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-rosybrown\:0, html.auto .sf-c-rosybrown\:0 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } - html[data-theme='auto'] .sf-c-rosybrown\:5, html.auto .sf-c-rosybrown\:5 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } - html[data-theme='auto'] .sf-c-rosybrown\:10, html.auto .sf-c-rosybrown\:10 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-rosybrown\:15, html.auto .sf-c-rosybrown\:15 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 85%) } - html[data-theme='auto'] .sf-c-rosybrown\:20, html.auto .sf-c-rosybrown\:20 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-rosybrown\:25, html.auto .sf-c-rosybrown\:25 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 75%) } - html[data-theme='auto'] .sf-c-rosybrown\:30, html.auto .sf-c-rosybrown\:30 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-rosybrown\:35, html.auto .sf-c-rosybrown\:35 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-rosybrown\:40, html.auto .sf-c-rosybrown\:40 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-rosybrown\:45, html.auto .sf-c-rosybrown\:45 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 55%) } - html[data-theme='auto'] .sf-c-rosybrown\:50, html.auto .sf-c-rosybrown\:50 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-rosybrown\:55, html.auto .sf-c-rosybrown\:55 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 45%) } - html[data-theme='auto'] .sf-c-rosybrown\:60, html.auto .sf-c-rosybrown\:60 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-rosybrown\:65, html.auto .sf-c-rosybrown\:65 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-rosybrown\:70, html.auto .sf-c-rosybrown\:70 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-rosybrown\:75, html.auto .sf-c-rosybrown\:75 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 25%) } - html[data-theme='auto'] .sf-c-rosybrown\:80, html.auto .sf-c-rosybrown\:80 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-rosybrown\:85, html.auto .sf-c-rosybrown\:85 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 15%) } - html[data-theme='auto'] .sf-c-rosybrown\:90, html.auto .sf-c-rosybrown\:90 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-rosybrown\:95, html.auto .sf-c-rosybrown\:95 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } - html[data-theme='auto'] .sf-c-rosybrown\:100, html.auto .sf-c-rosybrown\:100 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } - - html[data-theme='auto'] .sf-c-rosybrown\:st, html.auto .sf-c-rosybrown\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-rosybrown\:0\:st, html.auto .sf-c-rosybrown\:0\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } - html[data-theme='auto'] .sf-c-rosybrown\:5\:st, html.auto .sf-c-rosybrown\:5\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } - html[data-theme='auto'] .sf-c-rosybrown\:10\:st, html.auto .sf-c-rosybrown\:10\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-rosybrown\:15\:st, html.auto .sf-c-rosybrown\:15\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 15%) } - html[data-theme='auto'] .sf-c-rosybrown\:20\:st, html.auto .sf-c-rosybrown\:20\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-rosybrown\:25\:st, html.auto .sf-c-rosybrown\:25\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 25%) } - html[data-theme='auto'] .sf-c-rosybrown\:30\:st, html.auto .sf-c-rosybrown\:30\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-rosybrown\:35\:st, html.auto .sf-c-rosybrown\:35\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-rosybrown\:40\:st, html.auto .sf-c-rosybrown\:40\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-rosybrown\:45\:st, html.auto .sf-c-rosybrown\:45\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 45%) } - html[data-theme='auto'] .sf-c-rosybrown\:50\:st, html.auto .sf-c-rosybrown\:50\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-rosybrown\:55\:st, html.auto .sf-c-rosybrown\:55\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 55%) } - html[data-theme='auto'] .sf-c-rosybrown\:60\:st, html.auto .sf-c-rosybrown\:60\:st { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-rosybrown\:65\:st, html.auto .sf-c-rosybrown\:65\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-rosybrown\:70\:st, html.auto .sf-c-rosybrown\:70\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-rosybrown\:75\:st, html.auto .sf-c-rosybrown\:75\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 75%) } - html[data-theme='auto'] .sf-c-rosybrown\:80\:st, html.auto .sf-c-rosybrown\:80\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-rosybrown\:85\:st, html.auto .sf-c-rosybrown\:85\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 85%) } - html[data-theme='auto'] .sf-c-rosybrown\:90\:st, html.auto .sf-c-rosybrown\:90\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-rosybrown\:95\:st, html.auto .sf-c-rosybrown\:95\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } - html[data-theme='auto'] .sf-c-rosybrown\:100\:st, html.auto .sf-c-rosybrown\:100\:st { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } - - html[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:5, html.auto .sf-c-txt-rosybrown\:5 { color: hsl(0, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:15, html.auto .sf-c-txt-rosybrown\:15 { color: hsl(0, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:25, html.auto .sf-c-txt-rosybrown\:25 { color: hsl(0, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:35, html.auto .sf-c-txt-rosybrown\:35 { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:45, html.auto .sf-c-txt-rosybrown\:45 { color: hsl(0, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:55, html.auto .sf-c-txt-rosybrown\:55 { color: hsl(0, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:65, html.auto .sf-c-txt-rosybrown\:65 { color: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:75, html.auto .sf-c-txt-rosybrown\:75 { color: hsl(0, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:85, html.auto .sf-c-txt-rosybrown\:85 { color: hsl(0, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:95, html.auto .sf-c-txt-rosybrown\:95 { color: hsl(0, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } - - html[data-theme='auto'] .sf-c-txt-rosybrown\:st, html.auto .sf-c-txt-rosybrown\:st { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:0\:st, html.auto .sf-c-txt-rosybrown\:0\:st { color: hsl(0, 25%, 0%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:5\:st, html.auto .sf-c-txt-rosybrown\:5\:st { color: hsl(0, 25%, 5%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:10\:st, html.auto .sf-c-txt-rosybrown\:10\:st { color: hsl(0, 25%, 10%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:15\:st, html.auto .sf-c-txt-rosybrown\:15\:st { color: hsl(0, 25%, 15%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:20\:st, html.auto .sf-c-txt-rosybrown\:20\:st { color: hsl(0, 25%, 20%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:25\:st, html.auto .sf-c-txt-rosybrown\:25\:st { color: hsl(0, 25%, 25%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:30\:st, html.auto .sf-c-txt-rosybrown\:30\:st { color: hsl(0, 25%, 30%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:35\:st, html.auto .sf-c-txt-rosybrown\:35\:st { color: hsl(0, 25%, 35%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:40\:st, html.auto .sf-c-txt-rosybrown\:40\:st { color: hsl(0, 25%, 40%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:45\:st, html.auto .sf-c-txt-rosybrown\:45\:st { color: hsl(0, 25%, 45%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:50\:st, html.auto .sf-c-txt-rosybrown\:50\:st { color: hsl(0, 25%, 50%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:55\:st, html.auto .sf-c-txt-rosybrown\:55\:st { color: hsl(0, 25%, 55%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:60\:st, html.auto .sf-c-txt-rosybrown\:60\:st { color: hsl(0, 25%, 60%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:65\:st, html.auto .sf-c-txt-rosybrown\:65\:st { color: hsl(0, 25%, 65%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:70\:st, html.auto .sf-c-txt-rosybrown\:70\:st { color: hsl(0, 25%, 70%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:75\:st, html.auto .sf-c-txt-rosybrown\:75\:st { color: hsl(0, 25%, 75%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:80\:st, html.auto .sf-c-txt-rosybrown\:80\:st { color: hsl(0, 25%, 80%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:85\:st, html.auto .sf-c-txt-rosybrown\:85\:st { color: hsl(0, 25%, 85%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:90\:st, html.auto .sf-c-txt-rosybrown\:90\:st { color: hsl(0, 25%, 90%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:95\:st, html.auto .sf-c-txt-rosybrown\:95\:st { color: hsl(0, 25%, 95%) } - html[data-theme='auto'] .sf-c-txt-rosybrown\:100\:st, html.auto .sf-c-txt-rosybrown\:100\:st { color: hsl(0, 25%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/royalblue.css b/src/colors/20/royalblue.css deleted file mode 100644 index b5d709b..0000000 --- a/src/colors/20/royalblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-royalblue { - --sf-c-royalblue: 225 73% 57%; - --sf-c-royalblue-0: 225 73% 0%; - --sf-c-royalblue-5: 225 73% 5%; - --sf-c-royalblue-10: 225 73% 10%; - --sf-c-royalblue-15: 225 73% 15%; - --sf-c-royalblue-20: 225 73% 20%; - --sf-c-royalblue-25: 225 73% 25%; - --sf-c-royalblue-30: 225 73% 30%; - --sf-c-royalblue-35: 225 73% 35%; - --sf-c-royalblue-40: 225 73% 40%; - --sf-c-royalblue-45: 225 73% 45%; - --sf-c-royalblue-50: 225 73% 50%; - --sf-c-royalblue-55: 225 73% 55%; - --sf-c-royalblue-60: 225 73% 60%; - --sf-c-royalblue-65: 225 73% 65%; - --sf-c-royalblue-70: 225 73% 70%; - --sf-c-royalblue-75: 225 73% 75%; - --sf-c-royalblue-80: 225 73% 80%; - --sf-c-royalblue-85: 225 73% 85%; - --sf-c-royalblue-90: 225 73% 90%; - --sf-c-royalblue-95: 225 73% 95%; - --sf-c-royalblue-100: 225 73% 100%; -} - -.sf-c-royalblue, .sf-c-royalblue\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 57%) } -.sf-c-royalblue\:0, .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } -.sf-c-royalblue\:5, .sf-c-royalblue\:5\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } -.sf-c-royalblue\:10, .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } -.sf-c-royalblue\:15, .sf-c-royalblue\:15\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 15%) } -.sf-c-royalblue\:20, .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 20%) } -.sf-c-royalblue\:25, .sf-c-royalblue\:25\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 25%) } -.sf-c-royalblue\:30, .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 30%) } -.sf-c-royalblue\:35, .sf-c-royalblue\:35\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 35%) } -.sf-c-royalblue\:40, .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 40%) } -.sf-c-royalblue\:45, .sf-c-royalblue\:45\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 45%) } -.sf-c-royalblue\:50, .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 50%) } -.sf-c-royalblue\:55, .sf-c-royalblue\:55\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 55%) } -.sf-c-royalblue\:60, .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 60%) } -.sf-c-royalblue\:65, .sf-c-royalblue\:65\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 65%) } -.sf-c-royalblue\:70, .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 70%) } -.sf-c-royalblue\:75, .sf-c-royalblue\:75\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 75%) } -.sf-c-royalblue\:80, .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 80%) } -.sf-c-royalblue\:85, .sf-c-royalblue\:85\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 85%) } -.sf-c-royalblue\:90, .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 90%) } -.sf-c-royalblue\:95, .sf-c-royalblue\:95\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } -.sf-c-royalblue\:100, .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } - -.sf-c-txt-royalblue { color: hsl(225, 73%, 10%) } -.sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } -.sf-c-txt-royalblue\:0, .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } -.sf-c-txt-royalblue\:5, .sf-c-txt-royalblue\:5\:st { color: hsl(225, 73%, 5%) } -.sf-c-txt-royalblue\:10, .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } -.sf-c-txt-royalblue\:15, .sf-c-txt-royalblue\:15\:st { color: hsl(225, 73%, 15%) } -.sf-c-txt-royalblue\:20, .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } -.sf-c-txt-royalblue\:25, .sf-c-txt-royalblue\:25\:st { color: hsl(225, 73%, 25%) } -.sf-c-txt-royalblue\:30, .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } -.sf-c-txt-royalblue\:35, .sf-c-txt-royalblue\:35\:st { color: hsl(225, 73%, 35%) } -.sf-c-txt-royalblue\:40, .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } -.sf-c-txt-royalblue\:45, .sf-c-txt-royalblue\:45\:st { color: hsl(225, 73%, 45%) } -.sf-c-txt-royalblue\:50, .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } -.sf-c-txt-royalblue\:55, .sf-c-txt-royalblue\:55\:st { color: hsl(225, 73%, 55%) } -.sf-c-txt-royalblue\:60, .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } -.sf-c-txt-royalblue\:65, .sf-c-txt-royalblue\:65\:st { color: hsl(225, 73%, 65%) } -.sf-c-txt-royalblue\:70, .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } -.sf-c-txt-royalblue\:75, .sf-c-txt-royalblue\:75\:st { color: hsl(225, 73%, 75%) } -.sf-c-txt-royalblue\:80, .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } -.sf-c-txt-royalblue\:85, .sf-c-txt-royalblue\:85\:st { color: hsl(225, 73%, 85%) } -.sf-c-txt-royalblue\:90, .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } -.sf-c-txt-royalblue\:95, .sf-c-txt-royalblue\:95\:st { color: hsl(225, 73%, 95%) } -.sf-c-txt-royalblue\:100, .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } - -html[data-theme='dark'] .sf-c-royalblue, html.dark .sf-c-royalblue { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 43%) } -html[data-theme='dark'] .sf-c-royalblue\:0, html.dark .sf-c-royalblue\:0 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } -html[data-theme='dark'] .sf-c-royalblue\:5, html.dark .sf-c-royalblue\:5 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } -html[data-theme='dark'] .sf-c-royalblue\:10, html.dark .sf-c-royalblue\:10 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-royalblue\:15, html.dark .sf-c-royalblue\:15 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 85%) } -html[data-theme='dark'] .sf-c-royalblue\:20, html.dark .sf-c-royalblue\:20 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-royalblue\:25, html.dark .sf-c-royalblue\:25 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 75%) } -html[data-theme='dark'] .sf-c-royalblue\:30, html.dark .sf-c-royalblue\:30 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-royalblue\:35, html.dark .sf-c-royalblue\:35 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 65%) } -html[data-theme='dark'] .sf-c-royalblue\:40, html.dark .sf-c-royalblue\:40 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-royalblue\:45, html.dark .sf-c-royalblue\:45 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 55%) } -html[data-theme='dark'] .sf-c-royalblue\:50, html.dark .sf-c-royalblue\:50 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-royalblue\:55, html.dark .sf-c-royalblue\:55 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 45%) } -html[data-theme='dark'] .sf-c-royalblue\:60, html.dark .sf-c-royalblue\:60 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-royalblue\:65, html.dark .sf-c-royalblue\:65 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 35%) } -html[data-theme='dark'] .sf-c-royalblue\:70, html.dark .sf-c-royalblue\:70 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-royalblue\:75, html.dark .sf-c-royalblue\:75 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 25%) } -html[data-theme='dark'] .sf-c-royalblue\:80, html.dark .sf-c-royalblue\:80 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-royalblue\:85, html.dark .sf-c-royalblue\:85 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 15%) } -html[data-theme='dark'] .sf-c-royalblue\:90, html.dark .sf-c-royalblue\:90 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-royalblue\:95, html.dark .sf-c-royalblue\:95 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } -html[data-theme='dark'] .sf-c-royalblue\:100, html.dark .sf-c-royalblue\:100 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } - -html[data-theme='dark'] .sf-c-royalblue\:st, html.dark .sf-c-royalblue\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-royalblue\:0\:st, html.dark .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } -html[data-theme='dark'] .sf-c-royalblue\:5\:st, html.dark .sf-c-royalblue\:5\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } -html[data-theme='dark'] .sf-c-royalblue\:10\:st, html.dark .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-royalblue\:15\:st, html.dark .sf-c-royalblue\:15\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 15%) } -html[data-theme='dark'] .sf-c-royalblue\:20\:st, html.dark .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-royalblue\:25\:st, html.dark .sf-c-royalblue\:25\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 25%) } -html[data-theme='dark'] .sf-c-royalblue\:30\:st, html.dark .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-royalblue\:35\:st, html.dark .sf-c-royalblue\:35\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 35%) } -html[data-theme='dark'] .sf-c-royalblue\:40\:st, html.dark .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-royalblue\:45\:st, html.dark .sf-c-royalblue\:45\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 45%) } -html[data-theme='dark'] .sf-c-royalblue\:50\:st, html.dark .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-royalblue\:55\:st, html.dark .sf-c-royalblue\:55\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 55%) } -html[data-theme='dark'] .sf-c-royalblue\:60\:st, html.dark .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-royalblue\:65\:st, html.dark .sf-c-royalblue\:65\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 65%) } -html[data-theme='dark'] .sf-c-royalblue\:70\:st, html.dark .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-royalblue\:75\:st, html.dark .sf-c-royalblue\:75\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 75%) } -html[data-theme='dark'] .sf-c-royalblue\:80\:st, html.dark .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-royalblue\:85\:st, html.dark .sf-c-royalblue\:85\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 85%) } -html[data-theme='dark'] .sf-c-royalblue\:90\:st, html.dark .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-royalblue\:95\:st, html.dark .sf-c-royalblue\:95\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } -html[data-theme='dark'] .sf-c-royalblue\:100\:st, html.dark .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } - -html[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:5, html.dark .sf-c-txt-royalblue\:5 { color: hsl(225, 73%, 95%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:15, html.dark .sf-c-txt-royalblue\:15 { color: hsl(225, 73%, 85%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:25, html.dark .sf-c-txt-royalblue\:25 { color: hsl(225, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:35, html.dark .sf-c-txt-royalblue\:35 { color: hsl(225, 73%, 65%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:45, html.dark .sf-c-txt-royalblue\:45 { color: hsl(225, 73%, 55%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:55, html.dark .sf-c-txt-royalblue\:55 { color: hsl(225, 73%, 45%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:65, html.dark .sf-c-txt-royalblue\:65 { color: hsl(225, 73%, 35%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:75, html.dark .sf-c-txt-royalblue\:75 { color: hsl(225, 73%, 25%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:85, html.dark .sf-c-txt-royalblue\:85 { color: hsl(225, 73%, 15%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:95, html.dark .sf-c-txt-royalblue\:95 { color: hsl(225, 73%, 5%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } - -html[data-theme='dark'] .sf-c-txt-royalblue\:st, html.dark .sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:0\:st, html.dark .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:5\:st, html.dark .sf-c-txt-royalblue\:5\:st { color: hsl(225, 73%, 5%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:10\:st, html.dark .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:15\:st, html.dark .sf-c-txt-royalblue\:15\:st { color: hsl(225, 73%, 15%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:20\:st, html.dark .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:25\:st, html.dark .sf-c-txt-royalblue\:25\:st { color: hsl(225, 73%, 25%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:30\:st, html.dark .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:35\:st, html.dark .sf-c-txt-royalblue\:35\:st { color: hsl(225, 73%, 35%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:40\:st, html.dark .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:45\:st, html.dark .sf-c-txt-royalblue\:45\:st { color: hsl(225, 73%, 45%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:50\:st, html.dark .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:55\:st, html.dark .sf-c-txt-royalblue\:55\:st { color: hsl(225, 73%, 55%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:60\:st, html.dark .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:65\:st, html.dark .sf-c-txt-royalblue\:65\:st { color: hsl(225, 73%, 65%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:70\:st, html.dark .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:75\:st, html.dark .sf-c-txt-royalblue\:75\:st { color: hsl(225, 73%, 75%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:80\:st, html.dark .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:85\:st, html.dark .sf-c-txt-royalblue\:85\:st { color: hsl(225, 73%, 85%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:90\:st, html.dark .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:95\:st, html.dark .sf-c-txt-royalblue\:95\:st { color: hsl(225, 73%, 95%) } -html[data-theme='dark'] .sf-c-txt-royalblue\:100\:st, html.dark .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-royalblue, html.auto .sf-c-royalblue { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 43%) } - html[data-theme='auto'] .sf-c-royalblue\:0, html.auto .sf-c-royalblue\:0 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } - html[data-theme='auto'] .sf-c-royalblue\:5, html.auto .sf-c-royalblue\:5 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } - html[data-theme='auto'] .sf-c-royalblue\:10, html.auto .sf-c-royalblue\:10 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-royalblue\:15, html.auto .sf-c-royalblue\:15 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 85%) } - html[data-theme='auto'] .sf-c-royalblue\:20, html.auto .sf-c-royalblue\:20 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-royalblue\:25, html.auto .sf-c-royalblue\:25 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 75%) } - html[data-theme='auto'] .sf-c-royalblue\:30, html.auto .sf-c-royalblue\:30 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-royalblue\:35, html.auto .sf-c-royalblue\:35 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 65%) } - html[data-theme='auto'] .sf-c-royalblue\:40, html.auto .sf-c-royalblue\:40 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-royalblue\:45, html.auto .sf-c-royalblue\:45 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 55%) } - html[data-theme='auto'] .sf-c-royalblue\:50, html.auto .sf-c-royalblue\:50 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-royalblue\:55, html.auto .sf-c-royalblue\:55 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 45%) } - html[data-theme='auto'] .sf-c-royalblue\:60, html.auto .sf-c-royalblue\:60 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-royalblue\:65, html.auto .sf-c-royalblue\:65 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 35%) } - html[data-theme='auto'] .sf-c-royalblue\:70, html.auto .sf-c-royalblue\:70 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-royalblue\:75, html.auto .sf-c-royalblue\:75 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 25%) } - html[data-theme='auto'] .sf-c-royalblue\:80, html.auto .sf-c-royalblue\:80 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-royalblue\:85, html.auto .sf-c-royalblue\:85 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 15%) } - html[data-theme='auto'] .sf-c-royalblue\:90, html.auto .sf-c-royalblue\:90 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-royalblue\:95, html.auto .sf-c-royalblue\:95 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } - html[data-theme='auto'] .sf-c-royalblue\:100, html.auto .sf-c-royalblue\:100 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } - - html[data-theme='auto'] .sf-c-royalblue\:st, html.auto .sf-c-royalblue\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-royalblue\:0\:st, html.auto .sf-c-royalblue\:0\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } - html[data-theme='auto'] .sf-c-royalblue\:5\:st, html.auto .sf-c-royalblue\:5\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } - html[data-theme='auto'] .sf-c-royalblue\:10\:st, html.auto .sf-c-royalblue\:10\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-royalblue\:15\:st, html.auto .sf-c-royalblue\:15\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 15%) } - html[data-theme='auto'] .sf-c-royalblue\:20\:st, html.auto .sf-c-royalblue\:20\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-royalblue\:25\:st, html.auto .sf-c-royalblue\:25\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 25%) } - html[data-theme='auto'] .sf-c-royalblue\:30\:st, html.auto .sf-c-royalblue\:30\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-royalblue\:35\:st, html.auto .sf-c-royalblue\:35\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 35%) } - html[data-theme='auto'] .sf-c-royalblue\:40\:st, html.auto .sf-c-royalblue\:40\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-royalblue\:45\:st, html.auto .sf-c-royalblue\:45\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 45%) } - html[data-theme='auto'] .sf-c-royalblue\:50\:st, html.auto .sf-c-royalblue\:50\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-royalblue\:55\:st, html.auto .sf-c-royalblue\:55\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 55%) } - html[data-theme='auto'] .sf-c-royalblue\:60\:st, html.auto .sf-c-royalblue\:60\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-royalblue\:65\:st, html.auto .sf-c-royalblue\:65\:st { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 65%) } - html[data-theme='auto'] .sf-c-royalblue\:70\:st, html.auto .sf-c-royalblue\:70\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-royalblue\:75\:st, html.auto .sf-c-royalblue\:75\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 75%) } - html[data-theme='auto'] .sf-c-royalblue\:80\:st, html.auto .sf-c-royalblue\:80\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-royalblue\:85\:st, html.auto .sf-c-royalblue\:85\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 85%) } - html[data-theme='auto'] .sf-c-royalblue\:90\:st, html.auto .sf-c-royalblue\:90\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-royalblue\:95\:st, html.auto .sf-c-royalblue\:95\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } - html[data-theme='auto'] .sf-c-royalblue\:100\:st, html.auto .sf-c-royalblue\:100\:st { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } - - html[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:5, html.auto .sf-c-txt-royalblue\:5 { color: hsl(225, 73%, 95%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:15, html.auto .sf-c-txt-royalblue\:15 { color: hsl(225, 73%, 85%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:25, html.auto .sf-c-txt-royalblue\:25 { color: hsl(225, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:35, html.auto .sf-c-txt-royalblue\:35 { color: hsl(225, 73%, 65%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:45, html.auto .sf-c-txt-royalblue\:45 { color: hsl(225, 73%, 55%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:55, html.auto .sf-c-txt-royalblue\:55 { color: hsl(225, 73%, 45%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:65, html.auto .sf-c-txt-royalblue\:65 { color: hsl(225, 73%, 35%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:75, html.auto .sf-c-txt-royalblue\:75 { color: hsl(225, 73%, 25%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:85, html.auto .sf-c-txt-royalblue\:85 { color: hsl(225, 73%, 15%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:95, html.auto .sf-c-txt-royalblue\:95 { color: hsl(225, 73%, 5%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } - - html[data-theme='auto'] .sf-c-txt-royalblue\:st, html.auto .sf-c-txt-royalblue\:st { color: hsl(225, 73%, 57%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:0\:st, html.auto .sf-c-txt-royalblue\:0\:st { color: hsl(225, 73%, 0%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:5\:st, html.auto .sf-c-txt-royalblue\:5\:st { color: hsl(225, 73%, 5%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:10\:st, html.auto .sf-c-txt-royalblue\:10\:st { color: hsl(225, 73%, 10%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:15\:st, html.auto .sf-c-txt-royalblue\:15\:st { color: hsl(225, 73%, 15%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:20\:st, html.auto .sf-c-txt-royalblue\:20\:st { color: hsl(225, 73%, 20%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:25\:st, html.auto .sf-c-txt-royalblue\:25\:st { color: hsl(225, 73%, 25%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:30\:st, html.auto .sf-c-txt-royalblue\:30\:st { color: hsl(225, 73%, 30%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:35\:st, html.auto .sf-c-txt-royalblue\:35\:st { color: hsl(225, 73%, 35%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:40\:st, html.auto .sf-c-txt-royalblue\:40\:st { color: hsl(225, 73%, 40%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:45\:st, html.auto .sf-c-txt-royalblue\:45\:st { color: hsl(225, 73%, 45%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:50\:st, html.auto .sf-c-txt-royalblue\:50\:st { color: hsl(225, 73%, 50%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:55\:st, html.auto .sf-c-txt-royalblue\:55\:st { color: hsl(225, 73%, 55%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:60\:st, html.auto .sf-c-txt-royalblue\:60\:st { color: hsl(225, 73%, 60%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:65\:st, html.auto .sf-c-txt-royalblue\:65\:st { color: hsl(225, 73%, 65%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:70\:st, html.auto .sf-c-txt-royalblue\:70\:st { color: hsl(225, 73%, 70%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:75\:st, html.auto .sf-c-txt-royalblue\:75\:st { color: hsl(225, 73%, 75%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:80\:st, html.auto .sf-c-txt-royalblue\:80\:st { color: hsl(225, 73%, 80%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:85\:st, html.auto .sf-c-txt-royalblue\:85\:st { color: hsl(225, 73%, 85%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:90\:st, html.auto .sf-c-txt-royalblue\:90\:st { color: hsl(225, 73%, 90%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:95\:st, html.auto .sf-c-txt-royalblue\:95\:st { color: hsl(225, 73%, 95%) } - html[data-theme='auto'] .sf-c-txt-royalblue\:100\:st, html.auto .sf-c-txt-royalblue\:100\:st { color: hsl(225, 73%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/saddlebrown.css b/src/colors/20/saddlebrown.css deleted file mode 100644 index 481c6f7..0000000 --- a/src/colors/20/saddlebrown.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-saddlebrown { - --sf-c-saddlebrown: 25 76% 31%; - --sf-c-saddlebrown-0: 25 76% 0%; - --sf-c-saddlebrown-5: 25 76% 5%; - --sf-c-saddlebrown-10: 25 76% 10%; - --sf-c-saddlebrown-15: 25 76% 15%; - --sf-c-saddlebrown-20: 25 76% 20%; - --sf-c-saddlebrown-25: 25 76% 25%; - --sf-c-saddlebrown-30: 25 76% 30%; - --sf-c-saddlebrown-35: 25 76% 35%; - --sf-c-saddlebrown-40: 25 76% 40%; - --sf-c-saddlebrown-45: 25 76% 45%; - --sf-c-saddlebrown-50: 25 76% 50%; - --sf-c-saddlebrown-55: 25 76% 55%; - --sf-c-saddlebrown-60: 25 76% 60%; - --sf-c-saddlebrown-65: 25 76% 65%; - --sf-c-saddlebrown-70: 25 76% 70%; - --sf-c-saddlebrown-75: 25 76% 75%; - --sf-c-saddlebrown-80: 25 76% 80%; - --sf-c-saddlebrown-85: 25 76% 85%; - --sf-c-saddlebrown-90: 25 76% 90%; - --sf-c-saddlebrown-95: 25 76% 95%; - --sf-c-saddlebrown-100: 25 76% 100%; -} - -.sf-c-saddlebrown, .sf-c-saddlebrown\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 31%) } -.sf-c-saddlebrown\:0, .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } -.sf-c-saddlebrown\:5, .sf-c-saddlebrown\:5\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } -.sf-c-saddlebrown\:10, .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } -.sf-c-saddlebrown\:15, .sf-c-saddlebrown\:15\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 15%) } -.sf-c-saddlebrown\:20, .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 20%) } -.sf-c-saddlebrown\:25, .sf-c-saddlebrown\:25\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 25%) } -.sf-c-saddlebrown\:30, .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 30%) } -.sf-c-saddlebrown\:35, .sf-c-saddlebrown\:35\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 35%) } -.sf-c-saddlebrown\:40, .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 40%) } -.sf-c-saddlebrown\:45, .sf-c-saddlebrown\:45\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 45%) } -.sf-c-saddlebrown\:50, .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 50%) } -.sf-c-saddlebrown\:55, .sf-c-saddlebrown\:55\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 55%) } -.sf-c-saddlebrown\:60, .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 60%) } -.sf-c-saddlebrown\:65, .sf-c-saddlebrown\:65\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 65%) } -.sf-c-saddlebrown\:70, .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 70%) } -.sf-c-saddlebrown\:75, .sf-c-saddlebrown\:75\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 75%) } -.sf-c-saddlebrown\:80, .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 80%) } -.sf-c-saddlebrown\:85, .sf-c-saddlebrown\:85\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 85%) } -.sf-c-saddlebrown\:90, .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 90%) } -.sf-c-saddlebrown\:95, .sf-c-saddlebrown\:95\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } -.sf-c-saddlebrown\:100, .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } - -.sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } -.sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } -.sf-c-txt-saddlebrown\:0, .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } -.sf-c-txt-saddlebrown\:5, .sf-c-txt-saddlebrown\:5\:st { color: hsl(25, 76%, 5%) } -.sf-c-txt-saddlebrown\:10, .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } -.sf-c-txt-saddlebrown\:15, .sf-c-txt-saddlebrown\:15\:st { color: hsl(25, 76%, 15%) } -.sf-c-txt-saddlebrown\:20, .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } -.sf-c-txt-saddlebrown\:25, .sf-c-txt-saddlebrown\:25\:st { color: hsl(25, 76%, 25%) } -.sf-c-txt-saddlebrown\:30, .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } -.sf-c-txt-saddlebrown\:35, .sf-c-txt-saddlebrown\:35\:st { color: hsl(25, 76%, 35%) } -.sf-c-txt-saddlebrown\:40, .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } -.sf-c-txt-saddlebrown\:45, .sf-c-txt-saddlebrown\:45\:st { color: hsl(25, 76%, 45%) } -.sf-c-txt-saddlebrown\:50, .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } -.sf-c-txt-saddlebrown\:55, .sf-c-txt-saddlebrown\:55\:st { color: hsl(25, 76%, 55%) } -.sf-c-txt-saddlebrown\:60, .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } -.sf-c-txt-saddlebrown\:65, .sf-c-txt-saddlebrown\:65\:st { color: hsl(25, 76%, 65%) } -.sf-c-txt-saddlebrown\:70, .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } -.sf-c-txt-saddlebrown\:75, .sf-c-txt-saddlebrown\:75\:st { color: hsl(25, 76%, 75%) } -.sf-c-txt-saddlebrown\:80, .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } -.sf-c-txt-saddlebrown\:85, .sf-c-txt-saddlebrown\:85\:st { color: hsl(25, 76%, 85%) } -.sf-c-txt-saddlebrown\:90, .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } -.sf-c-txt-saddlebrown\:95, .sf-c-txt-saddlebrown\:95\:st { color: hsl(25, 76%, 95%) } -.sf-c-txt-saddlebrown\:100, .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } - -html[data-theme='dark'] .sf-c-saddlebrown, html.dark .sf-c-saddlebrown { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 69%) } -html[data-theme='dark'] .sf-c-saddlebrown\:0, html.dark .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } -html[data-theme='dark'] .sf-c-saddlebrown\:5, html.dark .sf-c-saddlebrown\:5 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } -html[data-theme='dark'] .sf-c-saddlebrown\:10, html.dark .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-saddlebrown\:15, html.dark .sf-c-saddlebrown\:15 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 85%) } -html[data-theme='dark'] .sf-c-saddlebrown\:20, html.dark .sf-c-saddlebrown\:20 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-saddlebrown\:25, html.dark .sf-c-saddlebrown\:25 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 75%) } -html[data-theme='dark'] .sf-c-saddlebrown\:30, html.dark .sf-c-saddlebrown\:30 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-saddlebrown\:35, html.dark .sf-c-saddlebrown\:35 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 65%) } -html[data-theme='dark'] .sf-c-saddlebrown\:40, html.dark .sf-c-saddlebrown\:40 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-saddlebrown\:45, html.dark .sf-c-saddlebrown\:45 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 55%) } -html[data-theme='dark'] .sf-c-saddlebrown\:50, html.dark .sf-c-saddlebrown\:50 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-saddlebrown\:55, html.dark .sf-c-saddlebrown\:55 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 45%) } -html[data-theme='dark'] .sf-c-saddlebrown\:60, html.dark .sf-c-saddlebrown\:60 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-saddlebrown\:65, html.dark .sf-c-saddlebrown\:65 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 35%) } -html[data-theme='dark'] .sf-c-saddlebrown\:70, html.dark .sf-c-saddlebrown\:70 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-saddlebrown\:75, html.dark .sf-c-saddlebrown\:75 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 25%) } -html[data-theme='dark'] .sf-c-saddlebrown\:80, html.dark .sf-c-saddlebrown\:80 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-saddlebrown\:85, html.dark .sf-c-saddlebrown\:85 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 15%) } -html[data-theme='dark'] .sf-c-saddlebrown\:90, html.dark .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-saddlebrown\:95, html.dark .sf-c-saddlebrown\:95 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } -html[data-theme='dark'] .sf-c-saddlebrown\:100, html.dark .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } - -html[data-theme='dark'] .sf-c-saddlebrown\:st, html.dark .sf-c-saddlebrown\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 31%) } -html[data-theme='dark'] .sf-c-saddlebrown\:0\:st, html.dark .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } -html[data-theme='dark'] .sf-c-saddlebrown\:5\:st, html.dark .sf-c-saddlebrown\:5\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } -html[data-theme='dark'] .sf-c-saddlebrown\:10\:st, html.dark .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-saddlebrown\:15\:st, html.dark .sf-c-saddlebrown\:15\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 15%) } -html[data-theme='dark'] .sf-c-saddlebrown\:20\:st, html.dark .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-saddlebrown\:25\:st, html.dark .sf-c-saddlebrown\:25\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 25%) } -html[data-theme='dark'] .sf-c-saddlebrown\:30\:st, html.dark .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-saddlebrown\:35\:st, html.dark .sf-c-saddlebrown\:35\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 35%) } -html[data-theme='dark'] .sf-c-saddlebrown\:40\:st, html.dark .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-saddlebrown\:45\:st, html.dark .sf-c-saddlebrown\:45\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 45%) } -html[data-theme='dark'] .sf-c-saddlebrown\:50\:st, html.dark .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-saddlebrown\:55\:st, html.dark .sf-c-saddlebrown\:55\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 55%) } -html[data-theme='dark'] .sf-c-saddlebrown\:60\:st, html.dark .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-saddlebrown\:65\:st, html.dark .sf-c-saddlebrown\:65\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 65%) } -html[data-theme='dark'] .sf-c-saddlebrown\:70\:st, html.dark .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-saddlebrown\:75\:st, html.dark .sf-c-saddlebrown\:75\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 75%) } -html[data-theme='dark'] .sf-c-saddlebrown\:80\:st, html.dark .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-saddlebrown\:85\:st, html.dark .sf-c-saddlebrown\:85\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 85%) } -html[data-theme='dark'] .sf-c-saddlebrown\:90\:st, html.dark .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-saddlebrown\:95\:st, html.dark .sf-c-saddlebrown\:95\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } -html[data-theme='dark'] .sf-c-saddlebrown\:100\:st, html.dark .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:5, html.dark .sf-c-txt-saddlebrown\:5 { color: hsl(25, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:15, html.dark .sf-c-txt-saddlebrown\:15 { color: hsl(25, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:25, html.dark .sf-c-txt-saddlebrown\:25 { color: hsl(25, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:35, html.dark .sf-c-txt-saddlebrown\:35 { color: hsl(25, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:45, html.dark .sf-c-txt-saddlebrown\:45 { color: hsl(25, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:55, html.dark .sf-c-txt-saddlebrown\:55 { color: hsl(25, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:65, html.dark .sf-c-txt-saddlebrown\:65 { color: hsl(25, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:75, html.dark .sf-c-txt-saddlebrown\:75 { color: hsl(25, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:85, html.dark .sf-c-txt-saddlebrown\:85 { color: hsl(25, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:95, html.dark .sf-c-txt-saddlebrown\:95 { color: hsl(25, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-saddlebrown\:st, html.dark .sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:st, html.dark .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:5\:st, html.dark .sf-c-txt-saddlebrown\:5\:st { color: hsl(25, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:st, html.dark .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:15\:st, html.dark .sf-c-txt-saddlebrown\:15\:st { color: hsl(25, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:st, html.dark .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:25\:st, html.dark .sf-c-txt-saddlebrown\:25\:st { color: hsl(25, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:st, html.dark .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:35\:st, html.dark .sf-c-txt-saddlebrown\:35\:st { color: hsl(25, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:st, html.dark .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:45\:st, html.dark .sf-c-txt-saddlebrown\:45\:st { color: hsl(25, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:st, html.dark .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:55\:st, html.dark .sf-c-txt-saddlebrown\:55\:st { color: hsl(25, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:st, html.dark .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:65\:st, html.dark .sf-c-txt-saddlebrown\:65\:st { color: hsl(25, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:st, html.dark .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:75\:st, html.dark .sf-c-txt-saddlebrown\:75\:st { color: hsl(25, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:st, html.dark .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:85\:st, html.dark .sf-c-txt-saddlebrown\:85\:st { color: hsl(25, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:st, html.dark .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:95\:st, html.dark .sf-c-txt-saddlebrown\:95\:st { color: hsl(25, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:st, html.dark .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-saddlebrown, html.auto .sf-c-saddlebrown { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 69%) } - html[data-theme='auto'] .sf-c-saddlebrown\:0, html.auto .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } - html[data-theme='auto'] .sf-c-saddlebrown\:5, html.auto .sf-c-saddlebrown\:5 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } - html[data-theme='auto'] .sf-c-saddlebrown\:10, html.auto .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-saddlebrown\:15, html.auto .sf-c-saddlebrown\:15 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 85%) } - html[data-theme='auto'] .sf-c-saddlebrown\:20, html.auto .sf-c-saddlebrown\:20 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-saddlebrown\:25, html.auto .sf-c-saddlebrown\:25 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 75%) } - html[data-theme='auto'] .sf-c-saddlebrown\:30, html.auto .sf-c-saddlebrown\:30 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-saddlebrown\:35, html.auto .sf-c-saddlebrown\:35 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 65%) } - html[data-theme='auto'] .sf-c-saddlebrown\:40, html.auto .sf-c-saddlebrown\:40 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-saddlebrown\:45, html.auto .sf-c-saddlebrown\:45 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 55%) } - html[data-theme='auto'] .sf-c-saddlebrown\:50, html.auto .sf-c-saddlebrown\:50 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-saddlebrown\:55, html.auto .sf-c-saddlebrown\:55 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 45%) } - html[data-theme='auto'] .sf-c-saddlebrown\:60, html.auto .sf-c-saddlebrown\:60 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-saddlebrown\:65, html.auto .sf-c-saddlebrown\:65 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 35%) } - html[data-theme='auto'] .sf-c-saddlebrown\:70, html.auto .sf-c-saddlebrown\:70 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-saddlebrown\:75, html.auto .sf-c-saddlebrown\:75 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 25%) } - html[data-theme='auto'] .sf-c-saddlebrown\:80, html.auto .sf-c-saddlebrown\:80 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-saddlebrown\:85, html.auto .sf-c-saddlebrown\:85 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 15%) } - html[data-theme='auto'] .sf-c-saddlebrown\:90, html.auto .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-saddlebrown\:95, html.auto .sf-c-saddlebrown\:95 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } - html[data-theme='auto'] .sf-c-saddlebrown\:100, html.auto .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } - - html[data-theme='auto'] .sf-c-saddlebrown\:st, html.auto .sf-c-saddlebrown\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 31%) } - html[data-theme='auto'] .sf-c-saddlebrown\:0\:st, html.auto .sf-c-saddlebrown\:0\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } - html[data-theme='auto'] .sf-c-saddlebrown\:5\:st, html.auto .sf-c-saddlebrown\:5\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } - html[data-theme='auto'] .sf-c-saddlebrown\:10\:st, html.auto .sf-c-saddlebrown\:10\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-saddlebrown\:15\:st, html.auto .sf-c-saddlebrown\:15\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 15%) } - html[data-theme='auto'] .sf-c-saddlebrown\:20\:st, html.auto .sf-c-saddlebrown\:20\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-saddlebrown\:25\:st, html.auto .sf-c-saddlebrown\:25\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 25%) } - html[data-theme='auto'] .sf-c-saddlebrown\:30\:st, html.auto .sf-c-saddlebrown\:30\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-saddlebrown\:35\:st, html.auto .sf-c-saddlebrown\:35\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 35%) } - html[data-theme='auto'] .sf-c-saddlebrown\:40\:st, html.auto .sf-c-saddlebrown\:40\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-saddlebrown\:45\:st, html.auto .sf-c-saddlebrown\:45\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 45%) } - html[data-theme='auto'] .sf-c-saddlebrown\:50\:st, html.auto .sf-c-saddlebrown\:50\:st { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-saddlebrown\:55\:st, html.auto .sf-c-saddlebrown\:55\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 55%) } - html[data-theme='auto'] .sf-c-saddlebrown\:60\:st, html.auto .sf-c-saddlebrown\:60\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-saddlebrown\:65\:st, html.auto .sf-c-saddlebrown\:65\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 65%) } - html[data-theme='auto'] .sf-c-saddlebrown\:70\:st, html.auto .sf-c-saddlebrown\:70\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-saddlebrown\:75\:st, html.auto .sf-c-saddlebrown\:75\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 75%) } - html[data-theme='auto'] .sf-c-saddlebrown\:80\:st, html.auto .sf-c-saddlebrown\:80\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-saddlebrown\:85\:st, html.auto .sf-c-saddlebrown\:85\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 85%) } - html[data-theme='auto'] .sf-c-saddlebrown\:90\:st, html.auto .sf-c-saddlebrown\:90\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-saddlebrown\:95\:st, html.auto .sf-c-saddlebrown\:95\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } - html[data-theme='auto'] .sf-c-saddlebrown\:100\:st, html.auto .sf-c-saddlebrown\:100\:st { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:5, html.auto .sf-c-txt-saddlebrown\:5 { color: hsl(25, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:15, html.auto .sf-c-txt-saddlebrown\:15 { color: hsl(25, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:25, html.auto .sf-c-txt-saddlebrown\:25 { color: hsl(25, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:35, html.auto .sf-c-txt-saddlebrown\:35 { color: hsl(25, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:45, html.auto .sf-c-txt-saddlebrown\:45 { color: hsl(25, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:55, html.auto .sf-c-txt-saddlebrown\:55 { color: hsl(25, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:65, html.auto .sf-c-txt-saddlebrown\:65 { color: hsl(25, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:75, html.auto .sf-c-txt-saddlebrown\:75 { color: hsl(25, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:85, html.auto .sf-c-txt-saddlebrown\:85 { color: hsl(25, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:95, html.auto .sf-c-txt-saddlebrown\:95 { color: hsl(25, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-saddlebrown\:st, html.auto .sf-c-txt-saddlebrown\:st { color: hsl(25, 76%, 31%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:st, html.auto .sf-c-txt-saddlebrown\:0\:st { color: hsl(25, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:5\:st, html.auto .sf-c-txt-saddlebrown\:5\:st { color: hsl(25, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:st, html.auto .sf-c-txt-saddlebrown\:10\:st { color: hsl(25, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:15\:st, html.auto .sf-c-txt-saddlebrown\:15\:st { color: hsl(25, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:st, html.auto .sf-c-txt-saddlebrown\:20\:st { color: hsl(25, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:25\:st, html.auto .sf-c-txt-saddlebrown\:25\:st { color: hsl(25, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:st, html.auto .sf-c-txt-saddlebrown\:30\:st { color: hsl(25, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:35\:st, html.auto .sf-c-txt-saddlebrown\:35\:st { color: hsl(25, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:st, html.auto .sf-c-txt-saddlebrown\:40\:st { color: hsl(25, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:45\:st, html.auto .sf-c-txt-saddlebrown\:45\:st { color: hsl(25, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:st, html.auto .sf-c-txt-saddlebrown\:50\:st { color: hsl(25, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:55\:st, html.auto .sf-c-txt-saddlebrown\:55\:st { color: hsl(25, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:st, html.auto .sf-c-txt-saddlebrown\:60\:st { color: hsl(25, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:65\:st, html.auto .sf-c-txt-saddlebrown\:65\:st { color: hsl(25, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:st, html.auto .sf-c-txt-saddlebrown\:70\:st { color: hsl(25, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:75\:st, html.auto .sf-c-txt-saddlebrown\:75\:st { color: hsl(25, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:st, html.auto .sf-c-txt-saddlebrown\:80\:st { color: hsl(25, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:85\:st, html.auto .sf-c-txt-saddlebrown\:85\:st { color: hsl(25, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:st, html.auto .sf-c-txt-saddlebrown\:90\:st { color: hsl(25, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:95\:st, html.auto .sf-c-txt-saddlebrown\:95\:st { color: hsl(25, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:st, html.auto .sf-c-txt-saddlebrown\:100\:st { color: hsl(25, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/salmon.css b/src/colors/20/salmon.css deleted file mode 100644 index 1633ef4..0000000 --- a/src/colors/20/salmon.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-salmon { - --sf-c-salmon: 6 93% 71%; - --sf-c-salmon-0: 6 93% 0%; - --sf-c-salmon-5: 6 93% 5%; - --sf-c-salmon-10: 6 93% 10%; - --sf-c-salmon-15: 6 93% 15%; - --sf-c-salmon-20: 6 93% 20%; - --sf-c-salmon-25: 6 93% 25%; - --sf-c-salmon-30: 6 93% 30%; - --sf-c-salmon-35: 6 93% 35%; - --sf-c-salmon-40: 6 93% 40%; - --sf-c-salmon-45: 6 93% 45%; - --sf-c-salmon-50: 6 93% 50%; - --sf-c-salmon-55: 6 93% 55%; - --sf-c-salmon-60: 6 93% 60%; - --sf-c-salmon-65: 6 93% 65%; - --sf-c-salmon-70: 6 93% 70%; - --sf-c-salmon-75: 6 93% 75%; - --sf-c-salmon-80: 6 93% 80%; - --sf-c-salmon-85: 6 93% 85%; - --sf-c-salmon-90: 6 93% 90%; - --sf-c-salmon-95: 6 93% 95%; - --sf-c-salmon-100: 6 93% 100%; -} - -.sf-c-salmon, .sf-c-salmon\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 71%) } -.sf-c-salmon\:0, .sf-c-salmon\:0\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } -.sf-c-salmon\:5, .sf-c-salmon\:5\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } -.sf-c-salmon\:10, .sf-c-salmon\:10\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } -.sf-c-salmon\:15, .sf-c-salmon\:15\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 15%) } -.sf-c-salmon\:20, .sf-c-salmon\:20\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 20%) } -.sf-c-salmon\:25, .sf-c-salmon\:25\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 25%) } -.sf-c-salmon\:30, .sf-c-salmon\:30\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 30%) } -.sf-c-salmon\:35, .sf-c-salmon\:35\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 35%) } -.sf-c-salmon\:40, .sf-c-salmon\:40\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 40%) } -.sf-c-salmon\:45, .sf-c-salmon\:45\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 45%) } -.sf-c-salmon\:50, .sf-c-salmon\:50\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 50%) } -.sf-c-salmon\:55, .sf-c-salmon\:55\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 55%) } -.sf-c-salmon\:60, .sf-c-salmon\:60\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 60%) } -.sf-c-salmon\:65, .sf-c-salmon\:65\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 65%) } -.sf-c-salmon\:70, .sf-c-salmon\:70\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 70%) } -.sf-c-salmon\:75, .sf-c-salmon\:75\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 75%) } -.sf-c-salmon\:80, .sf-c-salmon\:80\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 80%) } -.sf-c-salmon\:85, .sf-c-salmon\:85\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 85%) } -.sf-c-salmon\:90, .sf-c-salmon\:90\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) } -.sf-c-salmon\:95, .sf-c-salmon\:95\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } -.sf-c-salmon\:100, .sf-c-salmon\:100\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } - -.sf-c-txt-salmon { color: hsl(6, 93%, 10%) } -.sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } -.sf-c-txt-salmon\:0, .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } -.sf-c-txt-salmon\:5, .sf-c-txt-salmon\:5\:st { color: hsl(6, 93%, 5%) } -.sf-c-txt-salmon\:10, .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } -.sf-c-txt-salmon\:15, .sf-c-txt-salmon\:15\:st { color: hsl(6, 93%, 15%) } -.sf-c-txt-salmon\:20, .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } -.sf-c-txt-salmon\:25, .sf-c-txt-salmon\:25\:st { color: hsl(6, 93%, 25%) } -.sf-c-txt-salmon\:30, .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } -.sf-c-txt-salmon\:35, .sf-c-txt-salmon\:35\:st { color: hsl(6, 93%, 35%) } -.sf-c-txt-salmon\:40, .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } -.sf-c-txt-salmon\:45, .sf-c-txt-salmon\:45\:st { color: hsl(6, 93%, 45%) } -.sf-c-txt-salmon\:50, .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } -.sf-c-txt-salmon\:55, .sf-c-txt-salmon\:55\:st { color: hsl(6, 93%, 55%) } -.sf-c-txt-salmon\:60, .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } -.sf-c-txt-salmon\:65, .sf-c-txt-salmon\:65\:st { color: hsl(6, 93%, 65%) } -.sf-c-txt-salmon\:70, .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } -.sf-c-txt-salmon\:75, .sf-c-txt-salmon\:75\:st { color: hsl(6, 93%, 75%) } -.sf-c-txt-salmon\:80, .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } -.sf-c-txt-salmon\:85, .sf-c-txt-salmon\:85\:st { color: hsl(6, 93%, 85%) } -.sf-c-txt-salmon\:90, .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } -.sf-c-txt-salmon\:95, .sf-c-txt-salmon\:95\:st { color: hsl(6, 93%, 95%) } -.sf-c-txt-salmon\:100, .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } - -html[data-theme='dark'] .sf-c-salmon, html.dark .sf-c-salmon { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 29%) } -html[data-theme='dark'] .sf-c-salmon\:0, html.dark .sf-c-salmon\:0 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } -html[data-theme='dark'] .sf-c-salmon\:5, html.dark .sf-c-salmon\:5 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } -html[data-theme='dark'] .sf-c-salmon\:10, html.dark .sf-c-salmon\:10 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-salmon\:15, html.dark .sf-c-salmon\:15 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 85%) } -html[data-theme='dark'] .sf-c-salmon\:20, html.dark .sf-c-salmon\:20 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-salmon\:25, html.dark .sf-c-salmon\:25 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 75%) } -html[data-theme='dark'] .sf-c-salmon\:30, html.dark .sf-c-salmon\:30 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-salmon\:35, html.dark .sf-c-salmon\:35 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 65%) } -html[data-theme='dark'] .sf-c-salmon\:40, html.dark .sf-c-salmon\:40 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-salmon\:45, html.dark .sf-c-salmon\:45 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 55%) } -html[data-theme='dark'] .sf-c-salmon\:50, html.dark .sf-c-salmon\:50 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-salmon\:55, html.dark .sf-c-salmon\:55 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 45%) } -html[data-theme='dark'] .sf-c-salmon\:60, html.dark .sf-c-salmon\:60 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-salmon\:65, html.dark .sf-c-salmon\:65 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 35%) } -html[data-theme='dark'] .sf-c-salmon\:70, html.dark .sf-c-salmon\:70 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-salmon\:75, html.dark .sf-c-salmon\:75 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 25%) } -html[data-theme='dark'] .sf-c-salmon\:80, html.dark .sf-c-salmon\:80 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-salmon\:85, html.dark .sf-c-salmon\:85 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 15%) } -html[data-theme='dark'] .sf-c-salmon\:90, html.dark .sf-c-salmon\:90 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-salmon\:95, html.dark .sf-c-salmon\:95 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } -html[data-theme='dark'] .sf-c-salmon\:100, html.dark .sf-c-salmon\:100 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } - -html[data-theme='dark'] .sf-c-salmon\:st, html.dark .sf-c-salmon\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-salmon\:0\:st, html.dark .sf-c-salmon\:0\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } -html[data-theme='dark'] .sf-c-salmon\:5\:st, html.dark .sf-c-salmon\:5\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } -html[data-theme='dark'] .sf-c-salmon\:10\:st, html.dark .sf-c-salmon\:10\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-salmon\:15\:st, html.dark .sf-c-salmon\:15\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 15%) } -html[data-theme='dark'] .sf-c-salmon\:20\:st, html.dark .sf-c-salmon\:20\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-salmon\:25\:st, html.dark .sf-c-salmon\:25\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 25%) } -html[data-theme='dark'] .sf-c-salmon\:30\:st, html.dark .sf-c-salmon\:30\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-salmon\:35\:st, html.dark .sf-c-salmon\:35\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 35%) } -html[data-theme='dark'] .sf-c-salmon\:40\:st, html.dark .sf-c-salmon\:40\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-salmon\:45\:st, html.dark .sf-c-salmon\:45\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 45%) } -html[data-theme='dark'] .sf-c-salmon\:50\:st, html.dark .sf-c-salmon\:50\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-salmon\:55\:st, html.dark .sf-c-salmon\:55\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 55%) } -html[data-theme='dark'] .sf-c-salmon\:60\:st, html.dark .sf-c-salmon\:60\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-salmon\:65\:st, html.dark .sf-c-salmon\:65\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 65%) } -html[data-theme='dark'] .sf-c-salmon\:70\:st, html.dark .sf-c-salmon\:70\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-salmon\:75\:st, html.dark .sf-c-salmon\:75\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 75%) } -html[data-theme='dark'] .sf-c-salmon\:80\:st, html.dark .sf-c-salmon\:80\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-salmon\:85\:st, html.dark .sf-c-salmon\:85\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 85%) } -html[data-theme='dark'] .sf-c-salmon\:90\:st, html.dark .sf-c-salmon\:90\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-salmon\:95\:st, html.dark .sf-c-salmon\:95\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } -html[data-theme='dark'] .sf-c-salmon\:100\:st, html.dark .sf-c-salmon\:100\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } - -html[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } -html[data-theme='dark'] .sf-c-txt-salmon\:5, html.dark .sf-c-txt-salmon\:5 { color: hsl(6, 93%, 95%) } -html[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-salmon\:15, html.dark .sf-c-txt-salmon\:15 { color: hsl(6, 93%, 85%) } -html[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-salmon\:25, html.dark .sf-c-txt-salmon\:25 { color: hsl(6, 93%, 75%) } -html[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-salmon\:35, html.dark .sf-c-txt-salmon\:35 { color: hsl(6, 93%, 65%) } -html[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-salmon\:45, html.dark .sf-c-txt-salmon\:45 { color: hsl(6, 93%, 55%) } -html[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-salmon\:55, html.dark .sf-c-txt-salmon\:55 { color: hsl(6, 93%, 45%) } -html[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-salmon\:65, html.dark .sf-c-txt-salmon\:65 { color: hsl(6, 93%, 35%) } -html[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-salmon\:75, html.dark .sf-c-txt-salmon\:75 { color: hsl(6, 93%, 25%) } -html[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-salmon\:85, html.dark .sf-c-txt-salmon\:85 { color: hsl(6, 93%, 15%) } -html[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-salmon\:95, html.dark .sf-c-txt-salmon\:95 { color: hsl(6, 93%, 5%) } -html[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } - -html[data-theme='dark'] .sf-c-txt-salmon\:st, html.dark .sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } -html[data-theme='dark'] .sf-c-txt-salmon\:0\:st, html.dark .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } -html[data-theme='dark'] .sf-c-txt-salmon\:5\:st, html.dark .sf-c-txt-salmon\:5\:st { color: hsl(6, 93%, 5%) } -html[data-theme='dark'] .sf-c-txt-salmon\:10\:st, html.dark .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } -html[data-theme='dark'] .sf-c-txt-salmon\:15\:st, html.dark .sf-c-txt-salmon\:15\:st { color: hsl(6, 93%, 15%) } -html[data-theme='dark'] .sf-c-txt-salmon\:20\:st, html.dark .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } -html[data-theme='dark'] .sf-c-txt-salmon\:25\:st, html.dark .sf-c-txt-salmon\:25\:st { color: hsl(6, 93%, 25%) } -html[data-theme='dark'] .sf-c-txt-salmon\:30\:st, html.dark .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } -html[data-theme='dark'] .sf-c-txt-salmon\:35\:st, html.dark .sf-c-txt-salmon\:35\:st { color: hsl(6, 93%, 35%) } -html[data-theme='dark'] .sf-c-txt-salmon\:40\:st, html.dark .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } -html[data-theme='dark'] .sf-c-txt-salmon\:45\:st, html.dark .sf-c-txt-salmon\:45\:st { color: hsl(6, 93%, 45%) } -html[data-theme='dark'] .sf-c-txt-salmon\:50\:st, html.dark .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } -html[data-theme='dark'] .sf-c-txt-salmon\:55\:st, html.dark .sf-c-txt-salmon\:55\:st { color: hsl(6, 93%, 55%) } -html[data-theme='dark'] .sf-c-txt-salmon\:60\:st, html.dark .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } -html[data-theme='dark'] .sf-c-txt-salmon\:65\:st, html.dark .sf-c-txt-salmon\:65\:st { color: hsl(6, 93%, 65%) } -html[data-theme='dark'] .sf-c-txt-salmon\:70\:st, html.dark .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } -html[data-theme='dark'] .sf-c-txt-salmon\:75\:st, html.dark .sf-c-txt-salmon\:75\:st { color: hsl(6, 93%, 75%) } -html[data-theme='dark'] .sf-c-txt-salmon\:80\:st, html.dark .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } -html[data-theme='dark'] .sf-c-txt-salmon\:85\:st, html.dark .sf-c-txt-salmon\:85\:st { color: hsl(6, 93%, 85%) } -html[data-theme='dark'] .sf-c-txt-salmon\:90\:st, html.dark .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } -html[data-theme='dark'] .sf-c-txt-salmon\:95\:st, html.dark .sf-c-txt-salmon\:95\:st { color: hsl(6, 93%, 95%) } -html[data-theme='dark'] .sf-c-txt-salmon\:100\:st, html.dark .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-salmon, html.auto .sf-c-salmon { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 29%) } - html[data-theme='auto'] .sf-c-salmon\:0, html.auto .sf-c-salmon\:0 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } - html[data-theme='auto'] .sf-c-salmon\:5, html.auto .sf-c-salmon\:5 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } - html[data-theme='auto'] .sf-c-salmon\:10, html.auto .sf-c-salmon\:10 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-salmon\:15, html.auto .sf-c-salmon\:15 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 85%) } - html[data-theme='auto'] .sf-c-salmon\:20, html.auto .sf-c-salmon\:20 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-salmon\:25, html.auto .sf-c-salmon\:25 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 75%) } - html[data-theme='auto'] .sf-c-salmon\:30, html.auto .sf-c-salmon\:30 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-salmon\:35, html.auto .sf-c-salmon\:35 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 65%) } - html[data-theme='auto'] .sf-c-salmon\:40, html.auto .sf-c-salmon\:40 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-salmon\:45, html.auto .sf-c-salmon\:45 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 55%) } - html[data-theme='auto'] .sf-c-salmon\:50, html.auto .sf-c-salmon\:50 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-salmon\:55, html.auto .sf-c-salmon\:55 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 45%) } - html[data-theme='auto'] .sf-c-salmon\:60, html.auto .sf-c-salmon\:60 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-salmon\:65, html.auto .sf-c-salmon\:65 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 35%) } - html[data-theme='auto'] .sf-c-salmon\:70, html.auto .sf-c-salmon\:70 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-salmon\:75, html.auto .sf-c-salmon\:75 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 25%) } - html[data-theme='auto'] .sf-c-salmon\:80, html.auto .sf-c-salmon\:80 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-salmon\:85, html.auto .sf-c-salmon\:85 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 15%) } - html[data-theme='auto'] .sf-c-salmon\:90, html.auto .sf-c-salmon\:90 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-salmon\:95, html.auto .sf-c-salmon\:95 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } - html[data-theme='auto'] .sf-c-salmon\:100, html.auto .sf-c-salmon\:100 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } - - html[data-theme='auto'] .sf-c-salmon\:st, html.auto .sf-c-salmon\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-salmon\:0\:st, html.auto .sf-c-salmon\:0\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } - html[data-theme='auto'] .sf-c-salmon\:5\:st, html.auto .sf-c-salmon\:5\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } - html[data-theme='auto'] .sf-c-salmon\:10\:st, html.auto .sf-c-salmon\:10\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-salmon\:15\:st, html.auto .sf-c-salmon\:15\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 15%) } - html[data-theme='auto'] .sf-c-salmon\:20\:st, html.auto .sf-c-salmon\:20\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-salmon\:25\:st, html.auto .sf-c-salmon\:25\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 25%) } - html[data-theme='auto'] .sf-c-salmon\:30\:st, html.auto .sf-c-salmon\:30\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-salmon\:35\:st, html.auto .sf-c-salmon\:35\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 35%) } - html[data-theme='auto'] .sf-c-salmon\:40\:st, html.auto .sf-c-salmon\:40\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-salmon\:45\:st, html.auto .sf-c-salmon\:45\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 45%) } - html[data-theme='auto'] .sf-c-salmon\:50\:st, html.auto .sf-c-salmon\:50\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-salmon\:55\:st, html.auto .sf-c-salmon\:55\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 55%) } - html[data-theme='auto'] .sf-c-salmon\:60\:st, html.auto .sf-c-salmon\:60\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-salmon\:65\:st, html.auto .sf-c-salmon\:65\:st { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 65%) } - html[data-theme='auto'] .sf-c-salmon\:70\:st, html.auto .sf-c-salmon\:70\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-salmon\:75\:st, html.auto .sf-c-salmon\:75\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 75%) } - html[data-theme='auto'] .sf-c-salmon\:80\:st, html.auto .sf-c-salmon\:80\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-salmon\:85\:st, html.auto .sf-c-salmon\:85\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 85%) } - html[data-theme='auto'] .sf-c-salmon\:90\:st, html.auto .sf-c-salmon\:90\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-salmon\:95\:st, html.auto .sf-c-salmon\:95\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } - html[data-theme='auto'] .sf-c-salmon\:100\:st, html.auto .sf-c-salmon\:100\:st { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } - - html[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } - html[data-theme='auto'] .sf-c-txt-salmon\:5, html.auto .sf-c-txt-salmon\:5 { color: hsl(6, 93%, 95%) } - html[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-salmon\:15, html.auto .sf-c-txt-salmon\:15 { color: hsl(6, 93%, 85%) } - html[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-salmon\:25, html.auto .sf-c-txt-salmon\:25 { color: hsl(6, 93%, 75%) } - html[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-salmon\:35, html.auto .sf-c-txt-salmon\:35 { color: hsl(6, 93%, 65%) } - html[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-salmon\:45, html.auto .sf-c-txt-salmon\:45 { color: hsl(6, 93%, 55%) } - html[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-salmon\:55, html.auto .sf-c-txt-salmon\:55 { color: hsl(6, 93%, 45%) } - html[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-salmon\:65, html.auto .sf-c-txt-salmon\:65 { color: hsl(6, 93%, 35%) } - html[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-salmon\:75, html.auto .sf-c-txt-salmon\:75 { color: hsl(6, 93%, 25%) } - html[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-salmon\:85, html.auto .sf-c-txt-salmon\:85 { color: hsl(6, 93%, 15%) } - html[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-salmon\:95, html.auto .sf-c-txt-salmon\:95 { color: hsl(6, 93%, 5%) } - html[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } - - html[data-theme='auto'] .sf-c-txt-salmon\:st, html.auto .sf-c-txt-salmon\:st { color: hsl(6, 93%, 71%) } - html[data-theme='auto'] .sf-c-txt-salmon\:0\:st, html.auto .sf-c-txt-salmon\:0\:st { color: hsl(6, 93%, 0%) } - html[data-theme='auto'] .sf-c-txt-salmon\:5\:st, html.auto .sf-c-txt-salmon\:5\:st { color: hsl(6, 93%, 5%) } - html[data-theme='auto'] .sf-c-txt-salmon\:10\:st, html.auto .sf-c-txt-salmon\:10\:st { color: hsl(6, 93%, 10%) } - html[data-theme='auto'] .sf-c-txt-salmon\:15\:st, html.auto .sf-c-txt-salmon\:15\:st { color: hsl(6, 93%, 15%) } - html[data-theme='auto'] .sf-c-txt-salmon\:20\:st, html.auto .sf-c-txt-salmon\:20\:st { color: hsl(6, 93%, 20%) } - html[data-theme='auto'] .sf-c-txt-salmon\:25\:st, html.auto .sf-c-txt-salmon\:25\:st { color: hsl(6, 93%, 25%) } - html[data-theme='auto'] .sf-c-txt-salmon\:30\:st, html.auto .sf-c-txt-salmon\:30\:st { color: hsl(6, 93%, 30%) } - html[data-theme='auto'] .sf-c-txt-salmon\:35\:st, html.auto .sf-c-txt-salmon\:35\:st { color: hsl(6, 93%, 35%) } - html[data-theme='auto'] .sf-c-txt-salmon\:40\:st, html.auto .sf-c-txt-salmon\:40\:st { color: hsl(6, 93%, 40%) } - html[data-theme='auto'] .sf-c-txt-salmon\:45\:st, html.auto .sf-c-txt-salmon\:45\:st { color: hsl(6, 93%, 45%) } - html[data-theme='auto'] .sf-c-txt-salmon\:50\:st, html.auto .sf-c-txt-salmon\:50\:st { color: hsl(6, 93%, 50%) } - html[data-theme='auto'] .sf-c-txt-salmon\:55\:st, html.auto .sf-c-txt-salmon\:55\:st { color: hsl(6, 93%, 55%) } - html[data-theme='auto'] .sf-c-txt-salmon\:60\:st, html.auto .sf-c-txt-salmon\:60\:st { color: hsl(6, 93%, 60%) } - html[data-theme='auto'] .sf-c-txt-salmon\:65\:st, html.auto .sf-c-txt-salmon\:65\:st { color: hsl(6, 93%, 65%) } - html[data-theme='auto'] .sf-c-txt-salmon\:70\:st, html.auto .sf-c-txt-salmon\:70\:st { color: hsl(6, 93%, 70%) } - html[data-theme='auto'] .sf-c-txt-salmon\:75\:st, html.auto .sf-c-txt-salmon\:75\:st { color: hsl(6, 93%, 75%) } - html[data-theme='auto'] .sf-c-txt-salmon\:80\:st, html.auto .sf-c-txt-salmon\:80\:st { color: hsl(6, 93%, 80%) } - html[data-theme='auto'] .sf-c-txt-salmon\:85\:st, html.auto .sf-c-txt-salmon\:85\:st { color: hsl(6, 93%, 85%) } - html[data-theme='auto'] .sf-c-txt-salmon\:90\:st, html.auto .sf-c-txt-salmon\:90\:st { color: hsl(6, 93%, 90%) } - html[data-theme='auto'] .sf-c-txt-salmon\:95\:st, html.auto .sf-c-txt-salmon\:95\:st { color: hsl(6, 93%, 95%) } - html[data-theme='auto'] .sf-c-txt-salmon\:100\:st, html.auto .sf-c-txt-salmon\:100\:st { color: hsl(6, 93%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/sandybrown.css b/src/colors/20/sandybrown.css deleted file mode 100644 index ea10c48..0000000 --- a/src/colors/20/sandybrown.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-sandybrown { - --sf-c-sandybrown: 28 87% 67%; - --sf-c-sandybrown-0: 28 87% 0%; - --sf-c-sandybrown-5: 28 87% 5%; - --sf-c-sandybrown-10: 28 87% 10%; - --sf-c-sandybrown-15: 28 87% 15%; - --sf-c-sandybrown-20: 28 87% 20%; - --sf-c-sandybrown-25: 28 87% 25%; - --sf-c-sandybrown-30: 28 87% 30%; - --sf-c-sandybrown-35: 28 87% 35%; - --sf-c-sandybrown-40: 28 87% 40%; - --sf-c-sandybrown-45: 28 87% 45%; - --sf-c-sandybrown-50: 28 87% 50%; - --sf-c-sandybrown-55: 28 87% 55%; - --sf-c-sandybrown-60: 28 87% 60%; - --sf-c-sandybrown-65: 28 87% 65%; - --sf-c-sandybrown-70: 28 87% 70%; - --sf-c-sandybrown-75: 28 87% 75%; - --sf-c-sandybrown-80: 28 87% 80%; - --sf-c-sandybrown-85: 28 87% 85%; - --sf-c-sandybrown-90: 28 87% 90%; - --sf-c-sandybrown-95: 28 87% 95%; - --sf-c-sandybrown-100: 28 87% 100%; -} - -.sf-c-sandybrown, .sf-c-sandybrown\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 67%) } -.sf-c-sandybrown\:0, .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } -.sf-c-sandybrown\:5, .sf-c-sandybrown\:5\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } -.sf-c-sandybrown\:10, .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } -.sf-c-sandybrown\:15, .sf-c-sandybrown\:15\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 15%) } -.sf-c-sandybrown\:20, .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 20%) } -.sf-c-sandybrown\:25, .sf-c-sandybrown\:25\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 25%) } -.sf-c-sandybrown\:30, .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 30%) } -.sf-c-sandybrown\:35, .sf-c-sandybrown\:35\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 35%) } -.sf-c-sandybrown\:40, .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 40%) } -.sf-c-sandybrown\:45, .sf-c-sandybrown\:45\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 45%) } -.sf-c-sandybrown\:50, .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 50%) } -.sf-c-sandybrown\:55, .sf-c-sandybrown\:55\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 55%) } -.sf-c-sandybrown\:60, .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 60%) } -.sf-c-sandybrown\:65, .sf-c-sandybrown\:65\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 65%) } -.sf-c-sandybrown\:70, .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 70%) } -.sf-c-sandybrown\:75, .sf-c-sandybrown\:75\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 75%) } -.sf-c-sandybrown\:80, .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 80%) } -.sf-c-sandybrown\:85, .sf-c-sandybrown\:85\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 85%) } -.sf-c-sandybrown\:90, .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 90%) } -.sf-c-sandybrown\:95, .sf-c-sandybrown\:95\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } -.sf-c-sandybrown\:100, .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } - -.sf-c-txt-sandybrown { color: hsl(28, 87%, 10%) } -.sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } -.sf-c-txt-sandybrown\:0, .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } -.sf-c-txt-sandybrown\:5, .sf-c-txt-sandybrown\:5\:st { color: hsl(28, 87%, 5%) } -.sf-c-txt-sandybrown\:10, .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } -.sf-c-txt-sandybrown\:15, .sf-c-txt-sandybrown\:15\:st { color: hsl(28, 87%, 15%) } -.sf-c-txt-sandybrown\:20, .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } -.sf-c-txt-sandybrown\:25, .sf-c-txt-sandybrown\:25\:st { color: hsl(28, 87%, 25%) } -.sf-c-txt-sandybrown\:30, .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } -.sf-c-txt-sandybrown\:35, .sf-c-txt-sandybrown\:35\:st { color: hsl(28, 87%, 35%) } -.sf-c-txt-sandybrown\:40, .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } -.sf-c-txt-sandybrown\:45, .sf-c-txt-sandybrown\:45\:st { color: hsl(28, 87%, 45%) } -.sf-c-txt-sandybrown\:50, .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } -.sf-c-txt-sandybrown\:55, .sf-c-txt-sandybrown\:55\:st { color: hsl(28, 87%, 55%) } -.sf-c-txt-sandybrown\:60, .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } -.sf-c-txt-sandybrown\:65, .sf-c-txt-sandybrown\:65\:st { color: hsl(28, 87%, 65%) } -.sf-c-txt-sandybrown\:70, .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } -.sf-c-txt-sandybrown\:75, .sf-c-txt-sandybrown\:75\:st { color: hsl(28, 87%, 75%) } -.sf-c-txt-sandybrown\:80, .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } -.sf-c-txt-sandybrown\:85, .sf-c-txt-sandybrown\:85\:st { color: hsl(28, 87%, 85%) } -.sf-c-txt-sandybrown\:90, .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } -.sf-c-txt-sandybrown\:95, .sf-c-txt-sandybrown\:95\:st { color: hsl(28, 87%, 95%) } -.sf-c-txt-sandybrown\:100, .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } - -html[data-theme='dark'] .sf-c-sandybrown, html.dark .sf-c-sandybrown { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 33%) } -html[data-theme='dark'] .sf-c-sandybrown\:0, html.dark .sf-c-sandybrown\:0 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } -html[data-theme='dark'] .sf-c-sandybrown\:5, html.dark .sf-c-sandybrown\:5 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } -html[data-theme='dark'] .sf-c-sandybrown\:10, html.dark .sf-c-sandybrown\:10 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-sandybrown\:15, html.dark .sf-c-sandybrown\:15 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 85%) } -html[data-theme='dark'] .sf-c-sandybrown\:20, html.dark .sf-c-sandybrown\:20 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-sandybrown\:25, html.dark .sf-c-sandybrown\:25 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 75%) } -html[data-theme='dark'] .sf-c-sandybrown\:30, html.dark .sf-c-sandybrown\:30 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-sandybrown\:35, html.dark .sf-c-sandybrown\:35 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 65%) } -html[data-theme='dark'] .sf-c-sandybrown\:40, html.dark .sf-c-sandybrown\:40 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-sandybrown\:45, html.dark .sf-c-sandybrown\:45 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 55%) } -html[data-theme='dark'] .sf-c-sandybrown\:50, html.dark .sf-c-sandybrown\:50 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-sandybrown\:55, html.dark .sf-c-sandybrown\:55 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 45%) } -html[data-theme='dark'] .sf-c-sandybrown\:60, html.dark .sf-c-sandybrown\:60 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-sandybrown\:65, html.dark .sf-c-sandybrown\:65 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 35%) } -html[data-theme='dark'] .sf-c-sandybrown\:70, html.dark .sf-c-sandybrown\:70 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-sandybrown\:75, html.dark .sf-c-sandybrown\:75 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 25%) } -html[data-theme='dark'] .sf-c-sandybrown\:80, html.dark .sf-c-sandybrown\:80 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-sandybrown\:85, html.dark .sf-c-sandybrown\:85 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 15%) } -html[data-theme='dark'] .sf-c-sandybrown\:90, html.dark .sf-c-sandybrown\:90 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-sandybrown\:95, html.dark .sf-c-sandybrown\:95 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } -html[data-theme='dark'] .sf-c-sandybrown\:100, html.dark .sf-c-sandybrown\:100 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } - -html[data-theme='dark'] .sf-c-sandybrown\:st, html.dark .sf-c-sandybrown\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-sandybrown\:0\:st, html.dark .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } -html[data-theme='dark'] .sf-c-sandybrown\:5\:st, html.dark .sf-c-sandybrown\:5\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } -html[data-theme='dark'] .sf-c-sandybrown\:10\:st, html.dark .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-sandybrown\:15\:st, html.dark .sf-c-sandybrown\:15\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 15%) } -html[data-theme='dark'] .sf-c-sandybrown\:20\:st, html.dark .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-sandybrown\:25\:st, html.dark .sf-c-sandybrown\:25\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 25%) } -html[data-theme='dark'] .sf-c-sandybrown\:30\:st, html.dark .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-sandybrown\:35\:st, html.dark .sf-c-sandybrown\:35\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 35%) } -html[data-theme='dark'] .sf-c-sandybrown\:40\:st, html.dark .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-sandybrown\:45\:st, html.dark .sf-c-sandybrown\:45\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 45%) } -html[data-theme='dark'] .sf-c-sandybrown\:50\:st, html.dark .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-sandybrown\:55\:st, html.dark .sf-c-sandybrown\:55\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 55%) } -html[data-theme='dark'] .sf-c-sandybrown\:60\:st, html.dark .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-sandybrown\:65\:st, html.dark .sf-c-sandybrown\:65\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 65%) } -html[data-theme='dark'] .sf-c-sandybrown\:70\:st, html.dark .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-sandybrown\:75\:st, html.dark .sf-c-sandybrown\:75\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 75%) } -html[data-theme='dark'] .sf-c-sandybrown\:80\:st, html.dark .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-sandybrown\:85\:st, html.dark .sf-c-sandybrown\:85\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 85%) } -html[data-theme='dark'] .sf-c-sandybrown\:90\:st, html.dark .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-sandybrown\:95\:st, html.dark .sf-c-sandybrown\:95\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } -html[data-theme='dark'] .sf-c-sandybrown\:100\:st, html.dark .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } - -html[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:5, html.dark .sf-c-txt-sandybrown\:5 { color: hsl(28, 87%, 95%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:15, html.dark .sf-c-txt-sandybrown\:15 { color: hsl(28, 87%, 85%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:25, html.dark .sf-c-txt-sandybrown\:25 { color: hsl(28, 87%, 75%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:35, html.dark .sf-c-txt-sandybrown\:35 { color: hsl(28, 87%, 65%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:45, html.dark .sf-c-txt-sandybrown\:45 { color: hsl(28, 87%, 55%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:55, html.dark .sf-c-txt-sandybrown\:55 { color: hsl(28, 87%, 45%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:65, html.dark .sf-c-txt-sandybrown\:65 { color: hsl(28, 87%, 35%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:75, html.dark .sf-c-txt-sandybrown\:75 { color: hsl(28, 87%, 25%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:85, html.dark .sf-c-txt-sandybrown\:85 { color: hsl(28, 87%, 15%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:95, html.dark .sf-c-txt-sandybrown\:95 { color: hsl(28, 87%, 5%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } - -html[data-theme='dark'] .sf-c-txt-sandybrown\:st, html.dark .sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:0\:st, html.dark .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:5\:st, html.dark .sf-c-txt-sandybrown\:5\:st { color: hsl(28, 87%, 5%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:10\:st, html.dark .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:15\:st, html.dark .sf-c-txt-sandybrown\:15\:st { color: hsl(28, 87%, 15%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:20\:st, html.dark .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:25\:st, html.dark .sf-c-txt-sandybrown\:25\:st { color: hsl(28, 87%, 25%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:30\:st, html.dark .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:35\:st, html.dark .sf-c-txt-sandybrown\:35\:st { color: hsl(28, 87%, 35%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:40\:st, html.dark .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:45\:st, html.dark .sf-c-txt-sandybrown\:45\:st { color: hsl(28, 87%, 45%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:50\:st, html.dark .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:55\:st, html.dark .sf-c-txt-sandybrown\:55\:st { color: hsl(28, 87%, 55%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:60\:st, html.dark .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:65\:st, html.dark .sf-c-txt-sandybrown\:65\:st { color: hsl(28, 87%, 65%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:70\:st, html.dark .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:75\:st, html.dark .sf-c-txt-sandybrown\:75\:st { color: hsl(28, 87%, 75%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:80\:st, html.dark .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:85\:st, html.dark .sf-c-txt-sandybrown\:85\:st { color: hsl(28, 87%, 85%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:90\:st, html.dark .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:95\:st, html.dark .sf-c-txt-sandybrown\:95\:st { color: hsl(28, 87%, 95%) } -html[data-theme='dark'] .sf-c-txt-sandybrown\:100\:st, html.dark .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-sandybrown, html.auto .sf-c-sandybrown { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 33%) } - html[data-theme='auto'] .sf-c-sandybrown\:0, html.auto .sf-c-sandybrown\:0 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } - html[data-theme='auto'] .sf-c-sandybrown\:5, html.auto .sf-c-sandybrown\:5 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } - html[data-theme='auto'] .sf-c-sandybrown\:10, html.auto .sf-c-sandybrown\:10 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-sandybrown\:15, html.auto .sf-c-sandybrown\:15 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 85%) } - html[data-theme='auto'] .sf-c-sandybrown\:20, html.auto .sf-c-sandybrown\:20 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-sandybrown\:25, html.auto .sf-c-sandybrown\:25 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 75%) } - html[data-theme='auto'] .sf-c-sandybrown\:30, html.auto .sf-c-sandybrown\:30 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-sandybrown\:35, html.auto .sf-c-sandybrown\:35 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 65%) } - html[data-theme='auto'] .sf-c-sandybrown\:40, html.auto .sf-c-sandybrown\:40 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-sandybrown\:45, html.auto .sf-c-sandybrown\:45 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 55%) } - html[data-theme='auto'] .sf-c-sandybrown\:50, html.auto .sf-c-sandybrown\:50 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-sandybrown\:55, html.auto .sf-c-sandybrown\:55 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 45%) } - html[data-theme='auto'] .sf-c-sandybrown\:60, html.auto .sf-c-sandybrown\:60 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-sandybrown\:65, html.auto .sf-c-sandybrown\:65 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 35%) } - html[data-theme='auto'] .sf-c-sandybrown\:70, html.auto .sf-c-sandybrown\:70 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-sandybrown\:75, html.auto .sf-c-sandybrown\:75 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 25%) } - html[data-theme='auto'] .sf-c-sandybrown\:80, html.auto .sf-c-sandybrown\:80 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-sandybrown\:85, html.auto .sf-c-sandybrown\:85 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 15%) } - html[data-theme='auto'] .sf-c-sandybrown\:90, html.auto .sf-c-sandybrown\:90 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-sandybrown\:95, html.auto .sf-c-sandybrown\:95 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } - html[data-theme='auto'] .sf-c-sandybrown\:100, html.auto .sf-c-sandybrown\:100 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } - - html[data-theme='auto'] .sf-c-sandybrown\:st, html.auto .sf-c-sandybrown\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-sandybrown\:0\:st, html.auto .sf-c-sandybrown\:0\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } - html[data-theme='auto'] .sf-c-sandybrown\:5\:st, html.auto .sf-c-sandybrown\:5\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } - html[data-theme='auto'] .sf-c-sandybrown\:10\:st, html.auto .sf-c-sandybrown\:10\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-sandybrown\:15\:st, html.auto .sf-c-sandybrown\:15\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 15%) } - html[data-theme='auto'] .sf-c-sandybrown\:20\:st, html.auto .sf-c-sandybrown\:20\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-sandybrown\:25\:st, html.auto .sf-c-sandybrown\:25\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 25%) } - html[data-theme='auto'] .sf-c-sandybrown\:30\:st, html.auto .sf-c-sandybrown\:30\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-sandybrown\:35\:st, html.auto .sf-c-sandybrown\:35\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 35%) } - html[data-theme='auto'] .sf-c-sandybrown\:40\:st, html.auto .sf-c-sandybrown\:40\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-sandybrown\:45\:st, html.auto .sf-c-sandybrown\:45\:st { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 45%) } - html[data-theme='auto'] .sf-c-sandybrown\:50\:st, html.auto .sf-c-sandybrown\:50\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-sandybrown\:55\:st, html.auto .sf-c-sandybrown\:55\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 55%) } - html[data-theme='auto'] .sf-c-sandybrown\:60\:st, html.auto .sf-c-sandybrown\:60\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-sandybrown\:65\:st, html.auto .sf-c-sandybrown\:65\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 65%) } - html[data-theme='auto'] .sf-c-sandybrown\:70\:st, html.auto .sf-c-sandybrown\:70\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-sandybrown\:75\:st, html.auto .sf-c-sandybrown\:75\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 75%) } - html[data-theme='auto'] .sf-c-sandybrown\:80\:st, html.auto .sf-c-sandybrown\:80\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-sandybrown\:85\:st, html.auto .sf-c-sandybrown\:85\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 85%) } - html[data-theme='auto'] .sf-c-sandybrown\:90\:st, html.auto .sf-c-sandybrown\:90\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-sandybrown\:95\:st, html.auto .sf-c-sandybrown\:95\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } - html[data-theme='auto'] .sf-c-sandybrown\:100\:st, html.auto .sf-c-sandybrown\:100\:st { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } - - html[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:5, html.auto .sf-c-txt-sandybrown\:5 { color: hsl(28, 87%, 95%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:15, html.auto .sf-c-txt-sandybrown\:15 { color: hsl(28, 87%, 85%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:25, html.auto .sf-c-txt-sandybrown\:25 { color: hsl(28, 87%, 75%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:35, html.auto .sf-c-txt-sandybrown\:35 { color: hsl(28, 87%, 65%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:45, html.auto .sf-c-txt-sandybrown\:45 { color: hsl(28, 87%, 55%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:55, html.auto .sf-c-txt-sandybrown\:55 { color: hsl(28, 87%, 45%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:65, html.auto .sf-c-txt-sandybrown\:65 { color: hsl(28, 87%, 35%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:75, html.auto .sf-c-txt-sandybrown\:75 { color: hsl(28, 87%, 25%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:85, html.auto .sf-c-txt-sandybrown\:85 { color: hsl(28, 87%, 15%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:95, html.auto .sf-c-txt-sandybrown\:95 { color: hsl(28, 87%, 5%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } - - html[data-theme='auto'] .sf-c-txt-sandybrown\:st, html.auto .sf-c-txt-sandybrown\:st { color: hsl(28, 87%, 67%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:0\:st, html.auto .sf-c-txt-sandybrown\:0\:st { color: hsl(28, 87%, 0%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:5\:st, html.auto .sf-c-txt-sandybrown\:5\:st { color: hsl(28, 87%, 5%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:10\:st, html.auto .sf-c-txt-sandybrown\:10\:st { color: hsl(28, 87%, 10%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:15\:st, html.auto .sf-c-txt-sandybrown\:15\:st { color: hsl(28, 87%, 15%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:20\:st, html.auto .sf-c-txt-sandybrown\:20\:st { color: hsl(28, 87%, 20%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:25\:st, html.auto .sf-c-txt-sandybrown\:25\:st { color: hsl(28, 87%, 25%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:30\:st, html.auto .sf-c-txt-sandybrown\:30\:st { color: hsl(28, 87%, 30%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:35\:st, html.auto .sf-c-txt-sandybrown\:35\:st { color: hsl(28, 87%, 35%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:40\:st, html.auto .sf-c-txt-sandybrown\:40\:st { color: hsl(28, 87%, 40%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:45\:st, html.auto .sf-c-txt-sandybrown\:45\:st { color: hsl(28, 87%, 45%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:50\:st, html.auto .sf-c-txt-sandybrown\:50\:st { color: hsl(28, 87%, 50%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:55\:st, html.auto .sf-c-txt-sandybrown\:55\:st { color: hsl(28, 87%, 55%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:60\:st, html.auto .sf-c-txt-sandybrown\:60\:st { color: hsl(28, 87%, 60%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:65\:st, html.auto .sf-c-txt-sandybrown\:65\:st { color: hsl(28, 87%, 65%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:70\:st, html.auto .sf-c-txt-sandybrown\:70\:st { color: hsl(28, 87%, 70%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:75\:st, html.auto .sf-c-txt-sandybrown\:75\:st { color: hsl(28, 87%, 75%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:80\:st, html.auto .sf-c-txt-sandybrown\:80\:st { color: hsl(28, 87%, 80%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:85\:st, html.auto .sf-c-txt-sandybrown\:85\:st { color: hsl(28, 87%, 85%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:90\:st, html.auto .sf-c-txt-sandybrown\:90\:st { color: hsl(28, 87%, 90%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:95\:st, html.auto .sf-c-txt-sandybrown\:95\:st { color: hsl(28, 87%, 95%) } - html[data-theme='auto'] .sf-c-txt-sandybrown\:100\:st, html.auto .sf-c-txt-sandybrown\:100\:st { color: hsl(28, 87%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/seagreen.css b/src/colors/20/seagreen.css deleted file mode 100644 index fcf55e4..0000000 --- a/src/colors/20/seagreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-seagreen { - --sf-c-seagreen: 146 50% 36%; - --sf-c-seagreen-0: 146 50% 0%; - --sf-c-seagreen-5: 146 50% 5%; - --sf-c-seagreen-10: 146 50% 10%; - --sf-c-seagreen-15: 146 50% 15%; - --sf-c-seagreen-20: 146 50% 20%; - --sf-c-seagreen-25: 146 50% 25%; - --sf-c-seagreen-30: 146 50% 30%; - --sf-c-seagreen-35: 146 50% 35%; - --sf-c-seagreen-40: 146 50% 40%; - --sf-c-seagreen-45: 146 50% 45%; - --sf-c-seagreen-50: 146 50% 50%; - --sf-c-seagreen-55: 146 50% 55%; - --sf-c-seagreen-60: 146 50% 60%; - --sf-c-seagreen-65: 146 50% 65%; - --sf-c-seagreen-70: 146 50% 70%; - --sf-c-seagreen-75: 146 50% 75%; - --sf-c-seagreen-80: 146 50% 80%; - --sf-c-seagreen-85: 146 50% 85%; - --sf-c-seagreen-90: 146 50% 90%; - --sf-c-seagreen-95: 146 50% 95%; - --sf-c-seagreen-100: 146 50% 100%; -} - -.sf-c-seagreen, .sf-c-seagreen\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 36%) } -.sf-c-seagreen\:0, .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } -.sf-c-seagreen\:5, .sf-c-seagreen\:5\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } -.sf-c-seagreen\:10, .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } -.sf-c-seagreen\:15, .sf-c-seagreen\:15\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 15%) } -.sf-c-seagreen\:20, .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 20%) } -.sf-c-seagreen\:25, .sf-c-seagreen\:25\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 25%) } -.sf-c-seagreen\:30, .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 30%) } -.sf-c-seagreen\:35, .sf-c-seagreen\:35\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 35%) } -.sf-c-seagreen\:40, .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 40%) } -.sf-c-seagreen\:45, .sf-c-seagreen\:45\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 45%) } -.sf-c-seagreen\:50, .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 50%) } -.sf-c-seagreen\:55, .sf-c-seagreen\:55\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 55%) } -.sf-c-seagreen\:60, .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 60%) } -.sf-c-seagreen\:65, .sf-c-seagreen\:65\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 65%) } -.sf-c-seagreen\:70, .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 70%) } -.sf-c-seagreen\:75, .sf-c-seagreen\:75\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 75%) } -.sf-c-seagreen\:80, .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 80%) } -.sf-c-seagreen\:85, .sf-c-seagreen\:85\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 85%) } -.sf-c-seagreen\:90, .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 90%) } -.sf-c-seagreen\:95, .sf-c-seagreen\:95\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } -.sf-c-seagreen\:100, .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } - -.sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } -.sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } -.sf-c-txt-seagreen\:0, .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } -.sf-c-txt-seagreen\:5, .sf-c-txt-seagreen\:5\:st { color: hsl(146, 50%, 5%) } -.sf-c-txt-seagreen\:10, .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } -.sf-c-txt-seagreen\:15, .sf-c-txt-seagreen\:15\:st { color: hsl(146, 50%, 15%) } -.sf-c-txt-seagreen\:20, .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } -.sf-c-txt-seagreen\:25, .sf-c-txt-seagreen\:25\:st { color: hsl(146, 50%, 25%) } -.sf-c-txt-seagreen\:30, .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } -.sf-c-txt-seagreen\:35, .sf-c-txt-seagreen\:35\:st { color: hsl(146, 50%, 35%) } -.sf-c-txt-seagreen\:40, .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } -.sf-c-txt-seagreen\:45, .sf-c-txt-seagreen\:45\:st { color: hsl(146, 50%, 45%) } -.sf-c-txt-seagreen\:50, .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } -.sf-c-txt-seagreen\:55, .sf-c-txt-seagreen\:55\:st { color: hsl(146, 50%, 55%) } -.sf-c-txt-seagreen\:60, .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } -.sf-c-txt-seagreen\:65, .sf-c-txt-seagreen\:65\:st { color: hsl(146, 50%, 65%) } -.sf-c-txt-seagreen\:70, .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } -.sf-c-txt-seagreen\:75, .sf-c-txt-seagreen\:75\:st { color: hsl(146, 50%, 75%) } -.sf-c-txt-seagreen\:80, .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } -.sf-c-txt-seagreen\:85, .sf-c-txt-seagreen\:85\:st { color: hsl(146, 50%, 85%) } -.sf-c-txt-seagreen\:90, .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } -.sf-c-txt-seagreen\:95, .sf-c-txt-seagreen\:95\:st { color: hsl(146, 50%, 95%) } -.sf-c-txt-seagreen\:100, .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } - -html[data-theme='dark'] .sf-c-seagreen, html.dark .sf-c-seagreen { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 64%) } -html[data-theme='dark'] .sf-c-seagreen\:0, html.dark .sf-c-seagreen\:0 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } -html[data-theme='dark'] .sf-c-seagreen\:5, html.dark .sf-c-seagreen\:5 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } -html[data-theme='dark'] .sf-c-seagreen\:10, html.dark .sf-c-seagreen\:10 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-seagreen\:15, html.dark .sf-c-seagreen\:15 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 85%) } -html[data-theme='dark'] .sf-c-seagreen\:20, html.dark .sf-c-seagreen\:20 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-seagreen\:25, html.dark .sf-c-seagreen\:25 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 75%) } -html[data-theme='dark'] .sf-c-seagreen\:30, html.dark .sf-c-seagreen\:30 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-seagreen\:35, html.dark .sf-c-seagreen\:35 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 65%) } -html[data-theme='dark'] .sf-c-seagreen\:40, html.dark .sf-c-seagreen\:40 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-seagreen\:45, html.dark .sf-c-seagreen\:45 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 55%) } -html[data-theme='dark'] .sf-c-seagreen\:50, html.dark .sf-c-seagreen\:50 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-seagreen\:55, html.dark .sf-c-seagreen\:55 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 45%) } -html[data-theme='dark'] .sf-c-seagreen\:60, html.dark .sf-c-seagreen\:60 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-seagreen\:65, html.dark .sf-c-seagreen\:65 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 35%) } -html[data-theme='dark'] .sf-c-seagreen\:70, html.dark .sf-c-seagreen\:70 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-seagreen\:75, html.dark .sf-c-seagreen\:75 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 25%) } -html[data-theme='dark'] .sf-c-seagreen\:80, html.dark .sf-c-seagreen\:80 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-seagreen\:85, html.dark .sf-c-seagreen\:85 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 15%) } -html[data-theme='dark'] .sf-c-seagreen\:90, html.dark .sf-c-seagreen\:90 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-seagreen\:95, html.dark .sf-c-seagreen\:95 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } -html[data-theme='dark'] .sf-c-seagreen\:100, html.dark .sf-c-seagreen\:100 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } - -html[data-theme='dark'] .sf-c-seagreen\:st, html.dark .sf-c-seagreen\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 36%) } -html[data-theme='dark'] .sf-c-seagreen\:0\:st, html.dark .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } -html[data-theme='dark'] .sf-c-seagreen\:5\:st, html.dark .sf-c-seagreen\:5\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } -html[data-theme='dark'] .sf-c-seagreen\:10\:st, html.dark .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-seagreen\:15\:st, html.dark .sf-c-seagreen\:15\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 15%) } -html[data-theme='dark'] .sf-c-seagreen\:20\:st, html.dark .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-seagreen\:25\:st, html.dark .sf-c-seagreen\:25\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 25%) } -html[data-theme='dark'] .sf-c-seagreen\:30\:st, html.dark .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-seagreen\:35\:st, html.dark .sf-c-seagreen\:35\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 35%) } -html[data-theme='dark'] .sf-c-seagreen\:40\:st, html.dark .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-seagreen\:45\:st, html.dark .sf-c-seagreen\:45\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 45%) } -html[data-theme='dark'] .sf-c-seagreen\:50\:st, html.dark .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-seagreen\:55\:st, html.dark .sf-c-seagreen\:55\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 55%) } -html[data-theme='dark'] .sf-c-seagreen\:60\:st, html.dark .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-seagreen\:65\:st, html.dark .sf-c-seagreen\:65\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 65%) } -html[data-theme='dark'] .sf-c-seagreen\:70\:st, html.dark .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-seagreen\:75\:st, html.dark .sf-c-seagreen\:75\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 75%) } -html[data-theme='dark'] .sf-c-seagreen\:80\:st, html.dark .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-seagreen\:85\:st, html.dark .sf-c-seagreen\:85\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 85%) } -html[data-theme='dark'] .sf-c-seagreen\:90\:st, html.dark .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-seagreen\:95\:st, html.dark .sf-c-seagreen\:95\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } -html[data-theme='dark'] .sf-c-seagreen\:100\:st, html.dark .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } - -html[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:5, html.dark .sf-c-txt-seagreen\:5 { color: hsl(146, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:15, html.dark .sf-c-txt-seagreen\:15 { color: hsl(146, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:25, html.dark .sf-c-txt-seagreen\:25 { color: hsl(146, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:35, html.dark .sf-c-txt-seagreen\:35 { color: hsl(146, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:45, html.dark .sf-c-txt-seagreen\:45 { color: hsl(146, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:55, html.dark .sf-c-txt-seagreen\:55 { color: hsl(146, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:65, html.dark .sf-c-txt-seagreen\:65 { color: hsl(146, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:75, html.dark .sf-c-txt-seagreen\:75 { color: hsl(146, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:85, html.dark .sf-c-txt-seagreen\:85 { color: hsl(146, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:95, html.dark .sf-c-txt-seagreen\:95 { color: hsl(146, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } - -html[data-theme='dark'] .sf-c-txt-seagreen\:st, html.dark .sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:0\:st, html.dark .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:5\:st, html.dark .sf-c-txt-seagreen\:5\:st { color: hsl(146, 50%, 5%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:10\:st, html.dark .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:15\:st, html.dark .sf-c-txt-seagreen\:15\:st { color: hsl(146, 50%, 15%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:20\:st, html.dark .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:25\:st, html.dark .sf-c-txt-seagreen\:25\:st { color: hsl(146, 50%, 25%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:30\:st, html.dark .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:35\:st, html.dark .sf-c-txt-seagreen\:35\:st { color: hsl(146, 50%, 35%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:40\:st, html.dark .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:45\:st, html.dark .sf-c-txt-seagreen\:45\:st { color: hsl(146, 50%, 45%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:50\:st, html.dark .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:55\:st, html.dark .sf-c-txt-seagreen\:55\:st { color: hsl(146, 50%, 55%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:60\:st, html.dark .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:65\:st, html.dark .sf-c-txt-seagreen\:65\:st { color: hsl(146, 50%, 65%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:70\:st, html.dark .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:75\:st, html.dark .sf-c-txt-seagreen\:75\:st { color: hsl(146, 50%, 75%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:80\:st, html.dark .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:85\:st, html.dark .sf-c-txt-seagreen\:85\:st { color: hsl(146, 50%, 85%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:90\:st, html.dark .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:95\:st, html.dark .sf-c-txt-seagreen\:95\:st { color: hsl(146, 50%, 95%) } -html[data-theme='dark'] .sf-c-txt-seagreen\:100\:st, html.dark .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-seagreen, html.auto .sf-c-seagreen { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 64%) } - html[data-theme='auto'] .sf-c-seagreen\:0, html.auto .sf-c-seagreen\:0 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } - html[data-theme='auto'] .sf-c-seagreen\:5, html.auto .sf-c-seagreen\:5 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } - html[data-theme='auto'] .sf-c-seagreen\:10, html.auto .sf-c-seagreen\:10 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-seagreen\:15, html.auto .sf-c-seagreen\:15 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 85%) } - html[data-theme='auto'] .sf-c-seagreen\:20, html.auto .sf-c-seagreen\:20 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-seagreen\:25, html.auto .sf-c-seagreen\:25 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 75%) } - html[data-theme='auto'] .sf-c-seagreen\:30, html.auto .sf-c-seagreen\:30 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-seagreen\:35, html.auto .sf-c-seagreen\:35 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 65%) } - html[data-theme='auto'] .sf-c-seagreen\:40, html.auto .sf-c-seagreen\:40 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-seagreen\:45, html.auto .sf-c-seagreen\:45 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 55%) } - html[data-theme='auto'] .sf-c-seagreen\:50, html.auto .sf-c-seagreen\:50 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-seagreen\:55, html.auto .sf-c-seagreen\:55 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 45%) } - html[data-theme='auto'] .sf-c-seagreen\:60, html.auto .sf-c-seagreen\:60 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-seagreen\:65, html.auto .sf-c-seagreen\:65 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 35%) } - html[data-theme='auto'] .sf-c-seagreen\:70, html.auto .sf-c-seagreen\:70 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-seagreen\:75, html.auto .sf-c-seagreen\:75 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 25%) } - html[data-theme='auto'] .sf-c-seagreen\:80, html.auto .sf-c-seagreen\:80 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-seagreen\:85, html.auto .sf-c-seagreen\:85 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 15%) } - html[data-theme='auto'] .sf-c-seagreen\:90, html.auto .sf-c-seagreen\:90 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-seagreen\:95, html.auto .sf-c-seagreen\:95 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } - html[data-theme='auto'] .sf-c-seagreen\:100, html.auto .sf-c-seagreen\:100 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } - - html[data-theme='auto'] .sf-c-seagreen\:st, html.auto .sf-c-seagreen\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 36%) } - html[data-theme='auto'] .sf-c-seagreen\:0\:st, html.auto .sf-c-seagreen\:0\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } - html[data-theme='auto'] .sf-c-seagreen\:5\:st, html.auto .sf-c-seagreen\:5\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } - html[data-theme='auto'] .sf-c-seagreen\:10\:st, html.auto .sf-c-seagreen\:10\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-seagreen\:15\:st, html.auto .sf-c-seagreen\:15\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 15%) } - html[data-theme='auto'] .sf-c-seagreen\:20\:st, html.auto .sf-c-seagreen\:20\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-seagreen\:25\:st, html.auto .sf-c-seagreen\:25\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 25%) } - html[data-theme='auto'] .sf-c-seagreen\:30\:st, html.auto .sf-c-seagreen\:30\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-seagreen\:35\:st, html.auto .sf-c-seagreen\:35\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 35%) } - html[data-theme='auto'] .sf-c-seagreen\:40\:st, html.auto .sf-c-seagreen\:40\:st { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-seagreen\:45\:st, html.auto .sf-c-seagreen\:45\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 45%) } - html[data-theme='auto'] .sf-c-seagreen\:50\:st, html.auto .sf-c-seagreen\:50\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-seagreen\:55\:st, html.auto .sf-c-seagreen\:55\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 55%) } - html[data-theme='auto'] .sf-c-seagreen\:60\:st, html.auto .sf-c-seagreen\:60\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-seagreen\:65\:st, html.auto .sf-c-seagreen\:65\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 65%) } - html[data-theme='auto'] .sf-c-seagreen\:70\:st, html.auto .sf-c-seagreen\:70\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-seagreen\:75\:st, html.auto .sf-c-seagreen\:75\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 75%) } - html[data-theme='auto'] .sf-c-seagreen\:80\:st, html.auto .sf-c-seagreen\:80\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-seagreen\:85\:st, html.auto .sf-c-seagreen\:85\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 85%) } - html[data-theme='auto'] .sf-c-seagreen\:90\:st, html.auto .sf-c-seagreen\:90\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-seagreen\:95\:st, html.auto .sf-c-seagreen\:95\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } - html[data-theme='auto'] .sf-c-seagreen\:100\:st, html.auto .sf-c-seagreen\:100\:st { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } - - html[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:5, html.auto .sf-c-txt-seagreen\:5 { color: hsl(146, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:15, html.auto .sf-c-txt-seagreen\:15 { color: hsl(146, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:25, html.auto .sf-c-txt-seagreen\:25 { color: hsl(146, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:35, html.auto .sf-c-txt-seagreen\:35 { color: hsl(146, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:45, html.auto .sf-c-txt-seagreen\:45 { color: hsl(146, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:55, html.auto .sf-c-txt-seagreen\:55 { color: hsl(146, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:65, html.auto .sf-c-txt-seagreen\:65 { color: hsl(146, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:75, html.auto .sf-c-txt-seagreen\:75 { color: hsl(146, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:85, html.auto .sf-c-txt-seagreen\:85 { color: hsl(146, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:95, html.auto .sf-c-txt-seagreen\:95 { color: hsl(146, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } - - html[data-theme='auto'] .sf-c-txt-seagreen\:st, html.auto .sf-c-txt-seagreen\:st { color: hsl(146, 50%, 36%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:0\:st, html.auto .sf-c-txt-seagreen\:0\:st { color: hsl(146, 50%, 0%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:5\:st, html.auto .sf-c-txt-seagreen\:5\:st { color: hsl(146, 50%, 5%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:10\:st, html.auto .sf-c-txt-seagreen\:10\:st { color: hsl(146, 50%, 10%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:15\:st, html.auto .sf-c-txt-seagreen\:15\:st { color: hsl(146, 50%, 15%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:20\:st, html.auto .sf-c-txt-seagreen\:20\:st { color: hsl(146, 50%, 20%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:25\:st, html.auto .sf-c-txt-seagreen\:25\:st { color: hsl(146, 50%, 25%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:30\:st, html.auto .sf-c-txt-seagreen\:30\:st { color: hsl(146, 50%, 30%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:35\:st, html.auto .sf-c-txt-seagreen\:35\:st { color: hsl(146, 50%, 35%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:40\:st, html.auto .sf-c-txt-seagreen\:40\:st { color: hsl(146, 50%, 40%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:45\:st, html.auto .sf-c-txt-seagreen\:45\:st { color: hsl(146, 50%, 45%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:50\:st, html.auto .sf-c-txt-seagreen\:50\:st { color: hsl(146, 50%, 50%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:55\:st, html.auto .sf-c-txt-seagreen\:55\:st { color: hsl(146, 50%, 55%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:60\:st, html.auto .sf-c-txt-seagreen\:60\:st { color: hsl(146, 50%, 60%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:65\:st, html.auto .sf-c-txt-seagreen\:65\:st { color: hsl(146, 50%, 65%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:70\:st, html.auto .sf-c-txt-seagreen\:70\:st { color: hsl(146, 50%, 70%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:75\:st, html.auto .sf-c-txt-seagreen\:75\:st { color: hsl(146, 50%, 75%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:80\:st, html.auto .sf-c-txt-seagreen\:80\:st { color: hsl(146, 50%, 80%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:85\:st, html.auto .sf-c-txt-seagreen\:85\:st { color: hsl(146, 50%, 85%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:90\:st, html.auto .sf-c-txt-seagreen\:90\:st { color: hsl(146, 50%, 90%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:95\:st, html.auto .sf-c-txt-seagreen\:95\:st { color: hsl(146, 50%, 95%) } - html[data-theme='auto'] .sf-c-txt-seagreen\:100\:st, html.auto .sf-c-txt-seagreen\:100\:st { color: hsl(146, 50%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/seashell.css b/src/colors/20/seashell.css deleted file mode 100644 index 16baabc..0000000 --- a/src/colors/20/seashell.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-seashell { - --sf-c-seashell: 25 100% 97%; - --sf-c-seashell-0: 25 100% 0%; - --sf-c-seashell-5: 25 100% 5%; - --sf-c-seashell-10: 25 100% 10%; - --sf-c-seashell-15: 25 100% 15%; - --sf-c-seashell-20: 25 100% 20%; - --sf-c-seashell-25: 25 100% 25%; - --sf-c-seashell-30: 25 100% 30%; - --sf-c-seashell-35: 25 100% 35%; - --sf-c-seashell-40: 25 100% 40%; - --sf-c-seashell-45: 25 100% 45%; - --sf-c-seashell-50: 25 100% 50%; - --sf-c-seashell-55: 25 100% 55%; - --sf-c-seashell-60: 25 100% 60%; - --sf-c-seashell-65: 25 100% 65%; - --sf-c-seashell-70: 25 100% 70%; - --sf-c-seashell-75: 25 100% 75%; - --sf-c-seashell-80: 25 100% 80%; - --sf-c-seashell-85: 25 100% 85%; - --sf-c-seashell-90: 25 100% 90%; - --sf-c-seashell-95: 25 100% 95%; - --sf-c-seashell-100: 25 100% 100%; -} - -.sf-c-seashell, .sf-c-seashell\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 97%) } -.sf-c-seashell\:0, .sf-c-seashell\:0\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } -.sf-c-seashell\:5, .sf-c-seashell\:5\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } -.sf-c-seashell\:10, .sf-c-seashell\:10\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } -.sf-c-seashell\:15, .sf-c-seashell\:15\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 15%) } -.sf-c-seashell\:20, .sf-c-seashell\:20\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 20%) } -.sf-c-seashell\:25, .sf-c-seashell\:25\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 25%) } -.sf-c-seashell\:30, .sf-c-seashell\:30\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 30%) } -.sf-c-seashell\:35, .sf-c-seashell\:35\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 35%) } -.sf-c-seashell\:40, .sf-c-seashell\:40\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 40%) } -.sf-c-seashell\:45, .sf-c-seashell\:45\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 45%) } -.sf-c-seashell\:50, .sf-c-seashell\:50\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 50%) } -.sf-c-seashell\:55, .sf-c-seashell\:55\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 55%) } -.sf-c-seashell\:60, .sf-c-seashell\:60\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 60%) } -.sf-c-seashell\:65, .sf-c-seashell\:65\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 65%) } -.sf-c-seashell\:70, .sf-c-seashell\:70\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 70%) } -.sf-c-seashell\:75, .sf-c-seashell\:75\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 75%) } -.sf-c-seashell\:80, .sf-c-seashell\:80\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 80%) } -.sf-c-seashell\:85, .sf-c-seashell\:85\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 85%) } -.sf-c-seashell\:90, .sf-c-seashell\:90\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 90%) } -.sf-c-seashell\:95, .sf-c-seashell\:95\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } -.sf-c-seashell\:100, .sf-c-seashell\:100\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } - -.sf-c-txt-seashell { color: hsl(25, 100%, 10%) } -.sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } -.sf-c-txt-seashell\:0, .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } -.sf-c-txt-seashell\:5, .sf-c-txt-seashell\:5\:st { color: hsl(25, 100%, 5%) } -.sf-c-txt-seashell\:10, .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } -.sf-c-txt-seashell\:15, .sf-c-txt-seashell\:15\:st { color: hsl(25, 100%, 15%) } -.sf-c-txt-seashell\:20, .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } -.sf-c-txt-seashell\:25, .sf-c-txt-seashell\:25\:st { color: hsl(25, 100%, 25%) } -.sf-c-txt-seashell\:30, .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } -.sf-c-txt-seashell\:35, .sf-c-txt-seashell\:35\:st { color: hsl(25, 100%, 35%) } -.sf-c-txt-seashell\:40, .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } -.sf-c-txt-seashell\:45, .sf-c-txt-seashell\:45\:st { color: hsl(25, 100%, 45%) } -.sf-c-txt-seashell\:50, .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } -.sf-c-txt-seashell\:55, .sf-c-txt-seashell\:55\:st { color: hsl(25, 100%, 55%) } -.sf-c-txt-seashell\:60, .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } -.sf-c-txt-seashell\:65, .sf-c-txt-seashell\:65\:st { color: hsl(25, 100%, 65%) } -.sf-c-txt-seashell\:70, .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } -.sf-c-txt-seashell\:75, .sf-c-txt-seashell\:75\:st { color: hsl(25, 100%, 75%) } -.sf-c-txt-seashell\:80, .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } -.sf-c-txt-seashell\:85, .sf-c-txt-seashell\:85\:st { color: hsl(25, 100%, 85%) } -.sf-c-txt-seashell\:90, .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } -.sf-c-txt-seashell\:95, .sf-c-txt-seashell\:95\:st { color: hsl(25, 100%, 95%) } -.sf-c-txt-seashell\:100, .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } - -html[data-theme='dark'] .sf-c-seashell, html.dark .sf-c-seashell { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 3%) } -html[data-theme='dark'] .sf-c-seashell\:0, html.dark .sf-c-seashell\:0 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } -html[data-theme='dark'] .sf-c-seashell\:5, html.dark .sf-c-seashell\:5 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } -html[data-theme='dark'] .sf-c-seashell\:10, html.dark .sf-c-seashell\:10 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-seashell\:15, html.dark .sf-c-seashell\:15 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 85%) } -html[data-theme='dark'] .sf-c-seashell\:20, html.dark .sf-c-seashell\:20 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-seashell\:25, html.dark .sf-c-seashell\:25 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 75%) } -html[data-theme='dark'] .sf-c-seashell\:30, html.dark .sf-c-seashell\:30 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-seashell\:35, html.dark .sf-c-seashell\:35 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 65%) } -html[data-theme='dark'] .sf-c-seashell\:40, html.dark .sf-c-seashell\:40 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-seashell\:45, html.dark .sf-c-seashell\:45 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 55%) } -html[data-theme='dark'] .sf-c-seashell\:50, html.dark .sf-c-seashell\:50 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-seashell\:55, html.dark .sf-c-seashell\:55 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 45%) } -html[data-theme='dark'] .sf-c-seashell\:60, html.dark .sf-c-seashell\:60 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-seashell\:65, html.dark .sf-c-seashell\:65 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 35%) } -html[data-theme='dark'] .sf-c-seashell\:70, html.dark .sf-c-seashell\:70 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-seashell\:75, html.dark .sf-c-seashell\:75 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 25%) } -html[data-theme='dark'] .sf-c-seashell\:80, html.dark .sf-c-seashell\:80 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-seashell\:85, html.dark .sf-c-seashell\:85 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 15%) } -html[data-theme='dark'] .sf-c-seashell\:90, html.dark .sf-c-seashell\:90 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-seashell\:95, html.dark .sf-c-seashell\:95 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } -html[data-theme='dark'] .sf-c-seashell\:100, html.dark .sf-c-seashell\:100 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } - -html[data-theme='dark'] .sf-c-seashell\:st, html.dark .sf-c-seashell\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-seashell\:0\:st, html.dark .sf-c-seashell\:0\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } -html[data-theme='dark'] .sf-c-seashell\:5\:st, html.dark .sf-c-seashell\:5\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } -html[data-theme='dark'] .sf-c-seashell\:10\:st, html.dark .sf-c-seashell\:10\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-seashell\:15\:st, html.dark .sf-c-seashell\:15\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 15%) } -html[data-theme='dark'] .sf-c-seashell\:20\:st, html.dark .sf-c-seashell\:20\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-seashell\:25\:st, html.dark .sf-c-seashell\:25\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 25%) } -html[data-theme='dark'] .sf-c-seashell\:30\:st, html.dark .sf-c-seashell\:30\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-seashell\:35\:st, html.dark .sf-c-seashell\:35\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 35%) } -html[data-theme='dark'] .sf-c-seashell\:40\:st, html.dark .sf-c-seashell\:40\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-seashell\:45\:st, html.dark .sf-c-seashell\:45\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 45%) } -html[data-theme='dark'] .sf-c-seashell\:50\:st, html.dark .sf-c-seashell\:50\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-seashell\:55\:st, html.dark .sf-c-seashell\:55\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 55%) } -html[data-theme='dark'] .sf-c-seashell\:60\:st, html.dark .sf-c-seashell\:60\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-seashell\:65\:st, html.dark .sf-c-seashell\:65\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 65%) } -html[data-theme='dark'] .sf-c-seashell\:70\:st, html.dark .sf-c-seashell\:70\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-seashell\:75\:st, html.dark .sf-c-seashell\:75\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 75%) } -html[data-theme='dark'] .sf-c-seashell\:80\:st, html.dark .sf-c-seashell\:80\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-seashell\:85\:st, html.dark .sf-c-seashell\:85\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 85%) } -html[data-theme='dark'] .sf-c-seashell\:90\:st, html.dark .sf-c-seashell\:90\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-seashell\:95\:st, html.dark .sf-c-seashell\:95\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } -html[data-theme='dark'] .sf-c-seashell\:100\:st, html.dark .sf-c-seashell\:100\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-seashell\:5, html.dark .sf-c-txt-seashell\:5 { color: hsl(25, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-seashell\:15, html.dark .sf-c-txt-seashell\:15 { color: hsl(25, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-seashell\:25, html.dark .sf-c-txt-seashell\:25 { color: hsl(25, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-seashell\:35, html.dark .sf-c-txt-seashell\:35 { color: hsl(25, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-seashell\:45, html.dark .sf-c-txt-seashell\:45 { color: hsl(25, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-seashell\:55, html.dark .sf-c-txt-seashell\:55 { color: hsl(25, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-seashell\:65, html.dark .sf-c-txt-seashell\:65 { color: hsl(25, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-seashell\:75, html.dark .sf-c-txt-seashell\:75 { color: hsl(25, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-seashell\:85, html.dark .sf-c-txt-seashell\:85 { color: hsl(25, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-seashell\:95, html.dark .sf-c-txt-seashell\:95 { color: hsl(25, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-seashell\:st, html.dark .sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } -html[data-theme='dark'] .sf-c-txt-seashell\:0\:st, html.dark .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-seashell\:5\:st, html.dark .sf-c-txt-seashell\:5\:st { color: hsl(25, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-seashell\:10\:st, html.dark .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-seashell\:15\:st, html.dark .sf-c-txt-seashell\:15\:st { color: hsl(25, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-seashell\:20\:st, html.dark .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-seashell\:25\:st, html.dark .sf-c-txt-seashell\:25\:st { color: hsl(25, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-seashell\:30\:st, html.dark .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-seashell\:35\:st, html.dark .sf-c-txt-seashell\:35\:st { color: hsl(25, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-seashell\:40\:st, html.dark .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-seashell\:45\:st, html.dark .sf-c-txt-seashell\:45\:st { color: hsl(25, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-seashell\:50\:st, html.dark .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-seashell\:55\:st, html.dark .sf-c-txt-seashell\:55\:st { color: hsl(25, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-seashell\:60\:st, html.dark .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-seashell\:65\:st, html.dark .sf-c-txt-seashell\:65\:st { color: hsl(25, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-seashell\:70\:st, html.dark .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-seashell\:75\:st, html.dark .sf-c-txt-seashell\:75\:st { color: hsl(25, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-seashell\:80\:st, html.dark .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-seashell\:85\:st, html.dark .sf-c-txt-seashell\:85\:st { color: hsl(25, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-seashell\:90\:st, html.dark .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-seashell\:95\:st, html.dark .sf-c-txt-seashell\:95\:st { color: hsl(25, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-seashell\:100\:st, html.dark .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-seashell, html.auto .sf-c-seashell { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 3%) } - html[data-theme='auto'] .sf-c-seashell\:0, html.auto .sf-c-seashell\:0 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } - html[data-theme='auto'] .sf-c-seashell\:5, html.auto .sf-c-seashell\:5 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } - html[data-theme='auto'] .sf-c-seashell\:10, html.auto .sf-c-seashell\:10 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-seashell\:15, html.auto .sf-c-seashell\:15 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 85%) } - html[data-theme='auto'] .sf-c-seashell\:20, html.auto .sf-c-seashell\:20 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-seashell\:25, html.auto .sf-c-seashell\:25 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 75%) } - html[data-theme='auto'] .sf-c-seashell\:30, html.auto .sf-c-seashell\:30 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-seashell\:35, html.auto .sf-c-seashell\:35 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 65%) } - html[data-theme='auto'] .sf-c-seashell\:40, html.auto .sf-c-seashell\:40 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-seashell\:45, html.auto .sf-c-seashell\:45 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 55%) } - html[data-theme='auto'] .sf-c-seashell\:50, html.auto .sf-c-seashell\:50 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-seashell\:55, html.auto .sf-c-seashell\:55 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 45%) } - html[data-theme='auto'] .sf-c-seashell\:60, html.auto .sf-c-seashell\:60 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-seashell\:65, html.auto .sf-c-seashell\:65 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 35%) } - html[data-theme='auto'] .sf-c-seashell\:70, html.auto .sf-c-seashell\:70 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-seashell\:75, html.auto .sf-c-seashell\:75 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 25%) } - html[data-theme='auto'] .sf-c-seashell\:80, html.auto .sf-c-seashell\:80 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-seashell\:85, html.auto .sf-c-seashell\:85 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 15%) } - html[data-theme='auto'] .sf-c-seashell\:90, html.auto .sf-c-seashell\:90 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-seashell\:95, html.auto .sf-c-seashell\:95 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } - html[data-theme='auto'] .sf-c-seashell\:100, html.auto .sf-c-seashell\:100 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } - - html[data-theme='auto'] .sf-c-seashell\:st, html.auto .sf-c-seashell\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-seashell\:0\:st, html.auto .sf-c-seashell\:0\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } - html[data-theme='auto'] .sf-c-seashell\:5\:st, html.auto .sf-c-seashell\:5\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } - html[data-theme='auto'] .sf-c-seashell\:10\:st, html.auto .sf-c-seashell\:10\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-seashell\:15\:st, html.auto .sf-c-seashell\:15\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 15%) } - html[data-theme='auto'] .sf-c-seashell\:20\:st, html.auto .sf-c-seashell\:20\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-seashell\:25\:st, html.auto .sf-c-seashell\:25\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 25%) } - html[data-theme='auto'] .sf-c-seashell\:30\:st, html.auto .sf-c-seashell\:30\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-seashell\:35\:st, html.auto .sf-c-seashell\:35\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 35%) } - html[data-theme='auto'] .sf-c-seashell\:40\:st, html.auto .sf-c-seashell\:40\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-seashell\:45\:st, html.auto .sf-c-seashell\:45\:st { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 45%) } - html[data-theme='auto'] .sf-c-seashell\:50\:st, html.auto .sf-c-seashell\:50\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-seashell\:55\:st, html.auto .sf-c-seashell\:55\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 55%) } - html[data-theme='auto'] .sf-c-seashell\:60\:st, html.auto .sf-c-seashell\:60\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-seashell\:65\:st, html.auto .sf-c-seashell\:65\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 65%) } - html[data-theme='auto'] .sf-c-seashell\:70\:st, html.auto .sf-c-seashell\:70\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-seashell\:75\:st, html.auto .sf-c-seashell\:75\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 75%) } - html[data-theme='auto'] .sf-c-seashell\:80\:st, html.auto .sf-c-seashell\:80\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-seashell\:85\:st, html.auto .sf-c-seashell\:85\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 85%) } - html[data-theme='auto'] .sf-c-seashell\:90\:st, html.auto .sf-c-seashell\:90\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-seashell\:95\:st, html.auto .sf-c-seashell\:95\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } - html[data-theme='auto'] .sf-c-seashell\:100\:st, html.auto .sf-c-seashell\:100\:st { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-seashell\:5, html.auto .sf-c-txt-seashell\:5 { color: hsl(25, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-seashell\:15, html.auto .sf-c-txt-seashell\:15 { color: hsl(25, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-seashell\:25, html.auto .sf-c-txt-seashell\:25 { color: hsl(25, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-seashell\:35, html.auto .sf-c-txt-seashell\:35 { color: hsl(25, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-seashell\:45, html.auto .sf-c-txt-seashell\:45 { color: hsl(25, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-seashell\:55, html.auto .sf-c-txt-seashell\:55 { color: hsl(25, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-seashell\:65, html.auto .sf-c-txt-seashell\:65 { color: hsl(25, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-seashell\:75, html.auto .sf-c-txt-seashell\:75 { color: hsl(25, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-seashell\:85, html.auto .sf-c-txt-seashell\:85 { color: hsl(25, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-seashell\:95, html.auto .sf-c-txt-seashell\:95 { color: hsl(25, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-seashell\:st, html.auto .sf-c-txt-seashell\:st { color: hsl(25, 100%, 97%) } - html[data-theme='auto'] .sf-c-txt-seashell\:0\:st, html.auto .sf-c-txt-seashell\:0\:st { color: hsl(25, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-seashell\:5\:st, html.auto .sf-c-txt-seashell\:5\:st { color: hsl(25, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-seashell\:10\:st, html.auto .sf-c-txt-seashell\:10\:st { color: hsl(25, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-seashell\:15\:st, html.auto .sf-c-txt-seashell\:15\:st { color: hsl(25, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-seashell\:20\:st, html.auto .sf-c-txt-seashell\:20\:st { color: hsl(25, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-seashell\:25\:st, html.auto .sf-c-txt-seashell\:25\:st { color: hsl(25, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-seashell\:30\:st, html.auto .sf-c-txt-seashell\:30\:st { color: hsl(25, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-seashell\:35\:st, html.auto .sf-c-txt-seashell\:35\:st { color: hsl(25, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-seashell\:40\:st, html.auto .sf-c-txt-seashell\:40\:st { color: hsl(25, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-seashell\:45\:st, html.auto .sf-c-txt-seashell\:45\:st { color: hsl(25, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-seashell\:50\:st, html.auto .sf-c-txt-seashell\:50\:st { color: hsl(25, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-seashell\:55\:st, html.auto .sf-c-txt-seashell\:55\:st { color: hsl(25, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-seashell\:60\:st, html.auto .sf-c-txt-seashell\:60\:st { color: hsl(25, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-seashell\:65\:st, html.auto .sf-c-txt-seashell\:65\:st { color: hsl(25, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-seashell\:70\:st, html.auto .sf-c-txt-seashell\:70\:st { color: hsl(25, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-seashell\:75\:st, html.auto .sf-c-txt-seashell\:75\:st { color: hsl(25, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-seashell\:80\:st, html.auto .sf-c-txt-seashell\:80\:st { color: hsl(25, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-seashell\:85\:st, html.auto .sf-c-txt-seashell\:85\:st { color: hsl(25, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-seashell\:90\:st, html.auto .sf-c-txt-seashell\:90\:st { color: hsl(25, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-seashell\:95\:st, html.auto .sf-c-txt-seashell\:95\:st { color: hsl(25, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-seashell\:100\:st, html.auto .sf-c-txt-seashell\:100\:st { color: hsl(25, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/sienna.css b/src/colors/20/sienna.css deleted file mode 100644 index 2bd6b95..0000000 --- a/src/colors/20/sienna.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-sienna { - --sf-c-sienna: 19 56% 40%; - --sf-c-sienna-0: 19 56% 0%; - --sf-c-sienna-5: 19 56% 5%; - --sf-c-sienna-10: 19 56% 10%; - --sf-c-sienna-15: 19 56% 15%; - --sf-c-sienna-20: 19 56% 20%; - --sf-c-sienna-25: 19 56% 25%; - --sf-c-sienna-30: 19 56% 30%; - --sf-c-sienna-35: 19 56% 35%; - --sf-c-sienna-40: 19 56% 40%; - --sf-c-sienna-45: 19 56% 45%; - --sf-c-sienna-50: 19 56% 50%; - --sf-c-sienna-55: 19 56% 55%; - --sf-c-sienna-60: 19 56% 60%; - --sf-c-sienna-65: 19 56% 65%; - --sf-c-sienna-70: 19 56% 70%; - --sf-c-sienna-75: 19 56% 75%; - --sf-c-sienna-80: 19 56% 80%; - --sf-c-sienna-85: 19 56% 85%; - --sf-c-sienna-90: 19 56% 90%; - --sf-c-sienna-95: 19 56% 95%; - --sf-c-sienna-100: 19 56% 100%; -} - -.sf-c-sienna, .sf-c-sienna\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } -.sf-c-sienna\:0, .sf-c-sienna\:0\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } -.sf-c-sienna\:5, .sf-c-sienna\:5\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } -.sf-c-sienna\:10, .sf-c-sienna\:10\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } -.sf-c-sienna\:15, .sf-c-sienna\:15\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 15%) } -.sf-c-sienna\:20, .sf-c-sienna\:20\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 20%) } -.sf-c-sienna\:25, .sf-c-sienna\:25\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 25%) } -.sf-c-sienna\:30, .sf-c-sienna\:30\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 30%) } -.sf-c-sienna\:35, .sf-c-sienna\:35\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 35%) } -.sf-c-sienna\:40, .sf-c-sienna\:40\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } -.sf-c-sienna\:45, .sf-c-sienna\:45\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 45%) } -.sf-c-sienna\:50, .sf-c-sienna\:50\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 50%) } -.sf-c-sienna\:55, .sf-c-sienna\:55\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 55%) } -.sf-c-sienna\:60, .sf-c-sienna\:60\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } -.sf-c-sienna\:65, .sf-c-sienna\:65\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 65%) } -.sf-c-sienna\:70, .sf-c-sienna\:70\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 70%) } -.sf-c-sienna\:75, .sf-c-sienna\:75\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 75%) } -.sf-c-sienna\:80, .sf-c-sienna\:80\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 80%) } -.sf-c-sienna\:85, .sf-c-sienna\:85\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 85%) } -.sf-c-sienna\:90, .sf-c-sienna\:90\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90%) } -.sf-c-sienna\:95, .sf-c-sienna\:95\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } -.sf-c-sienna\:100, .sf-c-sienna\:100\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } - -.sf-c-txt-sienna { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:0, .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } -.sf-c-txt-sienna\:5, .sf-c-txt-sienna\:5\:st { color: hsl(19, 56%, 5%) } -.sf-c-txt-sienna\:10, .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } -.sf-c-txt-sienna\:15, .sf-c-txt-sienna\:15\:st { color: hsl(19, 56%, 15%) } -.sf-c-txt-sienna\:20, .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } -.sf-c-txt-sienna\:25, .sf-c-txt-sienna\:25\:st { color: hsl(19, 56%, 25%) } -.sf-c-txt-sienna\:30, .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } -.sf-c-txt-sienna\:35, .sf-c-txt-sienna\:35\:st { color: hsl(19, 56%, 35%) } -.sf-c-txt-sienna\:40, .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } -.sf-c-txt-sienna\:45, .sf-c-txt-sienna\:45\:st { color: hsl(19, 56%, 45%) } -.sf-c-txt-sienna\:50, .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } -.sf-c-txt-sienna\:55, .sf-c-txt-sienna\:55\:st { color: hsl(19, 56%, 55%) } -.sf-c-txt-sienna\:60, .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } -.sf-c-txt-sienna\:65, .sf-c-txt-sienna\:65\:st { color: hsl(19, 56%, 65%) } -.sf-c-txt-sienna\:70, .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } -.sf-c-txt-sienna\:75, .sf-c-txt-sienna\:75\:st { color: hsl(19, 56%, 75%) } -.sf-c-txt-sienna\:80, .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } -.sf-c-txt-sienna\:85, .sf-c-txt-sienna\:85\:st { color: hsl(19, 56%, 85%) } -.sf-c-txt-sienna\:90, .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } -.sf-c-txt-sienna\:95, .sf-c-txt-sienna\:95\:st { color: hsl(19, 56%, 95%) } -.sf-c-txt-sienna\:100, .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } - -html[data-theme='dark'] .sf-c-sienna, html.dark .sf-c-sienna { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:0, html.dark .sf-c-sienna\:0 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } -html[data-theme='dark'] .sf-c-sienna\:5, html.dark .sf-c-sienna\:5 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } -html[data-theme='dark'] .sf-c-sienna\:10, html.dark .sf-c-sienna\:10 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-sienna\:15, html.dark .sf-c-sienna\:15 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 85%) } -html[data-theme='dark'] .sf-c-sienna\:20, html.dark .sf-c-sienna\:20 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-sienna\:25, html.dark .sf-c-sienna\:25 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 75%) } -html[data-theme='dark'] .sf-c-sienna\:30, html.dark .sf-c-sienna\:30 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-sienna\:35, html.dark .sf-c-sienna\:35 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 65%) } -html[data-theme='dark'] .sf-c-sienna\:40, html.dark .sf-c-sienna\:40 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:45, html.dark .sf-c-sienna\:45 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 55%) } -html[data-theme='dark'] .sf-c-sienna\:50, html.dark .sf-c-sienna\:50 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-sienna\:55, html.dark .sf-c-sienna\:55 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 45%) } -html[data-theme='dark'] .sf-c-sienna\:60, html.dark .sf-c-sienna\:60 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:65, html.dark .sf-c-sienna\:65 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 35%) } -html[data-theme='dark'] .sf-c-sienna\:70, html.dark .sf-c-sienna\:70 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-sienna\:75, html.dark .sf-c-sienna\:75 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 25%) } -html[data-theme='dark'] .sf-c-sienna\:80, html.dark .sf-c-sienna\:80 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-sienna\:85, html.dark .sf-c-sienna\:85 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 15%) } -html[data-theme='dark'] .sf-c-sienna\:90, html.dark .sf-c-sienna\:90 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-sienna\:95, html.dark .sf-c-sienna\:95 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } -html[data-theme='dark'] .sf-c-sienna\:100, html.dark .sf-c-sienna\:100 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } - -html[data-theme='dark'] .sf-c-sienna\:st, html.dark .sf-c-sienna\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:0\:st, html.dark .sf-c-sienna\:0\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } -html[data-theme='dark'] .sf-c-sienna\:5\:st, html.dark .sf-c-sienna\:5\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } -html[data-theme='dark'] .sf-c-sienna\:10\:st, html.dark .sf-c-sienna\:10\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-sienna\:15\:st, html.dark .sf-c-sienna\:15\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 15%) } -html[data-theme='dark'] .sf-c-sienna\:20\:st, html.dark .sf-c-sienna\:20\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-sienna\:25\:st, html.dark .sf-c-sienna\:25\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 25%) } -html[data-theme='dark'] .sf-c-sienna\:30\:st, html.dark .sf-c-sienna\:30\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-sienna\:35\:st, html.dark .sf-c-sienna\:35\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 35%) } -html[data-theme='dark'] .sf-c-sienna\:40\:st, html.dark .sf-c-sienna\:40\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-sienna\:45\:st, html.dark .sf-c-sienna\:45\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 45%) } -html[data-theme='dark'] .sf-c-sienna\:50\:st, html.dark .sf-c-sienna\:50\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-sienna\:55\:st, html.dark .sf-c-sienna\:55\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 55%) } -html[data-theme='dark'] .sf-c-sienna\:60\:st, html.dark .sf-c-sienna\:60\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-sienna\:65\:st, html.dark .sf-c-sienna\:65\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 65%) } -html[data-theme='dark'] .sf-c-sienna\:70\:st, html.dark .sf-c-sienna\:70\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-sienna\:75\:st, html.dark .sf-c-sienna\:75\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 75%) } -html[data-theme='dark'] .sf-c-sienna\:80\:st, html.dark .sf-c-sienna\:80\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-sienna\:85\:st, html.dark .sf-c-sienna\:85\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 85%) } -html[data-theme='dark'] .sf-c-sienna\:90\:st, html.dark .sf-c-sienna\:90\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-sienna\:95\:st, html.dark .sf-c-sienna\:95\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } -html[data-theme='dark'] .sf-c-sienna\:100\:st, html.dark .sf-c-sienna\:100\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } - -html[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } -html[data-theme='dark'] .sf-c-txt-sienna\:5, html.dark .sf-c-txt-sienna\:5 { color: hsl(19, 56%, 95%) } -html[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-sienna\:15, html.dark .sf-c-txt-sienna\:15 { color: hsl(19, 56%, 85%) } -html[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-sienna\:25, html.dark .sf-c-txt-sienna\:25 { color: hsl(19, 56%, 75%) } -html[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-sienna\:35, html.dark .sf-c-txt-sienna\:35 { color: hsl(19, 56%, 65%) } -html[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:45, html.dark .sf-c-txt-sienna\:45 { color: hsl(19, 56%, 55%) } -html[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-sienna\:55, html.dark .sf-c-txt-sienna\:55 { color: hsl(19, 56%, 45%) } -html[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:65, html.dark .sf-c-txt-sienna\:65 { color: hsl(19, 56%, 35%) } -html[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-sienna\:75, html.dark .sf-c-txt-sienna\:75 { color: hsl(19, 56%, 25%) } -html[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-sienna\:85, html.dark .sf-c-txt-sienna\:85 { color: hsl(19, 56%, 15%) } -html[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-sienna\:95, html.dark .sf-c-txt-sienna\:95 { color: hsl(19, 56%, 5%) } -html[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } - -html[data-theme='dark'] .sf-c-txt-sienna\:st, html.dark .sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:0\:st, html.dark .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } -html[data-theme='dark'] .sf-c-txt-sienna\:5\:st, html.dark .sf-c-txt-sienna\:5\:st { color: hsl(19, 56%, 5%) } -html[data-theme='dark'] .sf-c-txt-sienna\:10\:st, html.dark .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } -html[data-theme='dark'] .sf-c-txt-sienna\:15\:st, html.dark .sf-c-txt-sienna\:15\:st { color: hsl(19, 56%, 15%) } -html[data-theme='dark'] .sf-c-txt-sienna\:20\:st, html.dark .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } -html[data-theme='dark'] .sf-c-txt-sienna\:25\:st, html.dark .sf-c-txt-sienna\:25\:st { color: hsl(19, 56%, 25%) } -html[data-theme='dark'] .sf-c-txt-sienna\:30\:st, html.dark .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } -html[data-theme='dark'] .sf-c-txt-sienna\:35\:st, html.dark .sf-c-txt-sienna\:35\:st { color: hsl(19, 56%, 35%) } -html[data-theme='dark'] .sf-c-txt-sienna\:40\:st, html.dark .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } -html[data-theme='dark'] .sf-c-txt-sienna\:45\:st, html.dark .sf-c-txt-sienna\:45\:st { color: hsl(19, 56%, 45%) } -html[data-theme='dark'] .sf-c-txt-sienna\:50\:st, html.dark .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } -html[data-theme='dark'] .sf-c-txt-sienna\:55\:st, html.dark .sf-c-txt-sienna\:55\:st { color: hsl(19, 56%, 55%) } -html[data-theme='dark'] .sf-c-txt-sienna\:60\:st, html.dark .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } -html[data-theme='dark'] .sf-c-txt-sienna\:65\:st, html.dark .sf-c-txt-sienna\:65\:st { color: hsl(19, 56%, 65%) } -html[data-theme='dark'] .sf-c-txt-sienna\:70\:st, html.dark .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } -html[data-theme='dark'] .sf-c-txt-sienna\:75\:st, html.dark .sf-c-txt-sienna\:75\:st { color: hsl(19, 56%, 75%) } -html[data-theme='dark'] .sf-c-txt-sienna\:80\:st, html.dark .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } -html[data-theme='dark'] .sf-c-txt-sienna\:85\:st, html.dark .sf-c-txt-sienna\:85\:st { color: hsl(19, 56%, 85%) } -html[data-theme='dark'] .sf-c-txt-sienna\:90\:st, html.dark .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } -html[data-theme='dark'] .sf-c-txt-sienna\:95\:st, html.dark .sf-c-txt-sienna\:95\:st { color: hsl(19, 56%, 95%) } -html[data-theme='dark'] .sf-c-txt-sienna\:100\:st, html.dark .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-sienna, html.auto .sf-c-sienna { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:0, html.auto .sf-c-sienna\:0 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } - html[data-theme='auto'] .sf-c-sienna\:5, html.auto .sf-c-sienna\:5 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } - html[data-theme='auto'] .sf-c-sienna\:10, html.auto .sf-c-sienna\:10 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-sienna\:15, html.auto .sf-c-sienna\:15 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 85%) } - html[data-theme='auto'] .sf-c-sienna\:20, html.auto .sf-c-sienna\:20 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-sienna\:25, html.auto .sf-c-sienna\:25 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 75%) } - html[data-theme='auto'] .sf-c-sienna\:30, html.auto .sf-c-sienna\:30 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-sienna\:35, html.auto .sf-c-sienna\:35 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 65%) } - html[data-theme='auto'] .sf-c-sienna\:40, html.auto .sf-c-sienna\:40 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:45, html.auto .sf-c-sienna\:45 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 55%) } - html[data-theme='auto'] .sf-c-sienna\:50, html.auto .sf-c-sienna\:50 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-sienna\:55, html.auto .sf-c-sienna\:55 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 45%) } - html[data-theme='auto'] .sf-c-sienna\:60, html.auto .sf-c-sienna\:60 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:65, html.auto .sf-c-sienna\:65 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 35%) } - html[data-theme='auto'] .sf-c-sienna\:70, html.auto .sf-c-sienna\:70 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-sienna\:75, html.auto .sf-c-sienna\:75 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 25%) } - html[data-theme='auto'] .sf-c-sienna\:80, html.auto .sf-c-sienna\:80 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-sienna\:85, html.auto .sf-c-sienna\:85 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 15%) } - html[data-theme='auto'] .sf-c-sienna\:90, html.auto .sf-c-sienna\:90 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-sienna\:95, html.auto .sf-c-sienna\:95 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } - html[data-theme='auto'] .sf-c-sienna\:100, html.auto .sf-c-sienna\:100 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } - - html[data-theme='auto'] .sf-c-sienna\:st, html.auto .sf-c-sienna\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:0\:st, html.auto .sf-c-sienna\:0\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } - html[data-theme='auto'] .sf-c-sienna\:5\:st, html.auto .sf-c-sienna\:5\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } - html[data-theme='auto'] .sf-c-sienna\:10\:st, html.auto .sf-c-sienna\:10\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-sienna\:15\:st, html.auto .sf-c-sienna\:15\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 15%) } - html[data-theme='auto'] .sf-c-sienna\:20\:st, html.auto .sf-c-sienna\:20\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-sienna\:25\:st, html.auto .sf-c-sienna\:25\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 25%) } - html[data-theme='auto'] .sf-c-sienna\:30\:st, html.auto .sf-c-sienna\:30\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-sienna\:35\:st, html.auto .sf-c-sienna\:35\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 35%) } - html[data-theme='auto'] .sf-c-sienna\:40\:st, html.auto .sf-c-sienna\:40\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-sienna\:45\:st, html.auto .sf-c-sienna\:45\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 45%) } - html[data-theme='auto'] .sf-c-sienna\:50\:st, html.auto .sf-c-sienna\:50\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-sienna\:55\:st, html.auto .sf-c-sienna\:55\:st { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 55%) } - html[data-theme='auto'] .sf-c-sienna\:60\:st, html.auto .sf-c-sienna\:60\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-sienna\:65\:st, html.auto .sf-c-sienna\:65\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 65%) } - html[data-theme='auto'] .sf-c-sienna\:70\:st, html.auto .sf-c-sienna\:70\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-sienna\:75\:st, html.auto .sf-c-sienna\:75\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 75%) } - html[data-theme='auto'] .sf-c-sienna\:80\:st, html.auto .sf-c-sienna\:80\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-sienna\:85\:st, html.auto .sf-c-sienna\:85\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 85%) } - html[data-theme='auto'] .sf-c-sienna\:90\:st, html.auto .sf-c-sienna\:90\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-sienna\:95\:st, html.auto .sf-c-sienna\:95\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } - html[data-theme='auto'] .sf-c-sienna\:100\:st, html.auto .sf-c-sienna\:100\:st { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } - - html[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } - html[data-theme='auto'] .sf-c-txt-sienna\:5, html.auto .sf-c-txt-sienna\:5 { color: hsl(19, 56%, 95%) } - html[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-sienna\:15, html.auto .sf-c-txt-sienna\:15 { color: hsl(19, 56%, 85%) } - html[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-sienna\:25, html.auto .sf-c-txt-sienna\:25 { color: hsl(19, 56%, 75%) } - html[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-sienna\:35, html.auto .sf-c-txt-sienna\:35 { color: hsl(19, 56%, 65%) } - html[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:45, html.auto .sf-c-txt-sienna\:45 { color: hsl(19, 56%, 55%) } - html[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-sienna\:55, html.auto .sf-c-txt-sienna\:55 { color: hsl(19, 56%, 45%) } - html[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:65, html.auto .sf-c-txt-sienna\:65 { color: hsl(19, 56%, 35%) } - html[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-sienna\:75, html.auto .sf-c-txt-sienna\:75 { color: hsl(19, 56%, 25%) } - html[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-sienna\:85, html.auto .sf-c-txt-sienna\:85 { color: hsl(19, 56%, 15%) } - html[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-sienna\:95, html.auto .sf-c-txt-sienna\:95 { color: hsl(19, 56%, 5%) } - html[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } - - html[data-theme='auto'] .sf-c-txt-sienna\:st, html.auto .sf-c-txt-sienna\:st { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:0\:st, html.auto .sf-c-txt-sienna\:0\:st { color: hsl(19, 56%, 0%) } - html[data-theme='auto'] .sf-c-txt-sienna\:5\:st, html.auto .sf-c-txt-sienna\:5\:st { color: hsl(19, 56%, 5%) } - html[data-theme='auto'] .sf-c-txt-sienna\:10\:st, html.auto .sf-c-txt-sienna\:10\:st { color: hsl(19, 56%, 10%) } - html[data-theme='auto'] .sf-c-txt-sienna\:15\:st, html.auto .sf-c-txt-sienna\:15\:st { color: hsl(19, 56%, 15%) } - html[data-theme='auto'] .sf-c-txt-sienna\:20\:st, html.auto .sf-c-txt-sienna\:20\:st { color: hsl(19, 56%, 20%) } - html[data-theme='auto'] .sf-c-txt-sienna\:25\:st, html.auto .sf-c-txt-sienna\:25\:st { color: hsl(19, 56%, 25%) } - html[data-theme='auto'] .sf-c-txt-sienna\:30\:st, html.auto .sf-c-txt-sienna\:30\:st { color: hsl(19, 56%, 30%) } - html[data-theme='auto'] .sf-c-txt-sienna\:35\:st, html.auto .sf-c-txt-sienna\:35\:st { color: hsl(19, 56%, 35%) } - html[data-theme='auto'] .sf-c-txt-sienna\:40\:st, html.auto .sf-c-txt-sienna\:40\:st { color: hsl(19, 56%, 40%) } - html[data-theme='auto'] .sf-c-txt-sienna\:45\:st, html.auto .sf-c-txt-sienna\:45\:st { color: hsl(19, 56%, 45%) } - html[data-theme='auto'] .sf-c-txt-sienna\:50\:st, html.auto .sf-c-txt-sienna\:50\:st { color: hsl(19, 56%, 50%) } - html[data-theme='auto'] .sf-c-txt-sienna\:55\:st, html.auto .sf-c-txt-sienna\:55\:st { color: hsl(19, 56%, 55%) } - html[data-theme='auto'] .sf-c-txt-sienna\:60\:st, html.auto .sf-c-txt-sienna\:60\:st { color: hsl(19, 56%, 60%) } - html[data-theme='auto'] .sf-c-txt-sienna\:65\:st, html.auto .sf-c-txt-sienna\:65\:st { color: hsl(19, 56%, 65%) } - html[data-theme='auto'] .sf-c-txt-sienna\:70\:st, html.auto .sf-c-txt-sienna\:70\:st { color: hsl(19, 56%, 70%) } - html[data-theme='auto'] .sf-c-txt-sienna\:75\:st, html.auto .sf-c-txt-sienna\:75\:st { color: hsl(19, 56%, 75%) } - html[data-theme='auto'] .sf-c-txt-sienna\:80\:st, html.auto .sf-c-txt-sienna\:80\:st { color: hsl(19, 56%, 80%) } - html[data-theme='auto'] .sf-c-txt-sienna\:85\:st, html.auto .sf-c-txt-sienna\:85\:st { color: hsl(19, 56%, 85%) } - html[data-theme='auto'] .sf-c-txt-sienna\:90\:st, html.auto .sf-c-txt-sienna\:90\:st { color: hsl(19, 56%, 90%) } - html[data-theme='auto'] .sf-c-txt-sienna\:95\:st, html.auto .sf-c-txt-sienna\:95\:st { color: hsl(19, 56%, 95%) } - html[data-theme='auto'] .sf-c-txt-sienna\:100\:st, html.auto .sf-c-txt-sienna\:100\:st { color: hsl(19, 56%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/silver.css b/src/colors/20/silver.css deleted file mode 100644 index 284a896..0000000 --- a/src/colors/20/silver.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-silver { - --sf-c-silver: 0 0% 75%; - --sf-c-silver-0: 0 0% 0%; - --sf-c-silver-5: 0 0% 5%; - --sf-c-silver-10: 0 0% 10%; - --sf-c-silver-15: 0 0% 15%; - --sf-c-silver-20: 0 0% 20%; - --sf-c-silver-25: 0 0% 25%; - --sf-c-silver-30: 0 0% 30%; - --sf-c-silver-35: 0 0% 35%; - --sf-c-silver-40: 0 0% 40%; - --sf-c-silver-45: 0 0% 45%; - --sf-c-silver-50: 0 0% 50%; - --sf-c-silver-55: 0 0% 55%; - --sf-c-silver-60: 0 0% 60%; - --sf-c-silver-65: 0 0% 65%; - --sf-c-silver-70: 0 0% 70%; - --sf-c-silver-75: 0 0% 75%; - --sf-c-silver-80: 0 0% 80%; - --sf-c-silver-85: 0 0% 85%; - --sf-c-silver-90: 0 0% 90%; - --sf-c-silver-95: 0 0% 95%; - --sf-c-silver-100: 0 0% 100%; -} - -.sf-c-silver, .sf-c-silver\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-silver\:0, .sf-c-silver\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-silver\:5, .sf-c-silver\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-silver\:10, .sf-c-silver\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-silver\:15, .sf-c-silver\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-silver\:20, .sf-c-silver\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-silver\:25, .sf-c-silver\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-silver\:30, .sf-c-silver\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-silver\:35, .sf-c-silver\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-silver\:40, .sf-c-silver\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-silver\:45, .sf-c-silver\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-silver\:50, .sf-c-silver\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-silver\:55, .sf-c-silver\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-silver\:60, .sf-c-silver\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-silver\:65, .sf-c-silver\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-silver\:70, .sf-c-silver\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-silver\:75, .sf-c-silver\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-silver\:80, .sf-c-silver\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-silver\:85, .sf-c-silver\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-silver\:90, .sf-c-silver\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-silver\:95, .sf-c-silver\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-silver\:100, .sf-c-silver\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-silver { color: hsl(0, 0%, 10%) } -.sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-silver\:0, .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-silver\:5, .sf-c-txt-silver\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-silver\:10, .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-silver\:15, .sf-c-txt-silver\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-silver\:20, .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-silver\:25, .sf-c-txt-silver\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-silver\:30, .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-silver\:35, .sf-c-txt-silver\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-silver\:40, .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-silver\:45, .sf-c-txt-silver\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-silver\:50, .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-silver\:55, .sf-c-txt-silver\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-silver\:60, .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-silver\:65, .sf-c-txt-silver\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-silver\:70, .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-silver\:75, .sf-c-txt-silver\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-silver\:80, .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-silver\:85, .sf-c-txt-silver\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-silver\:90, .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-silver\:95, .sf-c-txt-silver\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-silver\:100, .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-silver, html.dark .sf-c-silver { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-silver\:0, html.dark .sf-c-silver\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-silver\:5, html.dark .sf-c-silver\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-silver\:10, html.dark .sf-c-silver\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-silver\:15, html.dark .sf-c-silver\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-silver\:20, html.dark .sf-c-silver\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-silver\:25, html.dark .sf-c-silver\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-silver\:30, html.dark .sf-c-silver\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-silver\:35, html.dark .sf-c-silver\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-silver\:40, html.dark .sf-c-silver\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-silver\:45, html.dark .sf-c-silver\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-silver\:50, html.dark .sf-c-silver\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-silver\:55, html.dark .sf-c-silver\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-silver\:60, html.dark .sf-c-silver\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-silver\:65, html.dark .sf-c-silver\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-silver\:70, html.dark .sf-c-silver\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-silver\:75, html.dark .sf-c-silver\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-silver\:80, html.dark .sf-c-silver\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-silver\:85, html.dark .sf-c-silver\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-silver\:90, html.dark .sf-c-silver\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-silver\:95, html.dark .sf-c-silver\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-silver\:100, html.dark .sf-c-silver\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-silver\:st, html.dark .sf-c-silver\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-silver\:0\:st, html.dark .sf-c-silver\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-silver\:5\:st, html.dark .sf-c-silver\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-silver\:10\:st, html.dark .sf-c-silver\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-silver\:15\:st, html.dark .sf-c-silver\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-silver\:20\:st, html.dark .sf-c-silver\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-silver\:25\:st, html.dark .sf-c-silver\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-silver\:30\:st, html.dark .sf-c-silver\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-silver\:35\:st, html.dark .sf-c-silver\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-silver\:40\:st, html.dark .sf-c-silver\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-silver\:45\:st, html.dark .sf-c-silver\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-silver\:50\:st, html.dark .sf-c-silver\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-silver\:55\:st, html.dark .sf-c-silver\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-silver\:60\:st, html.dark .sf-c-silver\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-silver\:65\:st, html.dark .sf-c-silver\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-silver\:70\:st, html.dark .sf-c-silver\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-silver\:75\:st, html.dark .sf-c-silver\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-silver\:80\:st, html.dark .sf-c-silver\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-silver\:85\:st, html.dark .sf-c-silver\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-silver\:90\:st, html.dark .sf-c-silver\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-silver\:95\:st, html.dark .sf-c-silver\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-silver\:100\:st, html.dark .sf-c-silver\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-silver\:5, html.dark .sf-c-txt-silver\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-silver\:15, html.dark .sf-c-txt-silver\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-silver\:25, html.dark .sf-c-txt-silver\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-silver\:35, html.dark .sf-c-txt-silver\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-silver\:45, html.dark .sf-c-txt-silver\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-silver\:55, html.dark .sf-c-txt-silver\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-silver\:65, html.dark .sf-c-txt-silver\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-silver\:75, html.dark .sf-c-txt-silver\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-silver\:85, html.dark .sf-c-txt-silver\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-silver\:95, html.dark .sf-c-txt-silver\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-silver\:st, html.dark .sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:0\:st, html.dark .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-silver\:5\:st, html.dark .sf-c-txt-silver\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-silver\:10\:st, html.dark .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-silver\:15\:st, html.dark .sf-c-txt-silver\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-silver\:20\:st, html.dark .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-silver\:25\:st, html.dark .sf-c-txt-silver\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-silver\:30\:st, html.dark .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-silver\:35\:st, html.dark .sf-c-txt-silver\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-silver\:40\:st, html.dark .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-silver\:45\:st, html.dark .sf-c-txt-silver\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-silver\:50\:st, html.dark .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-silver\:55\:st, html.dark .sf-c-txt-silver\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-silver\:60\:st, html.dark .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-silver\:65\:st, html.dark .sf-c-txt-silver\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-silver\:70\:st, html.dark .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-silver\:75\:st, html.dark .sf-c-txt-silver\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-silver\:80\:st, html.dark .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-silver\:85\:st, html.dark .sf-c-txt-silver\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-silver\:90\:st, html.dark .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-silver\:95\:st, html.dark .sf-c-txt-silver\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-silver\:100\:st, html.dark .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-silver, html.auto .sf-c-silver { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-silver\:0, html.auto .sf-c-silver\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-silver\:5, html.auto .sf-c-silver\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-silver\:10, html.auto .sf-c-silver\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-silver\:15, html.auto .sf-c-silver\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-silver\:20, html.auto .sf-c-silver\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-silver\:25, html.auto .sf-c-silver\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-silver\:30, html.auto .sf-c-silver\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-silver\:35, html.auto .sf-c-silver\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-silver\:40, html.auto .sf-c-silver\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-silver\:45, html.auto .sf-c-silver\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-silver\:50, html.auto .sf-c-silver\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-silver\:55, html.auto .sf-c-silver\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-silver\:60, html.auto .sf-c-silver\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-silver\:65, html.auto .sf-c-silver\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-silver\:70, html.auto .sf-c-silver\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-silver\:75, html.auto .sf-c-silver\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-silver\:80, html.auto .sf-c-silver\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-silver\:85, html.auto .sf-c-silver\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-silver\:90, html.auto .sf-c-silver\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-silver\:95, html.auto .sf-c-silver\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-silver\:100, html.auto .sf-c-silver\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-silver\:st, html.auto .sf-c-silver\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-silver\:0\:st, html.auto .sf-c-silver\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-silver\:5\:st, html.auto .sf-c-silver\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-silver\:10\:st, html.auto .sf-c-silver\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-silver\:15\:st, html.auto .sf-c-silver\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-silver\:20\:st, html.auto .sf-c-silver\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-silver\:25\:st, html.auto .sf-c-silver\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-silver\:30\:st, html.auto .sf-c-silver\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-silver\:35\:st, html.auto .sf-c-silver\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-silver\:40\:st, html.auto .sf-c-silver\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-silver\:45\:st, html.auto .sf-c-silver\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-silver\:50\:st, html.auto .sf-c-silver\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-silver\:55\:st, html.auto .sf-c-silver\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-silver\:60\:st, html.auto .sf-c-silver\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-silver\:65\:st, html.auto .sf-c-silver\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-silver\:70\:st, html.auto .sf-c-silver\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-silver\:75\:st, html.auto .sf-c-silver\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-silver\:80\:st, html.auto .sf-c-silver\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-silver\:85\:st, html.auto .sf-c-silver\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-silver\:90\:st, html.auto .sf-c-silver\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-silver\:95\:st, html.auto .sf-c-silver\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-silver\:100\:st, html.auto .sf-c-silver\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-silver\:5, html.auto .sf-c-txt-silver\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-silver\:15, html.auto .sf-c-txt-silver\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-silver\:25, html.auto .sf-c-txt-silver\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-silver\:35, html.auto .sf-c-txt-silver\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-silver\:45, html.auto .sf-c-txt-silver\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-silver\:55, html.auto .sf-c-txt-silver\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-silver\:65, html.auto .sf-c-txt-silver\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-silver\:75, html.auto .sf-c-txt-silver\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-silver\:85, html.auto .sf-c-txt-silver\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-silver\:95, html.auto .sf-c-txt-silver\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-silver\:st, html.auto .sf-c-txt-silver\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:0\:st, html.auto .sf-c-txt-silver\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-silver\:5\:st, html.auto .sf-c-txt-silver\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-silver\:10\:st, html.auto .sf-c-txt-silver\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-silver\:15\:st, html.auto .sf-c-txt-silver\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-silver\:20\:st, html.auto .sf-c-txt-silver\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-silver\:25\:st, html.auto .sf-c-txt-silver\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-silver\:30\:st, html.auto .sf-c-txt-silver\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-silver\:35\:st, html.auto .sf-c-txt-silver\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-silver\:40\:st, html.auto .sf-c-txt-silver\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-silver\:45\:st, html.auto .sf-c-txt-silver\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-silver\:50\:st, html.auto .sf-c-txt-silver\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-silver\:55\:st, html.auto .sf-c-txt-silver\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-silver\:60\:st, html.auto .sf-c-txt-silver\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-silver\:65\:st, html.auto .sf-c-txt-silver\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-silver\:70\:st, html.auto .sf-c-txt-silver\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-silver\:75\:st, html.auto .sf-c-txt-silver\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-silver\:80\:st, html.auto .sf-c-txt-silver\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-silver\:85\:st, html.auto .sf-c-txt-silver\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-silver\:90\:st, html.auto .sf-c-txt-silver\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-silver\:95\:st, html.auto .sf-c-txt-silver\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-silver\:100\:st, html.auto .sf-c-txt-silver\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/skyblue.css b/src/colors/20/skyblue.css deleted file mode 100644 index 182030e..0000000 --- a/src/colors/20/skyblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-skyblue { - --sf-c-skyblue: 197 71% 73%; - --sf-c-skyblue-0: 197 71% 0%; - --sf-c-skyblue-5: 197 71% 5%; - --sf-c-skyblue-10: 197 71% 10%; - --sf-c-skyblue-15: 197 71% 15%; - --sf-c-skyblue-20: 197 71% 20%; - --sf-c-skyblue-25: 197 71% 25%; - --sf-c-skyblue-30: 197 71% 30%; - --sf-c-skyblue-35: 197 71% 35%; - --sf-c-skyblue-40: 197 71% 40%; - --sf-c-skyblue-45: 197 71% 45%; - --sf-c-skyblue-50: 197 71% 50%; - --sf-c-skyblue-55: 197 71% 55%; - --sf-c-skyblue-60: 197 71% 60%; - --sf-c-skyblue-65: 197 71% 65%; - --sf-c-skyblue-70: 197 71% 70%; - --sf-c-skyblue-75: 197 71% 75%; - --sf-c-skyblue-80: 197 71% 80%; - --sf-c-skyblue-85: 197 71% 85%; - --sf-c-skyblue-90: 197 71% 90%; - --sf-c-skyblue-95: 197 71% 95%; - --sf-c-skyblue-100: 197 71% 100%; -} - -.sf-c-skyblue, .sf-c-skyblue\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 73%) } -.sf-c-skyblue\:0, .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } -.sf-c-skyblue\:5, .sf-c-skyblue\:5\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } -.sf-c-skyblue\:10, .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } -.sf-c-skyblue\:15, .sf-c-skyblue\:15\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 15%) } -.sf-c-skyblue\:20, .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 20%) } -.sf-c-skyblue\:25, .sf-c-skyblue\:25\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 25%) } -.sf-c-skyblue\:30, .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 30%) } -.sf-c-skyblue\:35, .sf-c-skyblue\:35\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 35%) } -.sf-c-skyblue\:40, .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 40%) } -.sf-c-skyblue\:45, .sf-c-skyblue\:45\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 45%) } -.sf-c-skyblue\:50, .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 50%) } -.sf-c-skyblue\:55, .sf-c-skyblue\:55\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 55%) } -.sf-c-skyblue\:60, .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 60%) } -.sf-c-skyblue\:65, .sf-c-skyblue\:65\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 65%) } -.sf-c-skyblue\:70, .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 70%) } -.sf-c-skyblue\:75, .sf-c-skyblue\:75\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 75%) } -.sf-c-skyblue\:80, .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 80%) } -.sf-c-skyblue\:85, .sf-c-skyblue\:85\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 85%) } -.sf-c-skyblue\:90, .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 90%) } -.sf-c-skyblue\:95, .sf-c-skyblue\:95\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } -.sf-c-skyblue\:100, .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } - -.sf-c-txt-skyblue { color: hsl(197, 71%, 10%) } -.sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } -.sf-c-txt-skyblue\:0, .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } -.sf-c-txt-skyblue\:5, .sf-c-txt-skyblue\:5\:st { color: hsl(197, 71%, 5%) } -.sf-c-txt-skyblue\:10, .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } -.sf-c-txt-skyblue\:15, .sf-c-txt-skyblue\:15\:st { color: hsl(197, 71%, 15%) } -.sf-c-txt-skyblue\:20, .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } -.sf-c-txt-skyblue\:25, .sf-c-txt-skyblue\:25\:st { color: hsl(197, 71%, 25%) } -.sf-c-txt-skyblue\:30, .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } -.sf-c-txt-skyblue\:35, .sf-c-txt-skyblue\:35\:st { color: hsl(197, 71%, 35%) } -.sf-c-txt-skyblue\:40, .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } -.sf-c-txt-skyblue\:45, .sf-c-txt-skyblue\:45\:st { color: hsl(197, 71%, 45%) } -.sf-c-txt-skyblue\:50, .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } -.sf-c-txt-skyblue\:55, .sf-c-txt-skyblue\:55\:st { color: hsl(197, 71%, 55%) } -.sf-c-txt-skyblue\:60, .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } -.sf-c-txt-skyblue\:65, .sf-c-txt-skyblue\:65\:st { color: hsl(197, 71%, 65%) } -.sf-c-txt-skyblue\:70, .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } -.sf-c-txt-skyblue\:75, .sf-c-txt-skyblue\:75\:st { color: hsl(197, 71%, 75%) } -.sf-c-txt-skyblue\:80, .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } -.sf-c-txt-skyblue\:85, .sf-c-txt-skyblue\:85\:st { color: hsl(197, 71%, 85%) } -.sf-c-txt-skyblue\:90, .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } -.sf-c-txt-skyblue\:95, .sf-c-txt-skyblue\:95\:st { color: hsl(197, 71%, 95%) } -.sf-c-txt-skyblue\:100, .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } - -html[data-theme='dark'] .sf-c-skyblue, html.dark .sf-c-skyblue { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 27%) } -html[data-theme='dark'] .sf-c-skyblue\:0, html.dark .sf-c-skyblue\:0 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } -html[data-theme='dark'] .sf-c-skyblue\:5, html.dark .sf-c-skyblue\:5 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } -html[data-theme='dark'] .sf-c-skyblue\:10, html.dark .sf-c-skyblue\:10 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-skyblue\:15, html.dark .sf-c-skyblue\:15 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 85%) } -html[data-theme='dark'] .sf-c-skyblue\:20, html.dark .sf-c-skyblue\:20 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-skyblue\:25, html.dark .sf-c-skyblue\:25 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 75%) } -html[data-theme='dark'] .sf-c-skyblue\:30, html.dark .sf-c-skyblue\:30 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-skyblue\:35, html.dark .sf-c-skyblue\:35 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 65%) } -html[data-theme='dark'] .sf-c-skyblue\:40, html.dark .sf-c-skyblue\:40 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-skyblue\:45, html.dark .sf-c-skyblue\:45 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 55%) } -html[data-theme='dark'] .sf-c-skyblue\:50, html.dark .sf-c-skyblue\:50 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-skyblue\:55, html.dark .sf-c-skyblue\:55 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 45%) } -html[data-theme='dark'] .sf-c-skyblue\:60, html.dark .sf-c-skyblue\:60 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-skyblue\:65, html.dark .sf-c-skyblue\:65 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 35%) } -html[data-theme='dark'] .sf-c-skyblue\:70, html.dark .sf-c-skyblue\:70 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-skyblue\:75, html.dark .sf-c-skyblue\:75 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 25%) } -html[data-theme='dark'] .sf-c-skyblue\:80, html.dark .sf-c-skyblue\:80 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-skyblue\:85, html.dark .sf-c-skyblue\:85 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 15%) } -html[data-theme='dark'] .sf-c-skyblue\:90, html.dark .sf-c-skyblue\:90 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-skyblue\:95, html.dark .sf-c-skyblue\:95 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } -html[data-theme='dark'] .sf-c-skyblue\:100, html.dark .sf-c-skyblue\:100 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } - -html[data-theme='dark'] .sf-c-skyblue\:st, html.dark .sf-c-skyblue\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-skyblue\:0\:st, html.dark .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } -html[data-theme='dark'] .sf-c-skyblue\:5\:st, html.dark .sf-c-skyblue\:5\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } -html[data-theme='dark'] .sf-c-skyblue\:10\:st, html.dark .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-skyblue\:15\:st, html.dark .sf-c-skyblue\:15\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 15%) } -html[data-theme='dark'] .sf-c-skyblue\:20\:st, html.dark .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-skyblue\:25\:st, html.dark .sf-c-skyblue\:25\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 25%) } -html[data-theme='dark'] .sf-c-skyblue\:30\:st, html.dark .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-skyblue\:35\:st, html.dark .sf-c-skyblue\:35\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 35%) } -html[data-theme='dark'] .sf-c-skyblue\:40\:st, html.dark .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-skyblue\:45\:st, html.dark .sf-c-skyblue\:45\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 45%) } -html[data-theme='dark'] .sf-c-skyblue\:50\:st, html.dark .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-skyblue\:55\:st, html.dark .sf-c-skyblue\:55\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 55%) } -html[data-theme='dark'] .sf-c-skyblue\:60\:st, html.dark .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-skyblue\:65\:st, html.dark .sf-c-skyblue\:65\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 65%) } -html[data-theme='dark'] .sf-c-skyblue\:70\:st, html.dark .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-skyblue\:75\:st, html.dark .sf-c-skyblue\:75\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 75%) } -html[data-theme='dark'] .sf-c-skyblue\:80\:st, html.dark .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-skyblue\:85\:st, html.dark .sf-c-skyblue\:85\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 85%) } -html[data-theme='dark'] .sf-c-skyblue\:90\:st, html.dark .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-skyblue\:95\:st, html.dark .sf-c-skyblue\:95\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } -html[data-theme='dark'] .sf-c-skyblue\:100\:st, html.dark .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } - -html[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:5, html.dark .sf-c-txt-skyblue\:5 { color: hsl(197, 71%, 95%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:15, html.dark .sf-c-txt-skyblue\:15 { color: hsl(197, 71%, 85%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:25, html.dark .sf-c-txt-skyblue\:25 { color: hsl(197, 71%, 75%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:35, html.dark .sf-c-txt-skyblue\:35 { color: hsl(197, 71%, 65%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:45, html.dark .sf-c-txt-skyblue\:45 { color: hsl(197, 71%, 55%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:55, html.dark .sf-c-txt-skyblue\:55 { color: hsl(197, 71%, 45%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:65, html.dark .sf-c-txt-skyblue\:65 { color: hsl(197, 71%, 35%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:75, html.dark .sf-c-txt-skyblue\:75 { color: hsl(197, 71%, 25%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:85, html.dark .sf-c-txt-skyblue\:85 { color: hsl(197, 71%, 15%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:95, html.dark .sf-c-txt-skyblue\:95 { color: hsl(197, 71%, 5%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } - -html[data-theme='dark'] .sf-c-txt-skyblue\:st, html.dark .sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:0\:st, html.dark .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:5\:st, html.dark .sf-c-txt-skyblue\:5\:st { color: hsl(197, 71%, 5%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:10\:st, html.dark .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:15\:st, html.dark .sf-c-txt-skyblue\:15\:st { color: hsl(197, 71%, 15%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:20\:st, html.dark .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:25\:st, html.dark .sf-c-txt-skyblue\:25\:st { color: hsl(197, 71%, 25%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:30\:st, html.dark .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:35\:st, html.dark .sf-c-txt-skyblue\:35\:st { color: hsl(197, 71%, 35%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:40\:st, html.dark .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:45\:st, html.dark .sf-c-txt-skyblue\:45\:st { color: hsl(197, 71%, 45%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:50\:st, html.dark .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:55\:st, html.dark .sf-c-txt-skyblue\:55\:st { color: hsl(197, 71%, 55%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:60\:st, html.dark .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:65\:st, html.dark .sf-c-txt-skyblue\:65\:st { color: hsl(197, 71%, 65%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:70\:st, html.dark .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:75\:st, html.dark .sf-c-txt-skyblue\:75\:st { color: hsl(197, 71%, 75%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:80\:st, html.dark .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:85\:st, html.dark .sf-c-txt-skyblue\:85\:st { color: hsl(197, 71%, 85%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:90\:st, html.dark .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:95\:st, html.dark .sf-c-txt-skyblue\:95\:st { color: hsl(197, 71%, 95%) } -html[data-theme='dark'] .sf-c-txt-skyblue\:100\:st, html.dark .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-skyblue, html.auto .sf-c-skyblue { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 27%) } - html[data-theme='auto'] .sf-c-skyblue\:0, html.auto .sf-c-skyblue\:0 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } - html[data-theme='auto'] .sf-c-skyblue\:5, html.auto .sf-c-skyblue\:5 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } - html[data-theme='auto'] .sf-c-skyblue\:10, html.auto .sf-c-skyblue\:10 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-skyblue\:15, html.auto .sf-c-skyblue\:15 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 85%) } - html[data-theme='auto'] .sf-c-skyblue\:20, html.auto .sf-c-skyblue\:20 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-skyblue\:25, html.auto .sf-c-skyblue\:25 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 75%) } - html[data-theme='auto'] .sf-c-skyblue\:30, html.auto .sf-c-skyblue\:30 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-skyblue\:35, html.auto .sf-c-skyblue\:35 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 65%) } - html[data-theme='auto'] .sf-c-skyblue\:40, html.auto .sf-c-skyblue\:40 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-skyblue\:45, html.auto .sf-c-skyblue\:45 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 55%) } - html[data-theme='auto'] .sf-c-skyblue\:50, html.auto .sf-c-skyblue\:50 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-skyblue\:55, html.auto .sf-c-skyblue\:55 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 45%) } - html[data-theme='auto'] .sf-c-skyblue\:60, html.auto .sf-c-skyblue\:60 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-skyblue\:65, html.auto .sf-c-skyblue\:65 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 35%) } - html[data-theme='auto'] .sf-c-skyblue\:70, html.auto .sf-c-skyblue\:70 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-skyblue\:75, html.auto .sf-c-skyblue\:75 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 25%) } - html[data-theme='auto'] .sf-c-skyblue\:80, html.auto .sf-c-skyblue\:80 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-skyblue\:85, html.auto .sf-c-skyblue\:85 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 15%) } - html[data-theme='auto'] .sf-c-skyblue\:90, html.auto .sf-c-skyblue\:90 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-skyblue\:95, html.auto .sf-c-skyblue\:95 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } - html[data-theme='auto'] .sf-c-skyblue\:100, html.auto .sf-c-skyblue\:100 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } - - html[data-theme='auto'] .sf-c-skyblue\:st, html.auto .sf-c-skyblue\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-skyblue\:0\:st, html.auto .sf-c-skyblue\:0\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } - html[data-theme='auto'] .sf-c-skyblue\:5\:st, html.auto .sf-c-skyblue\:5\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } - html[data-theme='auto'] .sf-c-skyblue\:10\:st, html.auto .sf-c-skyblue\:10\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-skyblue\:15\:st, html.auto .sf-c-skyblue\:15\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 15%) } - html[data-theme='auto'] .sf-c-skyblue\:20\:st, html.auto .sf-c-skyblue\:20\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-skyblue\:25\:st, html.auto .sf-c-skyblue\:25\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 25%) } - html[data-theme='auto'] .sf-c-skyblue\:30\:st, html.auto .sf-c-skyblue\:30\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-skyblue\:35\:st, html.auto .sf-c-skyblue\:35\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 35%) } - html[data-theme='auto'] .sf-c-skyblue\:40\:st, html.auto .sf-c-skyblue\:40\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-skyblue\:45\:st, html.auto .sf-c-skyblue\:45\:st { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 45%) } - html[data-theme='auto'] .sf-c-skyblue\:50\:st, html.auto .sf-c-skyblue\:50\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-skyblue\:55\:st, html.auto .sf-c-skyblue\:55\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 55%) } - html[data-theme='auto'] .sf-c-skyblue\:60\:st, html.auto .sf-c-skyblue\:60\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-skyblue\:65\:st, html.auto .sf-c-skyblue\:65\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 65%) } - html[data-theme='auto'] .sf-c-skyblue\:70\:st, html.auto .sf-c-skyblue\:70\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-skyblue\:75\:st, html.auto .sf-c-skyblue\:75\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 75%) } - html[data-theme='auto'] .sf-c-skyblue\:80\:st, html.auto .sf-c-skyblue\:80\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-skyblue\:85\:st, html.auto .sf-c-skyblue\:85\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 85%) } - html[data-theme='auto'] .sf-c-skyblue\:90\:st, html.auto .sf-c-skyblue\:90\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-skyblue\:95\:st, html.auto .sf-c-skyblue\:95\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } - html[data-theme='auto'] .sf-c-skyblue\:100\:st, html.auto .sf-c-skyblue\:100\:st { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } - - html[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:5, html.auto .sf-c-txt-skyblue\:5 { color: hsl(197, 71%, 95%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:15, html.auto .sf-c-txt-skyblue\:15 { color: hsl(197, 71%, 85%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:25, html.auto .sf-c-txt-skyblue\:25 { color: hsl(197, 71%, 75%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:35, html.auto .sf-c-txt-skyblue\:35 { color: hsl(197, 71%, 65%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:45, html.auto .sf-c-txt-skyblue\:45 { color: hsl(197, 71%, 55%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:55, html.auto .sf-c-txt-skyblue\:55 { color: hsl(197, 71%, 45%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:65, html.auto .sf-c-txt-skyblue\:65 { color: hsl(197, 71%, 35%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:75, html.auto .sf-c-txt-skyblue\:75 { color: hsl(197, 71%, 25%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:85, html.auto .sf-c-txt-skyblue\:85 { color: hsl(197, 71%, 15%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:95, html.auto .sf-c-txt-skyblue\:95 { color: hsl(197, 71%, 5%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } - - html[data-theme='auto'] .sf-c-txt-skyblue\:st, html.auto .sf-c-txt-skyblue\:st { color: hsl(197, 71%, 73%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:0\:st, html.auto .sf-c-txt-skyblue\:0\:st { color: hsl(197, 71%, 0%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:5\:st, html.auto .sf-c-txt-skyblue\:5\:st { color: hsl(197, 71%, 5%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:10\:st, html.auto .sf-c-txt-skyblue\:10\:st { color: hsl(197, 71%, 10%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:15\:st, html.auto .sf-c-txt-skyblue\:15\:st { color: hsl(197, 71%, 15%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:20\:st, html.auto .sf-c-txt-skyblue\:20\:st { color: hsl(197, 71%, 20%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:25\:st, html.auto .sf-c-txt-skyblue\:25\:st { color: hsl(197, 71%, 25%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:30\:st, html.auto .sf-c-txt-skyblue\:30\:st { color: hsl(197, 71%, 30%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:35\:st, html.auto .sf-c-txt-skyblue\:35\:st { color: hsl(197, 71%, 35%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:40\:st, html.auto .sf-c-txt-skyblue\:40\:st { color: hsl(197, 71%, 40%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:45\:st, html.auto .sf-c-txt-skyblue\:45\:st { color: hsl(197, 71%, 45%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:50\:st, html.auto .sf-c-txt-skyblue\:50\:st { color: hsl(197, 71%, 50%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:55\:st, html.auto .sf-c-txt-skyblue\:55\:st { color: hsl(197, 71%, 55%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:60\:st, html.auto .sf-c-txt-skyblue\:60\:st { color: hsl(197, 71%, 60%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:65\:st, html.auto .sf-c-txt-skyblue\:65\:st { color: hsl(197, 71%, 65%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:70\:st, html.auto .sf-c-txt-skyblue\:70\:st { color: hsl(197, 71%, 70%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:75\:st, html.auto .sf-c-txt-skyblue\:75\:st { color: hsl(197, 71%, 75%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:80\:st, html.auto .sf-c-txt-skyblue\:80\:st { color: hsl(197, 71%, 80%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:85\:st, html.auto .sf-c-txt-skyblue\:85\:st { color: hsl(197, 71%, 85%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:90\:st, html.auto .sf-c-txt-skyblue\:90\:st { color: hsl(197, 71%, 90%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:95\:st, html.auto .sf-c-txt-skyblue\:95\:st { color: hsl(197, 71%, 95%) } - html[data-theme='auto'] .sf-c-txt-skyblue\:100\:st, html.auto .sf-c-txt-skyblue\:100\:st { color: hsl(197, 71%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/slateblue.css b/src/colors/20/slateblue.css deleted file mode 100644 index 902b49d..0000000 --- a/src/colors/20/slateblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-slateblue { - --sf-c-slateblue: 248 53% 58%; - --sf-c-slateblue-0: 248 53% 0%; - --sf-c-slateblue-5: 248 53% 5%; - --sf-c-slateblue-10: 248 53% 10%; - --sf-c-slateblue-15: 248 53% 15%; - --sf-c-slateblue-20: 248 53% 20%; - --sf-c-slateblue-25: 248 53% 25%; - --sf-c-slateblue-30: 248 53% 30%; - --sf-c-slateblue-35: 248 53% 35%; - --sf-c-slateblue-40: 248 53% 40%; - --sf-c-slateblue-45: 248 53% 45%; - --sf-c-slateblue-50: 248 53% 50%; - --sf-c-slateblue-55: 248 53% 55%; - --sf-c-slateblue-60: 248 53% 60%; - --sf-c-slateblue-65: 248 53% 65%; - --sf-c-slateblue-70: 248 53% 70%; - --sf-c-slateblue-75: 248 53% 75%; - --sf-c-slateblue-80: 248 53% 80%; - --sf-c-slateblue-85: 248 53% 85%; - --sf-c-slateblue-90: 248 53% 90%; - --sf-c-slateblue-95: 248 53% 95%; - --sf-c-slateblue-100: 248 53% 100%; -} - -.sf-c-slateblue, .sf-c-slateblue\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 58%) } -.sf-c-slateblue\:0, .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } -.sf-c-slateblue\:5, .sf-c-slateblue\:5\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } -.sf-c-slateblue\:10, .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } -.sf-c-slateblue\:15, .sf-c-slateblue\:15\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 15%) } -.sf-c-slateblue\:20, .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 20%) } -.sf-c-slateblue\:25, .sf-c-slateblue\:25\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 25%) } -.sf-c-slateblue\:30, .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 30%) } -.sf-c-slateblue\:35, .sf-c-slateblue\:35\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 35%) } -.sf-c-slateblue\:40, .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 40%) } -.sf-c-slateblue\:45, .sf-c-slateblue\:45\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 45%) } -.sf-c-slateblue\:50, .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 50%) } -.sf-c-slateblue\:55, .sf-c-slateblue\:55\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 55%) } -.sf-c-slateblue\:60, .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 60%) } -.sf-c-slateblue\:65, .sf-c-slateblue\:65\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 65%) } -.sf-c-slateblue\:70, .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 70%) } -.sf-c-slateblue\:75, .sf-c-slateblue\:75\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 75%) } -.sf-c-slateblue\:80, .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 80%) } -.sf-c-slateblue\:85, .sf-c-slateblue\:85\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 85%) } -.sf-c-slateblue\:90, .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 90%) } -.sf-c-slateblue\:95, .sf-c-slateblue\:95\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } -.sf-c-slateblue\:100, .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } - -.sf-c-txt-slateblue { color: hsl(248, 53%, 10%) } -.sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } -.sf-c-txt-slateblue\:0, .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } -.sf-c-txt-slateblue\:5, .sf-c-txt-slateblue\:5\:st { color: hsl(248, 53%, 5%) } -.sf-c-txt-slateblue\:10, .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } -.sf-c-txt-slateblue\:15, .sf-c-txt-slateblue\:15\:st { color: hsl(248, 53%, 15%) } -.sf-c-txt-slateblue\:20, .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } -.sf-c-txt-slateblue\:25, .sf-c-txt-slateblue\:25\:st { color: hsl(248, 53%, 25%) } -.sf-c-txt-slateblue\:30, .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } -.sf-c-txt-slateblue\:35, .sf-c-txt-slateblue\:35\:st { color: hsl(248, 53%, 35%) } -.sf-c-txt-slateblue\:40, .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } -.sf-c-txt-slateblue\:45, .sf-c-txt-slateblue\:45\:st { color: hsl(248, 53%, 45%) } -.sf-c-txt-slateblue\:50, .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } -.sf-c-txt-slateblue\:55, .sf-c-txt-slateblue\:55\:st { color: hsl(248, 53%, 55%) } -.sf-c-txt-slateblue\:60, .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } -.sf-c-txt-slateblue\:65, .sf-c-txt-slateblue\:65\:st { color: hsl(248, 53%, 65%) } -.sf-c-txt-slateblue\:70, .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } -.sf-c-txt-slateblue\:75, .sf-c-txt-slateblue\:75\:st { color: hsl(248, 53%, 75%) } -.sf-c-txt-slateblue\:80, .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } -.sf-c-txt-slateblue\:85, .sf-c-txt-slateblue\:85\:st { color: hsl(248, 53%, 85%) } -.sf-c-txt-slateblue\:90, .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } -.sf-c-txt-slateblue\:95, .sf-c-txt-slateblue\:95\:st { color: hsl(248, 53%, 95%) } -.sf-c-txt-slateblue\:100, .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } - -html[data-theme='dark'] .sf-c-slateblue, html.dark .sf-c-slateblue { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 42%) } -html[data-theme='dark'] .sf-c-slateblue\:0, html.dark .sf-c-slateblue\:0 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } -html[data-theme='dark'] .sf-c-slateblue\:5, html.dark .sf-c-slateblue\:5 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } -html[data-theme='dark'] .sf-c-slateblue\:10, html.dark .sf-c-slateblue\:10 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-slateblue\:15, html.dark .sf-c-slateblue\:15 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 85%) } -html[data-theme='dark'] .sf-c-slateblue\:20, html.dark .sf-c-slateblue\:20 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-slateblue\:25, html.dark .sf-c-slateblue\:25 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 75%) } -html[data-theme='dark'] .sf-c-slateblue\:30, html.dark .sf-c-slateblue\:30 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-slateblue\:35, html.dark .sf-c-slateblue\:35 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 65%) } -html[data-theme='dark'] .sf-c-slateblue\:40, html.dark .sf-c-slateblue\:40 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-slateblue\:45, html.dark .sf-c-slateblue\:45 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 55%) } -html[data-theme='dark'] .sf-c-slateblue\:50, html.dark .sf-c-slateblue\:50 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-slateblue\:55, html.dark .sf-c-slateblue\:55 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 45%) } -html[data-theme='dark'] .sf-c-slateblue\:60, html.dark .sf-c-slateblue\:60 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-slateblue\:65, html.dark .sf-c-slateblue\:65 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 35%) } -html[data-theme='dark'] .sf-c-slateblue\:70, html.dark .sf-c-slateblue\:70 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-slateblue\:75, html.dark .sf-c-slateblue\:75 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 25%) } -html[data-theme='dark'] .sf-c-slateblue\:80, html.dark .sf-c-slateblue\:80 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-slateblue\:85, html.dark .sf-c-slateblue\:85 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 15%) } -html[data-theme='dark'] .sf-c-slateblue\:90, html.dark .sf-c-slateblue\:90 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-slateblue\:95, html.dark .sf-c-slateblue\:95 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } -html[data-theme='dark'] .sf-c-slateblue\:100, html.dark .sf-c-slateblue\:100 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } - -html[data-theme='dark'] .sf-c-slateblue\:st, html.dark .sf-c-slateblue\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-slateblue\:0\:st, html.dark .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } -html[data-theme='dark'] .sf-c-slateblue\:5\:st, html.dark .sf-c-slateblue\:5\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } -html[data-theme='dark'] .sf-c-slateblue\:10\:st, html.dark .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-slateblue\:15\:st, html.dark .sf-c-slateblue\:15\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 15%) } -html[data-theme='dark'] .sf-c-slateblue\:20\:st, html.dark .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-slateblue\:25\:st, html.dark .sf-c-slateblue\:25\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 25%) } -html[data-theme='dark'] .sf-c-slateblue\:30\:st, html.dark .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-slateblue\:35\:st, html.dark .sf-c-slateblue\:35\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 35%) } -html[data-theme='dark'] .sf-c-slateblue\:40\:st, html.dark .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-slateblue\:45\:st, html.dark .sf-c-slateblue\:45\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 45%) } -html[data-theme='dark'] .sf-c-slateblue\:50\:st, html.dark .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-slateblue\:55\:st, html.dark .sf-c-slateblue\:55\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 55%) } -html[data-theme='dark'] .sf-c-slateblue\:60\:st, html.dark .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-slateblue\:65\:st, html.dark .sf-c-slateblue\:65\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 65%) } -html[data-theme='dark'] .sf-c-slateblue\:70\:st, html.dark .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-slateblue\:75\:st, html.dark .sf-c-slateblue\:75\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 75%) } -html[data-theme='dark'] .sf-c-slateblue\:80\:st, html.dark .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-slateblue\:85\:st, html.dark .sf-c-slateblue\:85\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 85%) } -html[data-theme='dark'] .sf-c-slateblue\:90\:st, html.dark .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-slateblue\:95\:st, html.dark .sf-c-slateblue\:95\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } -html[data-theme='dark'] .sf-c-slateblue\:100\:st, html.dark .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:5, html.dark .sf-c-txt-slateblue\:5 { color: hsl(248, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:15, html.dark .sf-c-txt-slateblue\:15 { color: hsl(248, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:25, html.dark .sf-c-txt-slateblue\:25 { color: hsl(248, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:35, html.dark .sf-c-txt-slateblue\:35 { color: hsl(248, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:45, html.dark .sf-c-txt-slateblue\:45 { color: hsl(248, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:55, html.dark .sf-c-txt-slateblue\:55 { color: hsl(248, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:65, html.dark .sf-c-txt-slateblue\:65 { color: hsl(248, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:75, html.dark .sf-c-txt-slateblue\:75 { color: hsl(248, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:85, html.dark .sf-c-txt-slateblue\:85 { color: hsl(248, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:95, html.dark .sf-c-txt-slateblue\:95 { color: hsl(248, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slateblue\:st, html.dark .sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:0\:st, html.dark .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:5\:st, html.dark .sf-c-txt-slateblue\:5\:st { color: hsl(248, 53%, 5%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:10\:st, html.dark .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:15\:st, html.dark .sf-c-txt-slateblue\:15\:st { color: hsl(248, 53%, 15%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:20\:st, html.dark .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:25\:st, html.dark .sf-c-txt-slateblue\:25\:st { color: hsl(248, 53%, 25%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:30\:st, html.dark .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:35\:st, html.dark .sf-c-txt-slateblue\:35\:st { color: hsl(248, 53%, 35%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:40\:st, html.dark .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:45\:st, html.dark .sf-c-txt-slateblue\:45\:st { color: hsl(248, 53%, 45%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:50\:st, html.dark .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:55\:st, html.dark .sf-c-txt-slateblue\:55\:st { color: hsl(248, 53%, 55%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:60\:st, html.dark .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:65\:st, html.dark .sf-c-txt-slateblue\:65\:st { color: hsl(248, 53%, 65%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:70\:st, html.dark .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:75\:st, html.dark .sf-c-txt-slateblue\:75\:st { color: hsl(248, 53%, 75%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:80\:st, html.dark .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:85\:st, html.dark .sf-c-txt-slateblue\:85\:st { color: hsl(248, 53%, 85%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:90\:st, html.dark .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:95\:st, html.dark .sf-c-txt-slateblue\:95\:st { color: hsl(248, 53%, 95%) } -html[data-theme='dark'] .sf-c-txt-slateblue\:100\:st, html.dark .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slateblue, html.auto .sf-c-slateblue { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 42%) } - html[data-theme='auto'] .sf-c-slateblue\:0, html.auto .sf-c-slateblue\:0 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } - html[data-theme='auto'] .sf-c-slateblue\:5, html.auto .sf-c-slateblue\:5 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } - html[data-theme='auto'] .sf-c-slateblue\:10, html.auto .sf-c-slateblue\:10 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-slateblue\:15, html.auto .sf-c-slateblue\:15 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 85%) } - html[data-theme='auto'] .sf-c-slateblue\:20, html.auto .sf-c-slateblue\:20 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-slateblue\:25, html.auto .sf-c-slateblue\:25 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 75%) } - html[data-theme='auto'] .sf-c-slateblue\:30, html.auto .sf-c-slateblue\:30 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-slateblue\:35, html.auto .sf-c-slateblue\:35 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 65%) } - html[data-theme='auto'] .sf-c-slateblue\:40, html.auto .sf-c-slateblue\:40 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-slateblue\:45, html.auto .sf-c-slateblue\:45 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 55%) } - html[data-theme='auto'] .sf-c-slateblue\:50, html.auto .sf-c-slateblue\:50 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-slateblue\:55, html.auto .sf-c-slateblue\:55 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 45%) } - html[data-theme='auto'] .sf-c-slateblue\:60, html.auto .sf-c-slateblue\:60 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-slateblue\:65, html.auto .sf-c-slateblue\:65 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 35%) } - html[data-theme='auto'] .sf-c-slateblue\:70, html.auto .sf-c-slateblue\:70 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-slateblue\:75, html.auto .sf-c-slateblue\:75 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 25%) } - html[data-theme='auto'] .sf-c-slateblue\:80, html.auto .sf-c-slateblue\:80 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-slateblue\:85, html.auto .sf-c-slateblue\:85 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 15%) } - html[data-theme='auto'] .sf-c-slateblue\:90, html.auto .sf-c-slateblue\:90 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-slateblue\:95, html.auto .sf-c-slateblue\:95 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } - html[data-theme='auto'] .sf-c-slateblue\:100, html.auto .sf-c-slateblue\:100 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } - - html[data-theme='auto'] .sf-c-slateblue\:st, html.auto .sf-c-slateblue\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-slateblue\:0\:st, html.auto .sf-c-slateblue\:0\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } - html[data-theme='auto'] .sf-c-slateblue\:5\:st, html.auto .sf-c-slateblue\:5\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } - html[data-theme='auto'] .sf-c-slateblue\:10\:st, html.auto .sf-c-slateblue\:10\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-slateblue\:15\:st, html.auto .sf-c-slateblue\:15\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 15%) } - html[data-theme='auto'] .sf-c-slateblue\:20\:st, html.auto .sf-c-slateblue\:20\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-slateblue\:25\:st, html.auto .sf-c-slateblue\:25\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 25%) } - html[data-theme='auto'] .sf-c-slateblue\:30\:st, html.auto .sf-c-slateblue\:30\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-slateblue\:35\:st, html.auto .sf-c-slateblue\:35\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 35%) } - html[data-theme='auto'] .sf-c-slateblue\:40\:st, html.auto .sf-c-slateblue\:40\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-slateblue\:45\:st, html.auto .sf-c-slateblue\:45\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 45%) } - html[data-theme='auto'] .sf-c-slateblue\:50\:st, html.auto .sf-c-slateblue\:50\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-slateblue\:55\:st, html.auto .sf-c-slateblue\:55\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 55%) } - html[data-theme='auto'] .sf-c-slateblue\:60\:st, html.auto .sf-c-slateblue\:60\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-slateblue\:65\:st, html.auto .sf-c-slateblue\:65\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 65%) } - html[data-theme='auto'] .sf-c-slateblue\:70\:st, html.auto .sf-c-slateblue\:70\:st { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-slateblue\:75\:st, html.auto .sf-c-slateblue\:75\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 75%) } - html[data-theme='auto'] .sf-c-slateblue\:80\:st, html.auto .sf-c-slateblue\:80\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-slateblue\:85\:st, html.auto .sf-c-slateblue\:85\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 85%) } - html[data-theme='auto'] .sf-c-slateblue\:90\:st, html.auto .sf-c-slateblue\:90\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-slateblue\:95\:st, html.auto .sf-c-slateblue\:95\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } - html[data-theme='auto'] .sf-c-slateblue\:100\:st, html.auto .sf-c-slateblue\:100\:st { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:5, html.auto .sf-c-txt-slateblue\:5 { color: hsl(248, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:15, html.auto .sf-c-txt-slateblue\:15 { color: hsl(248, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:25, html.auto .sf-c-txt-slateblue\:25 { color: hsl(248, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:35, html.auto .sf-c-txt-slateblue\:35 { color: hsl(248, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:45, html.auto .sf-c-txt-slateblue\:45 { color: hsl(248, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:55, html.auto .sf-c-txt-slateblue\:55 { color: hsl(248, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:65, html.auto .sf-c-txt-slateblue\:65 { color: hsl(248, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:75, html.auto .sf-c-txt-slateblue\:75 { color: hsl(248, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:85, html.auto .sf-c-txt-slateblue\:85 { color: hsl(248, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:95, html.auto .sf-c-txt-slateblue\:95 { color: hsl(248, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slateblue\:st, html.auto .sf-c-txt-slateblue\:st { color: hsl(248, 53%, 58%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:0\:st, html.auto .sf-c-txt-slateblue\:0\:st { color: hsl(248, 53%, 0%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:5\:st, html.auto .sf-c-txt-slateblue\:5\:st { color: hsl(248, 53%, 5%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:10\:st, html.auto .sf-c-txt-slateblue\:10\:st { color: hsl(248, 53%, 10%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:15\:st, html.auto .sf-c-txt-slateblue\:15\:st { color: hsl(248, 53%, 15%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:20\:st, html.auto .sf-c-txt-slateblue\:20\:st { color: hsl(248, 53%, 20%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:25\:st, html.auto .sf-c-txt-slateblue\:25\:st { color: hsl(248, 53%, 25%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:30\:st, html.auto .sf-c-txt-slateblue\:30\:st { color: hsl(248, 53%, 30%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:35\:st, html.auto .sf-c-txt-slateblue\:35\:st { color: hsl(248, 53%, 35%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:40\:st, html.auto .sf-c-txt-slateblue\:40\:st { color: hsl(248, 53%, 40%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:45\:st, html.auto .sf-c-txt-slateblue\:45\:st { color: hsl(248, 53%, 45%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:50\:st, html.auto .sf-c-txt-slateblue\:50\:st { color: hsl(248, 53%, 50%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:55\:st, html.auto .sf-c-txt-slateblue\:55\:st { color: hsl(248, 53%, 55%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:60\:st, html.auto .sf-c-txt-slateblue\:60\:st { color: hsl(248, 53%, 60%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:65\:st, html.auto .sf-c-txt-slateblue\:65\:st { color: hsl(248, 53%, 65%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:70\:st, html.auto .sf-c-txt-slateblue\:70\:st { color: hsl(248, 53%, 70%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:75\:st, html.auto .sf-c-txt-slateblue\:75\:st { color: hsl(248, 53%, 75%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:80\:st, html.auto .sf-c-txt-slateblue\:80\:st { color: hsl(248, 53%, 80%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:85\:st, html.auto .sf-c-txt-slateblue\:85\:st { color: hsl(248, 53%, 85%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:90\:st, html.auto .sf-c-txt-slateblue\:90\:st { color: hsl(248, 53%, 90%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:95\:st, html.auto .sf-c-txt-slateblue\:95\:st { color: hsl(248, 53%, 95%) } - html[data-theme='auto'] .sf-c-txt-slateblue\:100\:st, html.auto .sf-c-txt-slateblue\:100\:st { color: hsl(248, 53%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/slategray.css b/src/colors/20/slategray.css deleted file mode 100644 index aa6ed05..0000000 --- a/src/colors/20/slategray.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-slategray { - --sf-c-slategray: 210 13% 50%; - --sf-c-slategray-0: 210 13% 0%; - --sf-c-slategray-5: 210 13% 5%; - --sf-c-slategray-10: 210 13% 10%; - --sf-c-slategray-15: 210 13% 15%; - --sf-c-slategray-20: 210 13% 20%; - --sf-c-slategray-25: 210 13% 25%; - --sf-c-slategray-30: 210 13% 30%; - --sf-c-slategray-35: 210 13% 35%; - --sf-c-slategray-40: 210 13% 40%; - --sf-c-slategray-45: 210 13% 45%; - --sf-c-slategray-50: 210 13% 50%; - --sf-c-slategray-55: 210 13% 55%; - --sf-c-slategray-60: 210 13% 60%; - --sf-c-slategray-65: 210 13% 65%; - --sf-c-slategray-70: 210 13% 70%; - --sf-c-slategray-75: 210 13% 75%; - --sf-c-slategray-80: 210 13% 80%; - --sf-c-slategray-85: 210 13% 85%; - --sf-c-slategray-90: 210 13% 90%; - --sf-c-slategray-95: 210 13% 95%; - --sf-c-slategray-100: 210 13% 100%; -} - -.sf-c-slategray, .sf-c-slategray\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -.sf-c-slategray\:0, .sf-c-slategray\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -.sf-c-slategray\:5, .sf-c-slategray\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -.sf-c-slategray\:10, .sf-c-slategray\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -.sf-c-slategray\:15, .sf-c-slategray\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -.sf-c-slategray\:20, .sf-c-slategray\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -.sf-c-slategray\:25, .sf-c-slategray\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -.sf-c-slategray\:30, .sf-c-slategray\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -.sf-c-slategray\:35, .sf-c-slategray\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -.sf-c-slategray\:40, .sf-c-slategray\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -.sf-c-slategray\:45, .sf-c-slategray\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -.sf-c-slategray\:50, .sf-c-slategray\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -.sf-c-slategray\:55, .sf-c-slategray\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -.sf-c-slategray\:60, .sf-c-slategray\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -.sf-c-slategray\:65, .sf-c-slategray\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -.sf-c-slategray\:70, .sf-c-slategray\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -.sf-c-slategray\:75, .sf-c-slategray\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -.sf-c-slategray\:80, .sf-c-slategray\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -.sf-c-slategray\:85, .sf-c-slategray\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -.sf-c-slategray\:90, .sf-c-slategray\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -.sf-c-slategray\:95, .sf-c-slategray\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -.sf-c-slategray\:100, .sf-c-slategray\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - -.sf-c-txt-slategray { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:0, .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } -.sf-c-txt-slategray\:5, .sf-c-txt-slategray\:5\:st { color: hsl(210, 13%, 5%) } -.sf-c-txt-slategray\:10, .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } -.sf-c-txt-slategray\:15, .sf-c-txt-slategray\:15\:st { color: hsl(210, 13%, 15%) } -.sf-c-txt-slategray\:20, .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } -.sf-c-txt-slategray\:25, .sf-c-txt-slategray\:25\:st { color: hsl(210, 13%, 25%) } -.sf-c-txt-slategray\:30, .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } -.sf-c-txt-slategray\:35, .sf-c-txt-slategray\:35\:st { color: hsl(210, 13%, 35%) } -.sf-c-txt-slategray\:40, .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } -.sf-c-txt-slategray\:45, .sf-c-txt-slategray\:45\:st { color: hsl(210, 13%, 45%) } -.sf-c-txt-slategray\:50, .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategray\:55, .sf-c-txt-slategray\:55\:st { color: hsl(210, 13%, 55%) } -.sf-c-txt-slategray\:60, .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } -.sf-c-txt-slategray\:65, .sf-c-txt-slategray\:65\:st { color: hsl(210, 13%, 65%) } -.sf-c-txt-slategray\:70, .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } -.sf-c-txt-slategray\:75, .sf-c-txt-slategray\:75\:st { color: hsl(210, 13%, 75%) } -.sf-c-txt-slategray\:80, .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } -.sf-c-txt-slategray\:85, .sf-c-txt-slategray\:85\:st { color: hsl(210, 13%, 85%) } -.sf-c-txt-slategray\:90, .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } -.sf-c-txt-slategray\:95, .sf-c-txt-slategray\:95\:st { color: hsl(210, 13%, 95%) } -.sf-c-txt-slategray\:100, .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-slategray, html.dark .sf-c-slategray { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:0, html.dark .sf-c-slategray\:0 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-slategray\:5, html.dark .sf-c-slategray\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-slategray\:10, html.dark .sf-c-slategray\:10 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategray\:15, html.dark .sf-c-slategray\:15 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-slategray\:20, html.dark .sf-c-slategray\:20 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategray\:25, html.dark .sf-c-slategray\:25 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-slategray\:30, html.dark .sf-c-slategray\:30 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategray\:35, html.dark .sf-c-slategray\:35 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-slategray\:40, html.dark .sf-c-slategray\:40 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategray\:45, html.dark .sf-c-slategray\:45 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-slategray\:50, html.dark .sf-c-slategray\:50 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:55, html.dark .sf-c-slategray\:55 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-slategray\:60, html.dark .sf-c-slategray\:60 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategray\:65, html.dark .sf-c-slategray\:65 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-slategray\:70, html.dark .sf-c-slategray\:70 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategray\:75, html.dark .sf-c-slategray\:75 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-slategray\:80, html.dark .sf-c-slategray\:80 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategray\:85, html.dark .sf-c-slategray\:85 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-slategray\:90, html.dark .sf-c-slategray\:90 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategray\:95, html.dark .sf-c-slategray\:95 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-slategray\:100, html.dark .sf-c-slategray\:100 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-slategray\:st, html.dark .sf-c-slategray\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:0\:st, html.dark .sf-c-slategray\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-slategray\:5\:st, html.dark .sf-c-slategray\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-slategray\:10\:st, html.dark .sf-c-slategray\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategray\:15\:st, html.dark .sf-c-slategray\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-slategray\:20\:st, html.dark .sf-c-slategray\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategray\:25\:st, html.dark .sf-c-slategray\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-slategray\:30\:st, html.dark .sf-c-slategray\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategray\:35\:st, html.dark .sf-c-slategray\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-slategray\:40\:st, html.dark .sf-c-slategray\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategray\:45\:st, html.dark .sf-c-slategray\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-slategray\:50\:st, html.dark .sf-c-slategray\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategray\:55\:st, html.dark .sf-c-slategray\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-slategray\:60\:st, html.dark .sf-c-slategray\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategray\:65\:st, html.dark .sf-c-slategray\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-slategray\:70\:st, html.dark .sf-c-slategray\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategray\:75\:st, html.dark .sf-c-slategray\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-slategray\:80\:st, html.dark .sf-c-slategray\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategray\:85\:st, html.dark .sf-c-slategray\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-slategray\:90\:st, html.dark .sf-c-slategray\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategray\:95\:st, html.dark .sf-c-slategray\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-slategray\:100\:st, html.dark .sf-c-slategray\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-txt-slategray\:5, html.dark .sf-c-txt-slategray\:5 { color: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategray\:15, html.dark .sf-c-txt-slategray\:15 { color: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategray\:25, html.dark .sf-c-txt-slategray\:25 { color: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategray\:35, html.dark .sf-c-txt-slategray\:35 { color: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategray\:45, html.dark .sf-c-txt-slategray\:45 { color: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:55, html.dark .sf-c-txt-slategray\:55 { color: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategray\:65, html.dark .sf-c-txt-slategray\:65 { color: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategray\:75, html.dark .sf-c-txt-slategray\:75 { color: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategray\:85, html.dark .sf-c-txt-slategray\:85 { color: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategray\:95, html.dark .sf-c-txt-slategray\:95 { color: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slategray\:st, html.dark .sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:0\:st, html.dark .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-txt-slategray\:5\:st, html.dark .sf-c-txt-slategray\:5\:st { color: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-txt-slategray\:10\:st, html.dark .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategray\:15\:st, html.dark .sf-c-txt-slategray\:15\:st { color: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-txt-slategray\:20\:st, html.dark .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategray\:25\:st, html.dark .sf-c-txt-slategray\:25\:st { color: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-txt-slategray\:30\:st, html.dark .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategray\:35\:st, html.dark .sf-c-txt-slategray\:35\:st { color: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-txt-slategray\:40\:st, html.dark .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategray\:45\:st, html.dark .sf-c-txt-slategray\:45\:st { color: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-txt-slategray\:50\:st, html.dark .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategray\:55\:st, html.dark .sf-c-txt-slategray\:55\:st { color: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-txt-slategray\:60\:st, html.dark .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategray\:65\:st, html.dark .sf-c-txt-slategray\:65\:st { color: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-txt-slategray\:70\:st, html.dark .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategray\:75\:st, html.dark .sf-c-txt-slategray\:75\:st { color: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-txt-slategray\:80\:st, html.dark .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategray\:85\:st, html.dark .sf-c-txt-slategray\:85\:st { color: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-txt-slategray\:90\:st, html.dark .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategray\:95\:st, html.dark .sf-c-txt-slategray\:95\:st { color: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-txt-slategray\:100\:st, html.dark .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slategray, html.auto .sf-c-slategray { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:0, html.auto .sf-c-slategray\:0 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-slategray\:5, html.auto .sf-c-slategray\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-slategray\:10, html.auto .sf-c-slategray\:10 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategray\:15, html.auto .sf-c-slategray\:15 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-slategray\:20, html.auto .sf-c-slategray\:20 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategray\:25, html.auto .sf-c-slategray\:25 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-slategray\:30, html.auto .sf-c-slategray\:30 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategray\:35, html.auto .sf-c-slategray\:35 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-slategray\:40, html.auto .sf-c-slategray\:40 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategray\:45, html.auto .sf-c-slategray\:45 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-slategray\:50, html.auto .sf-c-slategray\:50 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:55, html.auto .sf-c-slategray\:55 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-slategray\:60, html.auto .sf-c-slategray\:60 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategray\:65, html.auto .sf-c-slategray\:65 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-slategray\:70, html.auto .sf-c-slategray\:70 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategray\:75, html.auto .sf-c-slategray\:75 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-slategray\:80, html.auto .sf-c-slategray\:80 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategray\:85, html.auto .sf-c-slategray\:85 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-slategray\:90, html.auto .sf-c-slategray\:90 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategray\:95, html.auto .sf-c-slategray\:95 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-slategray\:100, html.auto .sf-c-slategray\:100 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-slategray\:st, html.auto .sf-c-slategray\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:0\:st, html.auto .sf-c-slategray\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-slategray\:5\:st, html.auto .sf-c-slategray\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-slategray\:10\:st, html.auto .sf-c-slategray\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategray\:15\:st, html.auto .sf-c-slategray\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-slategray\:20\:st, html.auto .sf-c-slategray\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategray\:25\:st, html.auto .sf-c-slategray\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-slategray\:30\:st, html.auto .sf-c-slategray\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategray\:35\:st, html.auto .sf-c-slategray\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-slategray\:40\:st, html.auto .sf-c-slategray\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategray\:45\:st, html.auto .sf-c-slategray\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-slategray\:50\:st, html.auto .sf-c-slategray\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategray\:55\:st, html.auto .sf-c-slategray\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-slategray\:60\:st, html.auto .sf-c-slategray\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategray\:65\:st, html.auto .sf-c-slategray\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-slategray\:70\:st, html.auto .sf-c-slategray\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategray\:75\:st, html.auto .sf-c-slategray\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-slategray\:80\:st, html.auto .sf-c-slategray\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategray\:85\:st, html.auto .sf-c-slategray\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-slategray\:90\:st, html.auto .sf-c-slategray\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategray\:95\:st, html.auto .sf-c-slategray\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-slategray\:100\:st, html.auto .sf-c-slategray\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-txt-slategray\:5, html.auto .sf-c-txt-slategray\:5 { color: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategray\:15, html.auto .sf-c-txt-slategray\:15 { color: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategray\:25, html.auto .sf-c-txt-slategray\:25 { color: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategray\:35, html.auto .sf-c-txt-slategray\:35 { color: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategray\:45, html.auto .sf-c-txt-slategray\:45 { color: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:55, html.auto .sf-c-txt-slategray\:55 { color: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategray\:65, html.auto .sf-c-txt-slategray\:65 { color: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategray\:75, html.auto .sf-c-txt-slategray\:75 { color: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategray\:85, html.auto .sf-c-txt-slategray\:85 { color: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategray\:95, html.auto .sf-c-txt-slategray\:95 { color: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slategray\:st, html.auto .sf-c-txt-slategray\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:0\:st, html.auto .sf-c-txt-slategray\:0\:st { color: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-txt-slategray\:5\:st, html.auto .sf-c-txt-slategray\:5\:st { color: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-txt-slategray\:10\:st, html.auto .sf-c-txt-slategray\:10\:st { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategray\:15\:st, html.auto .sf-c-txt-slategray\:15\:st { color: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-txt-slategray\:20\:st, html.auto .sf-c-txt-slategray\:20\:st { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategray\:25\:st, html.auto .sf-c-txt-slategray\:25\:st { color: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-txt-slategray\:30\:st, html.auto .sf-c-txt-slategray\:30\:st { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategray\:35\:st, html.auto .sf-c-txt-slategray\:35\:st { color: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-txt-slategray\:40\:st, html.auto .sf-c-txt-slategray\:40\:st { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategray\:45\:st, html.auto .sf-c-txt-slategray\:45\:st { color: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-txt-slategray\:50\:st, html.auto .sf-c-txt-slategray\:50\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategray\:55\:st, html.auto .sf-c-txt-slategray\:55\:st { color: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-txt-slategray\:60\:st, html.auto .sf-c-txt-slategray\:60\:st { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategray\:65\:st, html.auto .sf-c-txt-slategray\:65\:st { color: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-txt-slategray\:70\:st, html.auto .sf-c-txt-slategray\:70\:st { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategray\:75\:st, html.auto .sf-c-txt-slategray\:75\:st { color: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-txt-slategray\:80\:st, html.auto .sf-c-txt-slategray\:80\:st { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategray\:85\:st, html.auto .sf-c-txt-slategray\:85\:st { color: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-txt-slategray\:90\:st, html.auto .sf-c-txt-slategray\:90\:st { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategray\:95\:st, html.auto .sf-c-txt-slategray\:95\:st { color: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-txt-slategray\:100\:st, html.auto .sf-c-txt-slategray\:100\:st { color: hsl(210, 13%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/slategrey.css b/src/colors/20/slategrey.css deleted file mode 100644 index 8b48160..0000000 --- a/src/colors/20/slategrey.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-slategrey { - --sf-c-slategrey: 210 13% 50%; - --sf-c-slategrey-0: 210 13% 0%; - --sf-c-slategrey-5: 210 13% 5%; - --sf-c-slategrey-10: 210 13% 10%; - --sf-c-slategrey-15: 210 13% 15%; - --sf-c-slategrey-20: 210 13% 20%; - --sf-c-slategrey-25: 210 13% 25%; - --sf-c-slategrey-30: 210 13% 30%; - --sf-c-slategrey-35: 210 13% 35%; - --sf-c-slategrey-40: 210 13% 40%; - --sf-c-slategrey-45: 210 13% 45%; - --sf-c-slategrey-50: 210 13% 50%; - --sf-c-slategrey-55: 210 13% 55%; - --sf-c-slategrey-60: 210 13% 60%; - --sf-c-slategrey-65: 210 13% 65%; - --sf-c-slategrey-70: 210 13% 70%; - --sf-c-slategrey-75: 210 13% 75%; - --sf-c-slategrey-80: 210 13% 80%; - --sf-c-slategrey-85: 210 13% 85%; - --sf-c-slategrey-90: 210 13% 90%; - --sf-c-slategrey-95: 210 13% 95%; - --sf-c-slategrey-100: 210 13% 100%; -} - -.sf-c-slategrey, .sf-c-slategrey\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -.sf-c-slategrey\:0, .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -.sf-c-slategrey\:5, .sf-c-slategrey\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -.sf-c-slategrey\:10, .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -.sf-c-slategrey\:15, .sf-c-slategrey\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -.sf-c-slategrey\:20, .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -.sf-c-slategrey\:25, .sf-c-slategrey\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -.sf-c-slategrey\:30, .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -.sf-c-slategrey\:35, .sf-c-slategrey\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -.sf-c-slategrey\:40, .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -.sf-c-slategrey\:45, .sf-c-slategrey\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -.sf-c-slategrey\:50, .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -.sf-c-slategrey\:55, .sf-c-slategrey\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -.sf-c-slategrey\:60, .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -.sf-c-slategrey\:65, .sf-c-slategrey\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -.sf-c-slategrey\:70, .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -.sf-c-slategrey\:75, .sf-c-slategrey\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -.sf-c-slategrey\:80, .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -.sf-c-slategrey\:85, .sf-c-slategrey\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -.sf-c-slategrey\:90, .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -.sf-c-slategrey\:95, .sf-c-slategrey\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -.sf-c-slategrey\:100, .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - -.sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:0, .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } -.sf-c-txt-slategrey\:5, .sf-c-txt-slategrey\:5\:st { color: hsl(210, 13%, 5%) } -.sf-c-txt-slategrey\:10, .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } -.sf-c-txt-slategrey\:15, .sf-c-txt-slategrey\:15\:st { color: hsl(210, 13%, 15%) } -.sf-c-txt-slategrey\:20, .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } -.sf-c-txt-slategrey\:25, .sf-c-txt-slategrey\:25\:st { color: hsl(210, 13%, 25%) } -.sf-c-txt-slategrey\:30, .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } -.sf-c-txt-slategrey\:35, .sf-c-txt-slategrey\:35\:st { color: hsl(210, 13%, 35%) } -.sf-c-txt-slategrey\:40, .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } -.sf-c-txt-slategrey\:45, .sf-c-txt-slategrey\:45\:st { color: hsl(210, 13%, 45%) } -.sf-c-txt-slategrey\:50, .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } -.sf-c-txt-slategrey\:55, .sf-c-txt-slategrey\:55\:st { color: hsl(210, 13%, 55%) } -.sf-c-txt-slategrey\:60, .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } -.sf-c-txt-slategrey\:65, .sf-c-txt-slategrey\:65\:st { color: hsl(210, 13%, 65%) } -.sf-c-txt-slategrey\:70, .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } -.sf-c-txt-slategrey\:75, .sf-c-txt-slategrey\:75\:st { color: hsl(210, 13%, 75%) } -.sf-c-txt-slategrey\:80, .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } -.sf-c-txt-slategrey\:85, .sf-c-txt-slategrey\:85\:st { color: hsl(210, 13%, 85%) } -.sf-c-txt-slategrey\:90, .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } -.sf-c-txt-slategrey\:95, .sf-c-txt-slategrey\:95\:st { color: hsl(210, 13%, 95%) } -.sf-c-txt-slategrey\:100, .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-slategrey, html.dark .sf-c-slategrey { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:0, html.dark .sf-c-slategrey\:0 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-slategrey\:5, html.dark .sf-c-slategrey\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-slategrey\:10, html.dark .sf-c-slategrey\:10 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategrey\:15, html.dark .sf-c-slategrey\:15 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-slategrey\:20, html.dark .sf-c-slategrey\:20 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategrey\:25, html.dark .sf-c-slategrey\:25 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-slategrey\:30, html.dark .sf-c-slategrey\:30 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategrey\:35, html.dark .sf-c-slategrey\:35 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-slategrey\:40, html.dark .sf-c-slategrey\:40 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategrey\:45, html.dark .sf-c-slategrey\:45 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-slategrey\:50, html.dark .sf-c-slategrey\:50 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:55, html.dark .sf-c-slategrey\:55 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-slategrey\:60, html.dark .sf-c-slategrey\:60 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategrey\:65, html.dark .sf-c-slategrey\:65 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-slategrey\:70, html.dark .sf-c-slategrey\:70 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategrey\:75, html.dark .sf-c-slategrey\:75 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-slategrey\:80, html.dark .sf-c-slategrey\:80 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategrey\:85, html.dark .sf-c-slategrey\:85 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-slategrey\:90, html.dark .sf-c-slategrey\:90 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategrey\:95, html.dark .sf-c-slategrey\:95 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-slategrey\:100, html.dark .sf-c-slategrey\:100 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-slategrey\:st, html.dark .sf-c-slategrey\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:0\:st, html.dark .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-slategrey\:5\:st, html.dark .sf-c-slategrey\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-slategrey\:10\:st, html.dark .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-slategrey\:15\:st, html.dark .sf-c-slategrey\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-slategrey\:20\:st, html.dark .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-slategrey\:25\:st, html.dark .sf-c-slategrey\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-slategrey\:30\:st, html.dark .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-slategrey\:35\:st, html.dark .sf-c-slategrey\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-slategrey\:40\:st, html.dark .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-slategrey\:45\:st, html.dark .sf-c-slategrey\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-slategrey\:50\:st, html.dark .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-slategrey\:55\:st, html.dark .sf-c-slategrey\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-slategrey\:60\:st, html.dark .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-slategrey\:65\:st, html.dark .sf-c-slategrey\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-slategrey\:70\:st, html.dark .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-slategrey\:75\:st, html.dark .sf-c-slategrey\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-slategrey\:80\:st, html.dark .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-slategrey\:85\:st, html.dark .sf-c-slategrey\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-slategrey\:90\:st, html.dark .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-slategrey\:95\:st, html.dark .sf-c-slategrey\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-slategrey\:100\:st, html.dark .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - -html[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:5, html.dark .sf-c-txt-slategrey\:5 { color: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:15, html.dark .sf-c-txt-slategrey\:15 { color: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:25, html.dark .sf-c-txt-slategrey\:25 { color: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:35, html.dark .sf-c-txt-slategrey\:35 { color: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:45, html.dark .sf-c-txt-slategrey\:45 { color: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:55, html.dark .sf-c-txt-slategrey\:55 { color: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:65, html.dark .sf-c-txt-slategrey\:65 { color: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:75, html.dark .sf-c-txt-slategrey\:75 { color: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:85, html.dark .sf-c-txt-slategrey\:85 { color: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:95, html.dark .sf-c-txt-slategrey\:95 { color: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } - -html[data-theme='dark'] .sf-c-txt-slategrey\:st, html.dark .sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:0\:st, html.dark .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:5\:st, html.dark .sf-c-txt-slategrey\:5\:st { color: hsl(210, 13%, 5%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:10\:st, html.dark .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:15\:st, html.dark .sf-c-txt-slategrey\:15\:st { color: hsl(210, 13%, 15%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:20\:st, html.dark .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:25\:st, html.dark .sf-c-txt-slategrey\:25\:st { color: hsl(210, 13%, 25%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:30\:st, html.dark .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:35\:st, html.dark .sf-c-txt-slategrey\:35\:st { color: hsl(210, 13%, 35%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:40\:st, html.dark .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:45\:st, html.dark .sf-c-txt-slategrey\:45\:st { color: hsl(210, 13%, 45%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:50\:st, html.dark .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:55\:st, html.dark .sf-c-txt-slategrey\:55\:st { color: hsl(210, 13%, 55%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:60\:st, html.dark .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:65\:st, html.dark .sf-c-txt-slategrey\:65\:st { color: hsl(210, 13%, 65%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:70\:st, html.dark .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:75\:st, html.dark .sf-c-txt-slategrey\:75\:st { color: hsl(210, 13%, 75%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:80\:st, html.dark .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:85\:st, html.dark .sf-c-txt-slategrey\:85\:st { color: hsl(210, 13%, 85%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:90\:st, html.dark .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:95\:st, html.dark .sf-c-txt-slategrey\:95\:st { color: hsl(210, 13%, 95%) } -html[data-theme='dark'] .sf-c-txt-slategrey\:100\:st, html.dark .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-slategrey, html.auto .sf-c-slategrey { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:0, html.auto .sf-c-slategrey\:0 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-slategrey\:5, html.auto .sf-c-slategrey\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-slategrey\:10, html.auto .sf-c-slategrey\:10 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategrey\:15, html.auto .sf-c-slategrey\:15 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-slategrey\:20, html.auto .sf-c-slategrey\:20 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategrey\:25, html.auto .sf-c-slategrey\:25 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-slategrey\:30, html.auto .sf-c-slategrey\:30 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategrey\:35, html.auto .sf-c-slategrey\:35 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-slategrey\:40, html.auto .sf-c-slategrey\:40 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategrey\:45, html.auto .sf-c-slategrey\:45 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-slategrey\:50, html.auto .sf-c-slategrey\:50 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:55, html.auto .sf-c-slategrey\:55 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-slategrey\:60, html.auto .sf-c-slategrey\:60 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategrey\:65, html.auto .sf-c-slategrey\:65 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-slategrey\:70, html.auto .sf-c-slategrey\:70 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategrey\:75, html.auto .sf-c-slategrey\:75 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-slategrey\:80, html.auto .sf-c-slategrey\:80 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategrey\:85, html.auto .sf-c-slategrey\:85 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-slategrey\:90, html.auto .sf-c-slategrey\:90 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategrey\:95, html.auto .sf-c-slategrey\:95 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-slategrey\:100, html.auto .sf-c-slategrey\:100 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-slategrey\:st, html.auto .sf-c-slategrey\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:0\:st, html.auto .sf-c-slategrey\:0\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-slategrey\:5\:st, html.auto .sf-c-slategrey\:5\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-slategrey\:10\:st, html.auto .sf-c-slategrey\:10\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-slategrey\:15\:st, html.auto .sf-c-slategrey\:15\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-slategrey\:20\:st, html.auto .sf-c-slategrey\:20\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-slategrey\:25\:st, html.auto .sf-c-slategrey\:25\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-slategrey\:30\:st, html.auto .sf-c-slategrey\:30\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-slategrey\:35\:st, html.auto .sf-c-slategrey\:35\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-slategrey\:40\:st, html.auto .sf-c-slategrey\:40\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-slategrey\:45\:st, html.auto .sf-c-slategrey\:45\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-slategrey\:50\:st, html.auto .sf-c-slategrey\:50\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-slategrey\:55\:st, html.auto .sf-c-slategrey\:55\:st { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-slategrey\:60\:st, html.auto .sf-c-slategrey\:60\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-slategrey\:65\:st, html.auto .sf-c-slategrey\:65\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-slategrey\:70\:st, html.auto .sf-c-slategrey\:70\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-slategrey\:75\:st, html.auto .sf-c-slategrey\:75\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-slategrey\:80\:st, html.auto .sf-c-slategrey\:80\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-slategrey\:85\:st, html.auto .sf-c-slategrey\:85\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-slategrey\:90\:st, html.auto .sf-c-slategrey\:90\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-slategrey\:95\:st, html.auto .sf-c-slategrey\:95\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-slategrey\:100\:st, html.auto .sf-c-slategrey\:100\:st { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } - - html[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:5, html.auto .sf-c-txt-slategrey\:5 { color: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:15, html.auto .sf-c-txt-slategrey\:15 { color: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:25, html.auto .sf-c-txt-slategrey\:25 { color: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:35, html.auto .sf-c-txt-slategrey\:35 { color: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:45, html.auto .sf-c-txt-slategrey\:45 { color: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:55, html.auto .sf-c-txt-slategrey\:55 { color: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:65, html.auto .sf-c-txt-slategrey\:65 { color: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:75, html.auto .sf-c-txt-slategrey\:75 { color: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:85, html.auto .sf-c-txt-slategrey\:85 { color: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:95, html.auto .sf-c-txt-slategrey\:95 { color: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } - - html[data-theme='auto'] .sf-c-txt-slategrey\:st, html.auto .sf-c-txt-slategrey\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:0\:st, html.auto .sf-c-txt-slategrey\:0\:st { color: hsl(210, 13%, 0%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:5\:st, html.auto .sf-c-txt-slategrey\:5\:st { color: hsl(210, 13%, 5%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:10\:st, html.auto .sf-c-txt-slategrey\:10\:st { color: hsl(210, 13%, 10%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:15\:st, html.auto .sf-c-txt-slategrey\:15\:st { color: hsl(210, 13%, 15%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:20\:st, html.auto .sf-c-txt-slategrey\:20\:st { color: hsl(210, 13%, 20%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:25\:st, html.auto .sf-c-txt-slategrey\:25\:st { color: hsl(210, 13%, 25%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:30\:st, html.auto .sf-c-txt-slategrey\:30\:st { color: hsl(210, 13%, 30%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:35\:st, html.auto .sf-c-txt-slategrey\:35\:st { color: hsl(210, 13%, 35%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:40\:st, html.auto .sf-c-txt-slategrey\:40\:st { color: hsl(210, 13%, 40%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:45\:st, html.auto .sf-c-txt-slategrey\:45\:st { color: hsl(210, 13%, 45%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:50\:st, html.auto .sf-c-txt-slategrey\:50\:st { color: hsl(210, 13%, 50%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:55\:st, html.auto .sf-c-txt-slategrey\:55\:st { color: hsl(210, 13%, 55%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:60\:st, html.auto .sf-c-txt-slategrey\:60\:st { color: hsl(210, 13%, 60%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:65\:st, html.auto .sf-c-txt-slategrey\:65\:st { color: hsl(210, 13%, 65%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:70\:st, html.auto .sf-c-txt-slategrey\:70\:st { color: hsl(210, 13%, 70%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:75\:st, html.auto .sf-c-txt-slategrey\:75\:st { color: hsl(210, 13%, 75%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:80\:st, html.auto .sf-c-txt-slategrey\:80\:st { color: hsl(210, 13%, 80%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:85\:st, html.auto .sf-c-txt-slategrey\:85\:st { color: hsl(210, 13%, 85%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:90\:st, html.auto .sf-c-txt-slategrey\:90\:st { color: hsl(210, 13%, 90%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:95\:st, html.auto .sf-c-txt-slategrey\:95\:st { color: hsl(210, 13%, 95%) } - html[data-theme='auto'] .sf-c-txt-slategrey\:100\:st, html.auto .sf-c-txt-slategrey\:100\:st { color: hsl(210, 13%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/snow.css b/src/colors/20/snow.css deleted file mode 100644 index ac84ac6..0000000 --- a/src/colors/20/snow.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-snow { - --sf-c-snow: 0 100% 99%; - --sf-c-snow-0: 0 100% 0%; - --sf-c-snow-5: 0 100% 5%; - --sf-c-snow-10: 0 100% 10%; - --sf-c-snow-15: 0 100% 15%; - --sf-c-snow-20: 0 100% 20%; - --sf-c-snow-25: 0 100% 25%; - --sf-c-snow-30: 0 100% 30%; - --sf-c-snow-35: 0 100% 35%; - --sf-c-snow-40: 0 100% 40%; - --sf-c-snow-45: 0 100% 45%; - --sf-c-snow-50: 0 100% 50%; - --sf-c-snow-55: 0 100% 55%; - --sf-c-snow-60: 0 100% 60%; - --sf-c-snow-65: 0 100% 65%; - --sf-c-snow-70: 0 100% 70%; - --sf-c-snow-75: 0 100% 75%; - --sf-c-snow-80: 0 100% 80%; - --sf-c-snow-85: 0 100% 85%; - --sf-c-snow-90: 0 100% 90%; - --sf-c-snow-95: 0 100% 95%; - --sf-c-snow-100: 0 100% 100%; -} - -.sf-c-snow, .sf-c-snow\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 99%) } -.sf-c-snow\:0, .sf-c-snow\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -.sf-c-snow\:5, .sf-c-snow\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -.sf-c-snow\:10, .sf-c-snow\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -.sf-c-snow\:15, .sf-c-snow\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -.sf-c-snow\:20, .sf-c-snow\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -.sf-c-snow\:25, .sf-c-snow\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -.sf-c-snow\:30, .sf-c-snow\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -.sf-c-snow\:35, .sf-c-snow\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -.sf-c-snow\:40, .sf-c-snow\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -.sf-c-snow\:45, .sf-c-snow\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -.sf-c-snow\:50, .sf-c-snow\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -.sf-c-snow\:55, .sf-c-snow\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -.sf-c-snow\:60, .sf-c-snow\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -.sf-c-snow\:65, .sf-c-snow\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -.sf-c-snow\:70, .sf-c-snow\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -.sf-c-snow\:75, .sf-c-snow\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -.sf-c-snow\:80, .sf-c-snow\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -.sf-c-snow\:85, .sf-c-snow\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -.sf-c-snow\:90, .sf-c-snow\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -.sf-c-snow\:95, .sf-c-snow\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -.sf-c-snow\:100, .sf-c-snow\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -.sf-c-txt-snow { color: hsl(0, 100%, 10%) } -.sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } -.sf-c-txt-snow\:0, .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } -.sf-c-txt-snow\:5, .sf-c-txt-snow\:5\:st { color: hsl(0, 100%, 5%) } -.sf-c-txt-snow\:10, .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } -.sf-c-txt-snow\:15, .sf-c-txt-snow\:15\:st { color: hsl(0, 100%, 15%) } -.sf-c-txt-snow\:20, .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } -.sf-c-txt-snow\:25, .sf-c-txt-snow\:25\:st { color: hsl(0, 100%, 25%) } -.sf-c-txt-snow\:30, .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } -.sf-c-txt-snow\:35, .sf-c-txt-snow\:35\:st { color: hsl(0, 100%, 35%) } -.sf-c-txt-snow\:40, .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } -.sf-c-txt-snow\:45, .sf-c-txt-snow\:45\:st { color: hsl(0, 100%, 45%) } -.sf-c-txt-snow\:50, .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } -.sf-c-txt-snow\:55, .sf-c-txt-snow\:55\:st { color: hsl(0, 100%, 55%) } -.sf-c-txt-snow\:60, .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } -.sf-c-txt-snow\:65, .sf-c-txt-snow\:65\:st { color: hsl(0, 100%, 65%) } -.sf-c-txt-snow\:70, .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } -.sf-c-txt-snow\:75, .sf-c-txt-snow\:75\:st { color: hsl(0, 100%, 75%) } -.sf-c-txt-snow\:80, .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } -.sf-c-txt-snow\:85, .sf-c-txt-snow\:85\:st { color: hsl(0, 100%, 85%) } -.sf-c-txt-snow\:90, .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } -.sf-c-txt-snow\:95, .sf-c-txt-snow\:95\:st { color: hsl(0, 100%, 95%) } -.sf-c-txt-snow\:100, .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-snow, html.dark .sf-c-snow { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 1%) } -html[data-theme='dark'] .sf-c-snow\:0, html.dark .sf-c-snow\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-snow\:5, html.dark .sf-c-snow\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-snow\:10, html.dark .sf-c-snow\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-snow\:15, html.dark .sf-c-snow\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-snow\:20, html.dark .sf-c-snow\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-snow\:25, html.dark .sf-c-snow\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-snow\:30, html.dark .sf-c-snow\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-snow\:35, html.dark .sf-c-snow\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-snow\:40, html.dark .sf-c-snow\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-snow\:45, html.dark .sf-c-snow\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-snow\:50, html.dark .sf-c-snow\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-snow\:55, html.dark .sf-c-snow\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-snow\:60, html.dark .sf-c-snow\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-snow\:65, html.dark .sf-c-snow\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-snow\:70, html.dark .sf-c-snow\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-snow\:75, html.dark .sf-c-snow\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-snow\:80, html.dark .sf-c-snow\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-snow\:85, html.dark .sf-c-snow\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-snow\:90, html.dark .sf-c-snow\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-snow\:95, html.dark .sf-c-snow\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-snow\:100, html.dark .sf-c-snow\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-snow\:st, html.dark .sf-c-snow\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-snow\:0\:st, html.dark .sf-c-snow\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-snow\:5\:st, html.dark .sf-c-snow\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-snow\:10\:st, html.dark .sf-c-snow\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-snow\:15\:st, html.dark .sf-c-snow\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-snow\:20\:st, html.dark .sf-c-snow\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-snow\:25\:st, html.dark .sf-c-snow\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-snow\:30\:st, html.dark .sf-c-snow\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-snow\:35\:st, html.dark .sf-c-snow\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-snow\:40\:st, html.dark .sf-c-snow\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-snow\:45\:st, html.dark .sf-c-snow\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-snow\:50\:st, html.dark .sf-c-snow\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-snow\:55\:st, html.dark .sf-c-snow\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-snow\:60\:st, html.dark .sf-c-snow\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-snow\:65\:st, html.dark .sf-c-snow\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-snow\:70\:st, html.dark .sf-c-snow\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-snow\:75\:st, html.dark .sf-c-snow\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-snow\:80\:st, html.dark .sf-c-snow\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-snow\:85\:st, html.dark .sf-c-snow\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-snow\:90\:st, html.dark .sf-c-snow\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-snow\:95\:st, html.dark .sf-c-snow\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-snow\:100\:st, html.dark .sf-c-snow\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-snow\:5, html.dark .sf-c-txt-snow\:5 { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-snow\:15, html.dark .sf-c-txt-snow\:15 { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-snow\:25, html.dark .sf-c-txt-snow\:25 { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-snow\:35, html.dark .sf-c-txt-snow\:35 { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-snow\:45, html.dark .sf-c-txt-snow\:45 { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-snow\:55, html.dark .sf-c-txt-snow\:55 { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-snow\:65, html.dark .sf-c-txt-snow\:65 { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-snow\:75, html.dark .sf-c-txt-snow\:75 { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-snow\:85, html.dark .sf-c-txt-snow\:85 { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-snow\:95, html.dark .sf-c-txt-snow\:95 { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-snow\:st, html.dark .sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } -html[data-theme='dark'] .sf-c-txt-snow\:0\:st, html.dark .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-snow\:5\:st, html.dark .sf-c-txt-snow\:5\:st { color: hsl(0, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-snow\:10\:st, html.dark .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-snow\:15\:st, html.dark .sf-c-txt-snow\:15\:st { color: hsl(0, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-snow\:20\:st, html.dark .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-snow\:25\:st, html.dark .sf-c-txt-snow\:25\:st { color: hsl(0, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-snow\:30\:st, html.dark .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-snow\:35\:st, html.dark .sf-c-txt-snow\:35\:st { color: hsl(0, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-snow\:40\:st, html.dark .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-snow\:45\:st, html.dark .sf-c-txt-snow\:45\:st { color: hsl(0, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-snow\:50\:st, html.dark .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-snow\:55\:st, html.dark .sf-c-txt-snow\:55\:st { color: hsl(0, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-snow\:60\:st, html.dark .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-snow\:65\:st, html.dark .sf-c-txt-snow\:65\:st { color: hsl(0, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-snow\:70\:st, html.dark .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-snow\:75\:st, html.dark .sf-c-txt-snow\:75\:st { color: hsl(0, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-snow\:80\:st, html.dark .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-snow\:85\:st, html.dark .sf-c-txt-snow\:85\:st { color: hsl(0, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-snow\:90\:st, html.dark .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-snow\:95\:st, html.dark .sf-c-txt-snow\:95\:st { color: hsl(0, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-snow\:100\:st, html.dark .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-snow, html.auto .sf-c-snow { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 1%) } - html[data-theme='auto'] .sf-c-snow\:0, html.auto .sf-c-snow\:0 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-snow\:5, html.auto .sf-c-snow\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-snow\:10, html.auto .sf-c-snow\:10 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-snow\:15, html.auto .sf-c-snow\:15 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-snow\:20, html.auto .sf-c-snow\:20 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-snow\:25, html.auto .sf-c-snow\:25 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-snow\:30, html.auto .sf-c-snow\:30 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-snow\:35, html.auto .sf-c-snow\:35 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-snow\:40, html.auto .sf-c-snow\:40 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-snow\:45, html.auto .sf-c-snow\:45 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-snow\:50, html.auto .sf-c-snow\:50 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-snow\:55, html.auto .sf-c-snow\:55 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-snow\:60, html.auto .sf-c-snow\:60 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-snow\:65, html.auto .sf-c-snow\:65 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-snow\:70, html.auto .sf-c-snow\:70 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-snow\:75, html.auto .sf-c-snow\:75 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-snow\:80, html.auto .sf-c-snow\:80 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-snow\:85, html.auto .sf-c-snow\:85 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-snow\:90, html.auto .sf-c-snow\:90 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-snow\:95, html.auto .sf-c-snow\:95 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-snow\:100, html.auto .sf-c-snow\:100 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-snow\:st, html.auto .sf-c-snow\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-snow\:0\:st, html.auto .sf-c-snow\:0\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-snow\:5\:st, html.auto .sf-c-snow\:5\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-snow\:10\:st, html.auto .sf-c-snow\:10\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-snow\:15\:st, html.auto .sf-c-snow\:15\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-snow\:20\:st, html.auto .sf-c-snow\:20\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-snow\:25\:st, html.auto .sf-c-snow\:25\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-snow\:30\:st, html.auto .sf-c-snow\:30\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-snow\:35\:st, html.auto .sf-c-snow\:35\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-snow\:40\:st, html.auto .sf-c-snow\:40\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-snow\:45\:st, html.auto .sf-c-snow\:45\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-snow\:50\:st, html.auto .sf-c-snow\:50\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-snow\:55\:st, html.auto .sf-c-snow\:55\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-snow\:60\:st, html.auto .sf-c-snow\:60\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-snow\:65\:st, html.auto .sf-c-snow\:65\:st { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-snow\:70\:st, html.auto .sf-c-snow\:70\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-snow\:75\:st, html.auto .sf-c-snow\:75\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-snow\:80\:st, html.auto .sf-c-snow\:80\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-snow\:85\:st, html.auto .sf-c-snow\:85\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-snow\:90\:st, html.auto .sf-c-snow\:90\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-snow\:95\:st, html.auto .sf-c-snow\:95\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-snow\:100\:st, html.auto .sf-c-snow\:100\:st { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-snow\:5, html.auto .sf-c-txt-snow\:5 { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-snow\:15, html.auto .sf-c-txt-snow\:15 { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-snow\:25, html.auto .sf-c-txt-snow\:25 { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-snow\:35, html.auto .sf-c-txt-snow\:35 { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-snow\:45, html.auto .sf-c-txt-snow\:45 { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-snow\:55, html.auto .sf-c-txt-snow\:55 { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-snow\:65, html.auto .sf-c-txt-snow\:65 { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-snow\:75, html.auto .sf-c-txt-snow\:75 { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-snow\:85, html.auto .sf-c-txt-snow\:85 { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-snow\:95, html.auto .sf-c-txt-snow\:95 { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-snow\:st, html.auto .sf-c-txt-snow\:st { color: hsl(0, 100%, 99%) } - html[data-theme='auto'] .sf-c-txt-snow\:0\:st, html.auto .sf-c-txt-snow\:0\:st { color: hsl(0, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-snow\:5\:st, html.auto .sf-c-txt-snow\:5\:st { color: hsl(0, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-snow\:10\:st, html.auto .sf-c-txt-snow\:10\:st { color: hsl(0, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-snow\:15\:st, html.auto .sf-c-txt-snow\:15\:st { color: hsl(0, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-snow\:20\:st, html.auto .sf-c-txt-snow\:20\:st { color: hsl(0, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-snow\:25\:st, html.auto .sf-c-txt-snow\:25\:st { color: hsl(0, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-snow\:30\:st, html.auto .sf-c-txt-snow\:30\:st { color: hsl(0, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-snow\:35\:st, html.auto .sf-c-txt-snow\:35\:st { color: hsl(0, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-snow\:40\:st, html.auto .sf-c-txt-snow\:40\:st { color: hsl(0, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-snow\:45\:st, html.auto .sf-c-txt-snow\:45\:st { color: hsl(0, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-snow\:50\:st, html.auto .sf-c-txt-snow\:50\:st { color: hsl(0, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-snow\:55\:st, html.auto .sf-c-txt-snow\:55\:st { color: hsl(0, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-snow\:60\:st, html.auto .sf-c-txt-snow\:60\:st { color: hsl(0, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-snow\:65\:st, html.auto .sf-c-txt-snow\:65\:st { color: hsl(0, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-snow\:70\:st, html.auto .sf-c-txt-snow\:70\:st { color: hsl(0, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-snow\:75\:st, html.auto .sf-c-txt-snow\:75\:st { color: hsl(0, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-snow\:80\:st, html.auto .sf-c-txt-snow\:80\:st { color: hsl(0, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-snow\:85\:st, html.auto .sf-c-txt-snow\:85\:st { color: hsl(0, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-snow\:90\:st, html.auto .sf-c-txt-snow\:90\:st { color: hsl(0, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-snow\:95\:st, html.auto .sf-c-txt-snow\:95\:st { color: hsl(0, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-snow\:100\:st, html.auto .sf-c-txt-snow\:100\:st { color: hsl(0, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/springgreen.css b/src/colors/20/springgreen.css deleted file mode 100644 index f6cc183..0000000 --- a/src/colors/20/springgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-springgreen { - --sf-c-springgreen: 150 100% 50%; - --sf-c-springgreen-0: 150 100% 0%; - --sf-c-springgreen-5: 150 100% 5%; - --sf-c-springgreen-10: 150 100% 10%; - --sf-c-springgreen-15: 150 100% 15%; - --sf-c-springgreen-20: 150 100% 20%; - --sf-c-springgreen-25: 150 100% 25%; - --sf-c-springgreen-30: 150 100% 30%; - --sf-c-springgreen-35: 150 100% 35%; - --sf-c-springgreen-40: 150 100% 40%; - --sf-c-springgreen-45: 150 100% 45%; - --sf-c-springgreen-50: 150 100% 50%; - --sf-c-springgreen-55: 150 100% 55%; - --sf-c-springgreen-60: 150 100% 60%; - --sf-c-springgreen-65: 150 100% 65%; - --sf-c-springgreen-70: 150 100% 70%; - --sf-c-springgreen-75: 150 100% 75%; - --sf-c-springgreen-80: 150 100% 80%; - --sf-c-springgreen-85: 150 100% 85%; - --sf-c-springgreen-90: 150 100% 90%; - --sf-c-springgreen-95: 150 100% 95%; - --sf-c-springgreen-100: 150 100% 100%; -} - -.sf-c-springgreen, .sf-c-springgreen\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -.sf-c-springgreen\:0, .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -.sf-c-springgreen\:5, .sf-c-springgreen\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -.sf-c-springgreen\:10, .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -.sf-c-springgreen\:15, .sf-c-springgreen\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -.sf-c-springgreen\:20, .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -.sf-c-springgreen\:25, .sf-c-springgreen\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -.sf-c-springgreen\:30, .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -.sf-c-springgreen\:35, .sf-c-springgreen\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -.sf-c-springgreen\:40, .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -.sf-c-springgreen\:45, .sf-c-springgreen\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -.sf-c-springgreen\:50, .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -.sf-c-springgreen\:55, .sf-c-springgreen\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -.sf-c-springgreen\:60, .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -.sf-c-springgreen\:65, .sf-c-springgreen\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -.sf-c-springgreen\:70, .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -.sf-c-springgreen\:75, .sf-c-springgreen\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -.sf-c-springgreen\:80, .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -.sf-c-springgreen\:85, .sf-c-springgreen\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -.sf-c-springgreen\:90, .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -.sf-c-springgreen\:95, .sf-c-springgreen\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -.sf-c-springgreen\:100, .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - -.sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:0, .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } -.sf-c-txt-springgreen\:5, .sf-c-txt-springgreen\:5\:st { color: hsl(150, 100%, 5%) } -.sf-c-txt-springgreen\:10, .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } -.sf-c-txt-springgreen\:15, .sf-c-txt-springgreen\:15\:st { color: hsl(150, 100%, 15%) } -.sf-c-txt-springgreen\:20, .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } -.sf-c-txt-springgreen\:25, .sf-c-txt-springgreen\:25\:st { color: hsl(150, 100%, 25%) } -.sf-c-txt-springgreen\:30, .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } -.sf-c-txt-springgreen\:35, .sf-c-txt-springgreen\:35\:st { color: hsl(150, 100%, 35%) } -.sf-c-txt-springgreen\:40, .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } -.sf-c-txt-springgreen\:45, .sf-c-txt-springgreen\:45\:st { color: hsl(150, 100%, 45%) } -.sf-c-txt-springgreen\:50, .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } -.sf-c-txt-springgreen\:55, .sf-c-txt-springgreen\:55\:st { color: hsl(150, 100%, 55%) } -.sf-c-txt-springgreen\:60, .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } -.sf-c-txt-springgreen\:65, .sf-c-txt-springgreen\:65\:st { color: hsl(150, 100%, 65%) } -.sf-c-txt-springgreen\:70, .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } -.sf-c-txt-springgreen\:75, .sf-c-txt-springgreen\:75\:st { color: hsl(150, 100%, 75%) } -.sf-c-txt-springgreen\:80, .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } -.sf-c-txt-springgreen\:85, .sf-c-txt-springgreen\:85\:st { color: hsl(150, 100%, 85%) } -.sf-c-txt-springgreen\:90, .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } -.sf-c-txt-springgreen\:95, .sf-c-txt-springgreen\:95\:st { color: hsl(150, 100%, 95%) } -.sf-c-txt-springgreen\:100, .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-springgreen, html.dark .sf-c-springgreen { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:0, html.dark .sf-c-springgreen\:0 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-springgreen\:5, html.dark .sf-c-springgreen\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-springgreen\:10, html.dark .sf-c-springgreen\:10 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-springgreen\:15, html.dark .sf-c-springgreen\:15 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-springgreen\:20, html.dark .sf-c-springgreen\:20 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-springgreen\:25, html.dark .sf-c-springgreen\:25 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-springgreen\:30, html.dark .sf-c-springgreen\:30 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-springgreen\:35, html.dark .sf-c-springgreen\:35 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-springgreen\:40, html.dark .sf-c-springgreen\:40 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-springgreen\:45, html.dark .sf-c-springgreen\:45 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-springgreen\:50, html.dark .sf-c-springgreen\:50 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:55, html.dark .sf-c-springgreen\:55 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-springgreen\:60, html.dark .sf-c-springgreen\:60 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-springgreen\:65, html.dark .sf-c-springgreen\:65 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-springgreen\:70, html.dark .sf-c-springgreen\:70 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-springgreen\:75, html.dark .sf-c-springgreen\:75 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-springgreen\:80, html.dark .sf-c-springgreen\:80 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-springgreen\:85, html.dark .sf-c-springgreen\:85 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-springgreen\:90, html.dark .sf-c-springgreen\:90 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-springgreen\:95, html.dark .sf-c-springgreen\:95 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-springgreen\:100, html.dark .sf-c-springgreen\:100 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-springgreen\:st, html.dark .sf-c-springgreen\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:0\:st, html.dark .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-springgreen\:5\:st, html.dark .sf-c-springgreen\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-springgreen\:10\:st, html.dark .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-springgreen\:15\:st, html.dark .sf-c-springgreen\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-springgreen\:20\:st, html.dark .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-springgreen\:25\:st, html.dark .sf-c-springgreen\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-springgreen\:30\:st, html.dark .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-springgreen\:35\:st, html.dark .sf-c-springgreen\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-springgreen\:40\:st, html.dark .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-springgreen\:45\:st, html.dark .sf-c-springgreen\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-springgreen\:50\:st, html.dark .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-springgreen\:55\:st, html.dark .sf-c-springgreen\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-springgreen\:60\:st, html.dark .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-springgreen\:65\:st, html.dark .sf-c-springgreen\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-springgreen\:70\:st, html.dark .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-springgreen\:75\:st, html.dark .sf-c-springgreen\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-springgreen\:80\:st, html.dark .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-springgreen\:85\:st, html.dark .sf-c-springgreen\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-springgreen\:90\:st, html.dark .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-springgreen\:95\:st, html.dark .sf-c-springgreen\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-springgreen\:100\:st, html.dark .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:5, html.dark .sf-c-txt-springgreen\:5 { color: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:15, html.dark .sf-c-txt-springgreen\:15 { color: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:25, html.dark .sf-c-txt-springgreen\:25 { color: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:35, html.dark .sf-c-txt-springgreen\:35 { color: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:45, html.dark .sf-c-txt-springgreen\:45 { color: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:55, html.dark .sf-c-txt-springgreen\:55 { color: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:65, html.dark .sf-c-txt-springgreen\:65 { color: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:75, html.dark .sf-c-txt-springgreen\:75 { color: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:85, html.dark .sf-c-txt-springgreen\:85 { color: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:95, html.dark .sf-c-txt-springgreen\:95 { color: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-springgreen\:st, html.dark .sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:0\:st, html.dark .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:5\:st, html.dark .sf-c-txt-springgreen\:5\:st { color: hsl(150, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:10\:st, html.dark .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:15\:st, html.dark .sf-c-txt-springgreen\:15\:st { color: hsl(150, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:20\:st, html.dark .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:25\:st, html.dark .sf-c-txt-springgreen\:25\:st { color: hsl(150, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:30\:st, html.dark .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:35\:st, html.dark .sf-c-txt-springgreen\:35\:st { color: hsl(150, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:40\:st, html.dark .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:45\:st, html.dark .sf-c-txt-springgreen\:45\:st { color: hsl(150, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:50\:st, html.dark .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:55\:st, html.dark .sf-c-txt-springgreen\:55\:st { color: hsl(150, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:60\:st, html.dark .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:65\:st, html.dark .sf-c-txt-springgreen\:65\:st { color: hsl(150, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:70\:st, html.dark .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:75\:st, html.dark .sf-c-txt-springgreen\:75\:st { color: hsl(150, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:80\:st, html.dark .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:85\:st, html.dark .sf-c-txt-springgreen\:85\:st { color: hsl(150, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:90\:st, html.dark .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:95\:st, html.dark .sf-c-txt-springgreen\:95\:st { color: hsl(150, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-springgreen\:100\:st, html.dark .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-springgreen, html.auto .sf-c-springgreen { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:0, html.auto .sf-c-springgreen\:0 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-springgreen\:5, html.auto .sf-c-springgreen\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-springgreen\:10, html.auto .sf-c-springgreen\:10 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-springgreen\:15, html.auto .sf-c-springgreen\:15 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-springgreen\:20, html.auto .sf-c-springgreen\:20 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-springgreen\:25, html.auto .sf-c-springgreen\:25 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-springgreen\:30, html.auto .sf-c-springgreen\:30 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-springgreen\:35, html.auto .sf-c-springgreen\:35 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-springgreen\:40, html.auto .sf-c-springgreen\:40 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-springgreen\:45, html.auto .sf-c-springgreen\:45 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-springgreen\:50, html.auto .sf-c-springgreen\:50 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:55, html.auto .sf-c-springgreen\:55 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-springgreen\:60, html.auto .sf-c-springgreen\:60 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-springgreen\:65, html.auto .sf-c-springgreen\:65 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-springgreen\:70, html.auto .sf-c-springgreen\:70 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-springgreen\:75, html.auto .sf-c-springgreen\:75 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-springgreen\:80, html.auto .sf-c-springgreen\:80 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-springgreen\:85, html.auto .sf-c-springgreen\:85 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-springgreen\:90, html.auto .sf-c-springgreen\:90 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-springgreen\:95, html.auto .sf-c-springgreen\:95 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-springgreen\:100, html.auto .sf-c-springgreen\:100 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-springgreen\:st, html.auto .sf-c-springgreen\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:0\:st, html.auto .sf-c-springgreen\:0\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-springgreen\:5\:st, html.auto .sf-c-springgreen\:5\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-springgreen\:10\:st, html.auto .sf-c-springgreen\:10\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-springgreen\:15\:st, html.auto .sf-c-springgreen\:15\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-springgreen\:20\:st, html.auto .sf-c-springgreen\:20\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-springgreen\:25\:st, html.auto .sf-c-springgreen\:25\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-springgreen\:30\:st, html.auto .sf-c-springgreen\:30\:st { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-springgreen\:35\:st, html.auto .sf-c-springgreen\:35\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-springgreen\:40\:st, html.auto .sf-c-springgreen\:40\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-springgreen\:45\:st, html.auto .sf-c-springgreen\:45\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-springgreen\:50\:st, html.auto .sf-c-springgreen\:50\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-springgreen\:55\:st, html.auto .sf-c-springgreen\:55\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-springgreen\:60\:st, html.auto .sf-c-springgreen\:60\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-springgreen\:65\:st, html.auto .sf-c-springgreen\:65\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-springgreen\:70\:st, html.auto .sf-c-springgreen\:70\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-springgreen\:75\:st, html.auto .sf-c-springgreen\:75\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-springgreen\:80\:st, html.auto .sf-c-springgreen\:80\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-springgreen\:85\:st, html.auto .sf-c-springgreen\:85\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-springgreen\:90\:st, html.auto .sf-c-springgreen\:90\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-springgreen\:95\:st, html.auto .sf-c-springgreen\:95\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-springgreen\:100\:st, html.auto .sf-c-springgreen\:100\:st { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:5, html.auto .sf-c-txt-springgreen\:5 { color: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:15, html.auto .sf-c-txt-springgreen\:15 { color: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:25, html.auto .sf-c-txt-springgreen\:25 { color: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:35, html.auto .sf-c-txt-springgreen\:35 { color: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:45, html.auto .sf-c-txt-springgreen\:45 { color: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:55, html.auto .sf-c-txt-springgreen\:55 { color: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:65, html.auto .sf-c-txt-springgreen\:65 { color: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:75, html.auto .sf-c-txt-springgreen\:75 { color: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:85, html.auto .sf-c-txt-springgreen\:85 { color: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:95, html.auto .sf-c-txt-springgreen\:95 { color: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-springgreen\:st, html.auto .sf-c-txt-springgreen\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:0\:st, html.auto .sf-c-txt-springgreen\:0\:st { color: hsl(150, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:5\:st, html.auto .sf-c-txt-springgreen\:5\:st { color: hsl(150, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:10\:st, html.auto .sf-c-txt-springgreen\:10\:st { color: hsl(150, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:15\:st, html.auto .sf-c-txt-springgreen\:15\:st { color: hsl(150, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:20\:st, html.auto .sf-c-txt-springgreen\:20\:st { color: hsl(150, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:25\:st, html.auto .sf-c-txt-springgreen\:25\:st { color: hsl(150, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:30\:st, html.auto .sf-c-txt-springgreen\:30\:st { color: hsl(150, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:35\:st, html.auto .sf-c-txt-springgreen\:35\:st { color: hsl(150, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:40\:st, html.auto .sf-c-txt-springgreen\:40\:st { color: hsl(150, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:45\:st, html.auto .sf-c-txt-springgreen\:45\:st { color: hsl(150, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:50\:st, html.auto .sf-c-txt-springgreen\:50\:st { color: hsl(150, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:55\:st, html.auto .sf-c-txt-springgreen\:55\:st { color: hsl(150, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:60\:st, html.auto .sf-c-txt-springgreen\:60\:st { color: hsl(150, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:65\:st, html.auto .sf-c-txt-springgreen\:65\:st { color: hsl(150, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:70\:st, html.auto .sf-c-txt-springgreen\:70\:st { color: hsl(150, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:75\:st, html.auto .sf-c-txt-springgreen\:75\:st { color: hsl(150, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:80\:st, html.auto .sf-c-txt-springgreen\:80\:st { color: hsl(150, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:85\:st, html.auto .sf-c-txt-springgreen\:85\:st { color: hsl(150, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:90\:st, html.auto .sf-c-txt-springgreen\:90\:st { color: hsl(150, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:95\:st, html.auto .sf-c-txt-springgreen\:95\:st { color: hsl(150, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-springgreen\:100\:st, html.auto .sf-c-txt-springgreen\:100\:st { color: hsl(150, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/steelblue.css b/src/colors/20/steelblue.css deleted file mode 100644 index c269835..0000000 --- a/src/colors/20/steelblue.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-steelblue { - --sf-c-steelblue: 207 44% 49%; - --sf-c-steelblue-0: 207 44% 0%; - --sf-c-steelblue-5: 207 44% 5%; - --sf-c-steelblue-10: 207 44% 10%; - --sf-c-steelblue-15: 207 44% 15%; - --sf-c-steelblue-20: 207 44% 20%; - --sf-c-steelblue-25: 207 44% 25%; - --sf-c-steelblue-30: 207 44% 30%; - --sf-c-steelblue-35: 207 44% 35%; - --sf-c-steelblue-40: 207 44% 40%; - --sf-c-steelblue-45: 207 44% 45%; - --sf-c-steelblue-50: 207 44% 50%; - --sf-c-steelblue-55: 207 44% 55%; - --sf-c-steelblue-60: 207 44% 60%; - --sf-c-steelblue-65: 207 44% 65%; - --sf-c-steelblue-70: 207 44% 70%; - --sf-c-steelblue-75: 207 44% 75%; - --sf-c-steelblue-80: 207 44% 80%; - --sf-c-steelblue-85: 207 44% 85%; - --sf-c-steelblue-90: 207 44% 90%; - --sf-c-steelblue-95: 207 44% 95%; - --sf-c-steelblue-100: 207 44% 100%; -} - -.sf-c-steelblue, .sf-c-steelblue\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 49%) } -.sf-c-steelblue\:0, .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } -.sf-c-steelblue\:5, .sf-c-steelblue\:5\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } -.sf-c-steelblue\:10, .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } -.sf-c-steelblue\:15, .sf-c-steelblue\:15\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 15%) } -.sf-c-steelblue\:20, .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 20%) } -.sf-c-steelblue\:25, .sf-c-steelblue\:25\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 25%) } -.sf-c-steelblue\:30, .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 30%) } -.sf-c-steelblue\:35, .sf-c-steelblue\:35\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 35%) } -.sf-c-steelblue\:40, .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 40%) } -.sf-c-steelblue\:45, .sf-c-steelblue\:45\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 45%) } -.sf-c-steelblue\:50, .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 50%) } -.sf-c-steelblue\:55, .sf-c-steelblue\:55\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 55%) } -.sf-c-steelblue\:60, .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 60%) } -.sf-c-steelblue\:65, .sf-c-steelblue\:65\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 65%) } -.sf-c-steelblue\:70, .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 70%) } -.sf-c-steelblue\:75, .sf-c-steelblue\:75\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 75%) } -.sf-c-steelblue\:80, .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 80%) } -.sf-c-steelblue\:85, .sf-c-steelblue\:85\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 85%) } -.sf-c-steelblue\:90, .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 90%) } -.sf-c-steelblue\:95, .sf-c-steelblue\:95\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } -.sf-c-steelblue\:100, .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } - -.sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } -.sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } -.sf-c-txt-steelblue\:0, .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } -.sf-c-txt-steelblue\:5, .sf-c-txt-steelblue\:5\:st { color: hsl(207, 44%, 5%) } -.sf-c-txt-steelblue\:10, .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } -.sf-c-txt-steelblue\:15, .sf-c-txt-steelblue\:15\:st { color: hsl(207, 44%, 15%) } -.sf-c-txt-steelblue\:20, .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } -.sf-c-txt-steelblue\:25, .sf-c-txt-steelblue\:25\:st { color: hsl(207, 44%, 25%) } -.sf-c-txt-steelblue\:30, .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } -.sf-c-txt-steelblue\:35, .sf-c-txt-steelblue\:35\:st { color: hsl(207, 44%, 35%) } -.sf-c-txt-steelblue\:40, .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } -.sf-c-txt-steelblue\:45, .sf-c-txt-steelblue\:45\:st { color: hsl(207, 44%, 45%) } -.sf-c-txt-steelblue\:50, .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } -.sf-c-txt-steelblue\:55, .sf-c-txt-steelblue\:55\:st { color: hsl(207, 44%, 55%) } -.sf-c-txt-steelblue\:60, .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } -.sf-c-txt-steelblue\:65, .sf-c-txt-steelblue\:65\:st { color: hsl(207, 44%, 65%) } -.sf-c-txt-steelblue\:70, .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } -.sf-c-txt-steelblue\:75, .sf-c-txt-steelblue\:75\:st { color: hsl(207, 44%, 75%) } -.sf-c-txt-steelblue\:80, .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } -.sf-c-txt-steelblue\:85, .sf-c-txt-steelblue\:85\:st { color: hsl(207, 44%, 85%) } -.sf-c-txt-steelblue\:90, .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } -.sf-c-txt-steelblue\:95, .sf-c-txt-steelblue\:95\:st { color: hsl(207, 44%, 95%) } -.sf-c-txt-steelblue\:100, .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } - -html[data-theme='dark'] .sf-c-steelblue, html.dark .sf-c-steelblue { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 51%) } -html[data-theme='dark'] .sf-c-steelblue\:0, html.dark .sf-c-steelblue\:0 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } -html[data-theme='dark'] .sf-c-steelblue\:5, html.dark .sf-c-steelblue\:5 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } -html[data-theme='dark'] .sf-c-steelblue\:10, html.dark .sf-c-steelblue\:10 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-steelblue\:15, html.dark .sf-c-steelblue\:15 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 85%) } -html[data-theme='dark'] .sf-c-steelblue\:20, html.dark .sf-c-steelblue\:20 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-steelblue\:25, html.dark .sf-c-steelblue\:25 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 75%) } -html[data-theme='dark'] .sf-c-steelblue\:30, html.dark .sf-c-steelblue\:30 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-steelblue\:35, html.dark .sf-c-steelblue\:35 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 65%) } -html[data-theme='dark'] .sf-c-steelblue\:40, html.dark .sf-c-steelblue\:40 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-steelblue\:45, html.dark .sf-c-steelblue\:45 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 55%) } -html[data-theme='dark'] .sf-c-steelblue\:50, html.dark .sf-c-steelblue\:50 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-steelblue\:55, html.dark .sf-c-steelblue\:55 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 45%) } -html[data-theme='dark'] .sf-c-steelblue\:60, html.dark .sf-c-steelblue\:60 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-steelblue\:65, html.dark .sf-c-steelblue\:65 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 35%) } -html[data-theme='dark'] .sf-c-steelblue\:70, html.dark .sf-c-steelblue\:70 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-steelblue\:75, html.dark .sf-c-steelblue\:75 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 25%) } -html[data-theme='dark'] .sf-c-steelblue\:80, html.dark .sf-c-steelblue\:80 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-steelblue\:85, html.dark .sf-c-steelblue\:85 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 15%) } -html[data-theme='dark'] .sf-c-steelblue\:90, html.dark .sf-c-steelblue\:90 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-steelblue\:95, html.dark .sf-c-steelblue\:95 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } -html[data-theme='dark'] .sf-c-steelblue\:100, html.dark .sf-c-steelblue\:100 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } - -html[data-theme='dark'] .sf-c-steelblue\:st, html.dark .sf-c-steelblue\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 49%) } -html[data-theme='dark'] .sf-c-steelblue\:0\:st, html.dark .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } -html[data-theme='dark'] .sf-c-steelblue\:5\:st, html.dark .sf-c-steelblue\:5\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } -html[data-theme='dark'] .sf-c-steelblue\:10\:st, html.dark .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-steelblue\:15\:st, html.dark .sf-c-steelblue\:15\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 15%) } -html[data-theme='dark'] .sf-c-steelblue\:20\:st, html.dark .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-steelblue\:25\:st, html.dark .sf-c-steelblue\:25\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 25%) } -html[data-theme='dark'] .sf-c-steelblue\:30\:st, html.dark .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-steelblue\:35\:st, html.dark .sf-c-steelblue\:35\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 35%) } -html[data-theme='dark'] .sf-c-steelblue\:40\:st, html.dark .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-steelblue\:45\:st, html.dark .sf-c-steelblue\:45\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 45%) } -html[data-theme='dark'] .sf-c-steelblue\:50\:st, html.dark .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-steelblue\:55\:st, html.dark .sf-c-steelblue\:55\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 55%) } -html[data-theme='dark'] .sf-c-steelblue\:60\:st, html.dark .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-steelblue\:65\:st, html.dark .sf-c-steelblue\:65\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 65%) } -html[data-theme='dark'] .sf-c-steelblue\:70\:st, html.dark .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-steelblue\:75\:st, html.dark .sf-c-steelblue\:75\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 75%) } -html[data-theme='dark'] .sf-c-steelblue\:80\:st, html.dark .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-steelblue\:85\:st, html.dark .sf-c-steelblue\:85\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 85%) } -html[data-theme='dark'] .sf-c-steelblue\:90\:st, html.dark .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-steelblue\:95\:st, html.dark .sf-c-steelblue\:95\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } -html[data-theme='dark'] .sf-c-steelblue\:100\:st, html.dark .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } - -html[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:5, html.dark .sf-c-txt-steelblue\:5 { color: hsl(207, 44%, 95%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:15, html.dark .sf-c-txt-steelblue\:15 { color: hsl(207, 44%, 85%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:25, html.dark .sf-c-txt-steelblue\:25 { color: hsl(207, 44%, 75%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:35, html.dark .sf-c-txt-steelblue\:35 { color: hsl(207, 44%, 65%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:45, html.dark .sf-c-txt-steelblue\:45 { color: hsl(207, 44%, 55%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:55, html.dark .sf-c-txt-steelblue\:55 { color: hsl(207, 44%, 45%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:65, html.dark .sf-c-txt-steelblue\:65 { color: hsl(207, 44%, 35%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:75, html.dark .sf-c-txt-steelblue\:75 { color: hsl(207, 44%, 25%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:85, html.dark .sf-c-txt-steelblue\:85 { color: hsl(207, 44%, 15%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:95, html.dark .sf-c-txt-steelblue\:95 { color: hsl(207, 44%, 5%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } - -html[data-theme='dark'] .sf-c-txt-steelblue\:st, html.dark .sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:0\:st, html.dark .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:5\:st, html.dark .sf-c-txt-steelblue\:5\:st { color: hsl(207, 44%, 5%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:10\:st, html.dark .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:15\:st, html.dark .sf-c-txt-steelblue\:15\:st { color: hsl(207, 44%, 15%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:20\:st, html.dark .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:25\:st, html.dark .sf-c-txt-steelblue\:25\:st { color: hsl(207, 44%, 25%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:30\:st, html.dark .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:35\:st, html.dark .sf-c-txt-steelblue\:35\:st { color: hsl(207, 44%, 35%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:40\:st, html.dark .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:45\:st, html.dark .sf-c-txt-steelblue\:45\:st { color: hsl(207, 44%, 45%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:50\:st, html.dark .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:55\:st, html.dark .sf-c-txt-steelblue\:55\:st { color: hsl(207, 44%, 55%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:60\:st, html.dark .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:65\:st, html.dark .sf-c-txt-steelblue\:65\:st { color: hsl(207, 44%, 65%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:70\:st, html.dark .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:75\:st, html.dark .sf-c-txt-steelblue\:75\:st { color: hsl(207, 44%, 75%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:80\:st, html.dark .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:85\:st, html.dark .sf-c-txt-steelblue\:85\:st { color: hsl(207, 44%, 85%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:90\:st, html.dark .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:95\:st, html.dark .sf-c-txt-steelblue\:95\:st { color: hsl(207, 44%, 95%) } -html[data-theme='dark'] .sf-c-txt-steelblue\:100\:st, html.dark .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-steelblue, html.auto .sf-c-steelblue { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 51%) } - html[data-theme='auto'] .sf-c-steelblue\:0, html.auto .sf-c-steelblue\:0 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } - html[data-theme='auto'] .sf-c-steelblue\:5, html.auto .sf-c-steelblue\:5 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } - html[data-theme='auto'] .sf-c-steelblue\:10, html.auto .sf-c-steelblue\:10 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-steelblue\:15, html.auto .sf-c-steelblue\:15 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 85%) } - html[data-theme='auto'] .sf-c-steelblue\:20, html.auto .sf-c-steelblue\:20 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-steelblue\:25, html.auto .sf-c-steelblue\:25 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 75%) } - html[data-theme='auto'] .sf-c-steelblue\:30, html.auto .sf-c-steelblue\:30 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-steelblue\:35, html.auto .sf-c-steelblue\:35 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 65%) } - html[data-theme='auto'] .sf-c-steelblue\:40, html.auto .sf-c-steelblue\:40 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-steelblue\:45, html.auto .sf-c-steelblue\:45 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 55%) } - html[data-theme='auto'] .sf-c-steelblue\:50, html.auto .sf-c-steelblue\:50 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-steelblue\:55, html.auto .sf-c-steelblue\:55 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 45%) } - html[data-theme='auto'] .sf-c-steelblue\:60, html.auto .sf-c-steelblue\:60 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-steelblue\:65, html.auto .sf-c-steelblue\:65 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 35%) } - html[data-theme='auto'] .sf-c-steelblue\:70, html.auto .sf-c-steelblue\:70 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-steelblue\:75, html.auto .sf-c-steelblue\:75 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 25%) } - html[data-theme='auto'] .sf-c-steelblue\:80, html.auto .sf-c-steelblue\:80 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-steelblue\:85, html.auto .sf-c-steelblue\:85 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 15%) } - html[data-theme='auto'] .sf-c-steelblue\:90, html.auto .sf-c-steelblue\:90 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-steelblue\:95, html.auto .sf-c-steelblue\:95 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } - html[data-theme='auto'] .sf-c-steelblue\:100, html.auto .sf-c-steelblue\:100 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } - - html[data-theme='auto'] .sf-c-steelblue\:st, html.auto .sf-c-steelblue\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 49%) } - html[data-theme='auto'] .sf-c-steelblue\:0\:st, html.auto .sf-c-steelblue\:0\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } - html[data-theme='auto'] .sf-c-steelblue\:5\:st, html.auto .sf-c-steelblue\:5\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } - html[data-theme='auto'] .sf-c-steelblue\:10\:st, html.auto .sf-c-steelblue\:10\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-steelblue\:15\:st, html.auto .sf-c-steelblue\:15\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 15%) } - html[data-theme='auto'] .sf-c-steelblue\:20\:st, html.auto .sf-c-steelblue\:20\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-steelblue\:25\:st, html.auto .sf-c-steelblue\:25\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 25%) } - html[data-theme='auto'] .sf-c-steelblue\:30\:st, html.auto .sf-c-steelblue\:30\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-steelblue\:35\:st, html.auto .sf-c-steelblue\:35\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 35%) } - html[data-theme='auto'] .sf-c-steelblue\:40\:st, html.auto .sf-c-steelblue\:40\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-steelblue\:45\:st, html.auto .sf-c-steelblue\:45\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 45%) } - html[data-theme='auto'] .sf-c-steelblue\:50\:st, html.auto .sf-c-steelblue\:50\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-steelblue\:55\:st, html.auto .sf-c-steelblue\:55\:st { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 55%) } - html[data-theme='auto'] .sf-c-steelblue\:60\:st, html.auto .sf-c-steelblue\:60\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-steelblue\:65\:st, html.auto .sf-c-steelblue\:65\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 65%) } - html[data-theme='auto'] .sf-c-steelblue\:70\:st, html.auto .sf-c-steelblue\:70\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-steelblue\:75\:st, html.auto .sf-c-steelblue\:75\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 75%) } - html[data-theme='auto'] .sf-c-steelblue\:80\:st, html.auto .sf-c-steelblue\:80\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-steelblue\:85\:st, html.auto .sf-c-steelblue\:85\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 85%) } - html[data-theme='auto'] .sf-c-steelblue\:90\:st, html.auto .sf-c-steelblue\:90\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-steelblue\:95\:st, html.auto .sf-c-steelblue\:95\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } - html[data-theme='auto'] .sf-c-steelblue\:100\:st, html.auto .sf-c-steelblue\:100\:st { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } - - html[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:5, html.auto .sf-c-txt-steelblue\:5 { color: hsl(207, 44%, 95%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:15, html.auto .sf-c-txt-steelblue\:15 { color: hsl(207, 44%, 85%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:25, html.auto .sf-c-txt-steelblue\:25 { color: hsl(207, 44%, 75%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:35, html.auto .sf-c-txt-steelblue\:35 { color: hsl(207, 44%, 65%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:45, html.auto .sf-c-txt-steelblue\:45 { color: hsl(207, 44%, 55%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:55, html.auto .sf-c-txt-steelblue\:55 { color: hsl(207, 44%, 45%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:65, html.auto .sf-c-txt-steelblue\:65 { color: hsl(207, 44%, 35%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:75, html.auto .sf-c-txt-steelblue\:75 { color: hsl(207, 44%, 25%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:85, html.auto .sf-c-txt-steelblue\:85 { color: hsl(207, 44%, 15%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:95, html.auto .sf-c-txt-steelblue\:95 { color: hsl(207, 44%, 5%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } - - html[data-theme='auto'] .sf-c-txt-steelblue\:st, html.auto .sf-c-txt-steelblue\:st { color: hsl(207, 44%, 49%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:0\:st, html.auto .sf-c-txt-steelblue\:0\:st { color: hsl(207, 44%, 0%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:5\:st, html.auto .sf-c-txt-steelblue\:5\:st { color: hsl(207, 44%, 5%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:10\:st, html.auto .sf-c-txt-steelblue\:10\:st { color: hsl(207, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:15\:st, html.auto .sf-c-txt-steelblue\:15\:st { color: hsl(207, 44%, 15%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:20\:st, html.auto .sf-c-txt-steelblue\:20\:st { color: hsl(207, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:25\:st, html.auto .sf-c-txt-steelblue\:25\:st { color: hsl(207, 44%, 25%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:30\:st, html.auto .sf-c-txt-steelblue\:30\:st { color: hsl(207, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:35\:st, html.auto .sf-c-txt-steelblue\:35\:st { color: hsl(207, 44%, 35%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:40\:st, html.auto .sf-c-txt-steelblue\:40\:st { color: hsl(207, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:45\:st, html.auto .sf-c-txt-steelblue\:45\:st { color: hsl(207, 44%, 45%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:50\:st, html.auto .sf-c-txt-steelblue\:50\:st { color: hsl(207, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:55\:st, html.auto .sf-c-txt-steelblue\:55\:st { color: hsl(207, 44%, 55%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:60\:st, html.auto .sf-c-txt-steelblue\:60\:st { color: hsl(207, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:65\:st, html.auto .sf-c-txt-steelblue\:65\:st { color: hsl(207, 44%, 65%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:70\:st, html.auto .sf-c-txt-steelblue\:70\:st { color: hsl(207, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:75\:st, html.auto .sf-c-txt-steelblue\:75\:st { color: hsl(207, 44%, 75%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:80\:st, html.auto .sf-c-txt-steelblue\:80\:st { color: hsl(207, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:85\:st, html.auto .sf-c-txt-steelblue\:85\:st { color: hsl(207, 44%, 85%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:90\:st, html.auto .sf-c-txt-steelblue\:90\:st { color: hsl(207, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:95\:st, html.auto .sf-c-txt-steelblue\:95\:st { color: hsl(207, 44%, 95%) } - html[data-theme='auto'] .sf-c-txt-steelblue\:100\:st, html.auto .sf-c-txt-steelblue\:100\:st { color: hsl(207, 44%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/tan.css b/src/colors/20/tan.css deleted file mode 100644 index d2541d9..0000000 --- a/src/colors/20/tan.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-tan { - --sf-c-tan: 34 44% 69%; - --sf-c-tan-0: 34 44% 0%; - --sf-c-tan-5: 34 44% 5%; - --sf-c-tan-10: 34 44% 10%; - --sf-c-tan-15: 34 44% 15%; - --sf-c-tan-20: 34 44% 20%; - --sf-c-tan-25: 34 44% 25%; - --sf-c-tan-30: 34 44% 30%; - --sf-c-tan-35: 34 44% 35%; - --sf-c-tan-40: 34 44% 40%; - --sf-c-tan-45: 34 44% 45%; - --sf-c-tan-50: 34 44% 50%; - --sf-c-tan-55: 34 44% 55%; - --sf-c-tan-60: 34 44% 60%; - --sf-c-tan-65: 34 44% 65%; - --sf-c-tan-70: 34 44% 70%; - --sf-c-tan-75: 34 44% 75%; - --sf-c-tan-80: 34 44% 80%; - --sf-c-tan-85: 34 44% 85%; - --sf-c-tan-90: 34 44% 90%; - --sf-c-tan-95: 34 44% 95%; - --sf-c-tan-100: 34 44% 100%; -} - -.sf-c-tan, .sf-c-tan\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 69%) } -.sf-c-tan\:0, .sf-c-tan\:0\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } -.sf-c-tan\:5, .sf-c-tan\:5\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } -.sf-c-tan\:10, .sf-c-tan\:10\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } -.sf-c-tan\:15, .sf-c-tan\:15\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 15%) } -.sf-c-tan\:20, .sf-c-tan\:20\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 20%) } -.sf-c-tan\:25, .sf-c-tan\:25\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 25%) } -.sf-c-tan\:30, .sf-c-tan\:30\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 30%) } -.sf-c-tan\:35, .sf-c-tan\:35\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 35%) } -.sf-c-tan\:40, .sf-c-tan\:40\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 40%) } -.sf-c-tan\:45, .sf-c-tan\:45\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 45%) } -.sf-c-tan\:50, .sf-c-tan\:50\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 50%) } -.sf-c-tan\:55, .sf-c-tan\:55\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 55%) } -.sf-c-tan\:60, .sf-c-tan\:60\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 60%) } -.sf-c-tan\:65, .sf-c-tan\:65\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 65%) } -.sf-c-tan\:70, .sf-c-tan\:70\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 70%) } -.sf-c-tan\:75, .sf-c-tan\:75\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 75%) } -.sf-c-tan\:80, .sf-c-tan\:80\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 80%) } -.sf-c-tan\:85, .sf-c-tan\:85\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 85%) } -.sf-c-tan\:90, .sf-c-tan\:90\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) } -.sf-c-tan\:95, .sf-c-tan\:95\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } -.sf-c-tan\:100, .sf-c-tan\:100\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } - -.sf-c-txt-tan { color: hsl(34, 44%, 10%) } -.sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } -.sf-c-txt-tan\:0, .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } -.sf-c-txt-tan\:5, .sf-c-txt-tan\:5\:st { color: hsl(34, 44%, 5%) } -.sf-c-txt-tan\:10, .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } -.sf-c-txt-tan\:15, .sf-c-txt-tan\:15\:st { color: hsl(34, 44%, 15%) } -.sf-c-txt-tan\:20, .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } -.sf-c-txt-tan\:25, .sf-c-txt-tan\:25\:st { color: hsl(34, 44%, 25%) } -.sf-c-txt-tan\:30, .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } -.sf-c-txt-tan\:35, .sf-c-txt-tan\:35\:st { color: hsl(34, 44%, 35%) } -.sf-c-txt-tan\:40, .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } -.sf-c-txt-tan\:45, .sf-c-txt-tan\:45\:st { color: hsl(34, 44%, 45%) } -.sf-c-txt-tan\:50, .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } -.sf-c-txt-tan\:55, .sf-c-txt-tan\:55\:st { color: hsl(34, 44%, 55%) } -.sf-c-txt-tan\:60, .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } -.sf-c-txt-tan\:65, .sf-c-txt-tan\:65\:st { color: hsl(34, 44%, 65%) } -.sf-c-txt-tan\:70, .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } -.sf-c-txt-tan\:75, .sf-c-txt-tan\:75\:st { color: hsl(34, 44%, 75%) } -.sf-c-txt-tan\:80, .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } -.sf-c-txt-tan\:85, .sf-c-txt-tan\:85\:st { color: hsl(34, 44%, 85%) } -.sf-c-txt-tan\:90, .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } -.sf-c-txt-tan\:95, .sf-c-txt-tan\:95\:st { color: hsl(34, 44%, 95%) } -.sf-c-txt-tan\:100, .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } - -html[data-theme='dark'] .sf-c-tan, html.dark .sf-c-tan { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 31%) } -html[data-theme='dark'] .sf-c-tan\:0, html.dark .sf-c-tan\:0 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } -html[data-theme='dark'] .sf-c-tan\:5, html.dark .sf-c-tan\:5 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } -html[data-theme='dark'] .sf-c-tan\:10, html.dark .sf-c-tan\:10 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-tan\:15, html.dark .sf-c-tan\:15 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 85%) } -html[data-theme='dark'] .sf-c-tan\:20, html.dark .sf-c-tan\:20 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-tan\:25, html.dark .sf-c-tan\:25 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 75%) } -html[data-theme='dark'] .sf-c-tan\:30, html.dark .sf-c-tan\:30 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-tan\:35, html.dark .sf-c-tan\:35 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 65%) } -html[data-theme='dark'] .sf-c-tan\:40, html.dark .sf-c-tan\:40 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-tan\:45, html.dark .sf-c-tan\:45 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 55%) } -html[data-theme='dark'] .sf-c-tan\:50, html.dark .sf-c-tan\:50 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-tan\:55, html.dark .sf-c-tan\:55 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 45%) } -html[data-theme='dark'] .sf-c-tan\:60, html.dark .sf-c-tan\:60 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-tan\:65, html.dark .sf-c-tan\:65 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 35%) } -html[data-theme='dark'] .sf-c-tan\:70, html.dark .sf-c-tan\:70 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-tan\:75, html.dark .sf-c-tan\:75 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 25%) } -html[data-theme='dark'] .sf-c-tan\:80, html.dark .sf-c-tan\:80 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-tan\:85, html.dark .sf-c-tan\:85 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 15%) } -html[data-theme='dark'] .sf-c-tan\:90, html.dark .sf-c-tan\:90 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-tan\:95, html.dark .sf-c-tan\:95 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } -html[data-theme='dark'] .sf-c-tan\:100, html.dark .sf-c-tan\:100 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } - -html[data-theme='dark'] .sf-c-tan\:st, html.dark .sf-c-tan\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-tan\:0\:st, html.dark .sf-c-tan\:0\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } -html[data-theme='dark'] .sf-c-tan\:5\:st, html.dark .sf-c-tan\:5\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } -html[data-theme='dark'] .sf-c-tan\:10\:st, html.dark .sf-c-tan\:10\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-tan\:15\:st, html.dark .sf-c-tan\:15\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 15%) } -html[data-theme='dark'] .sf-c-tan\:20\:st, html.dark .sf-c-tan\:20\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-tan\:25\:st, html.dark .sf-c-tan\:25\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 25%) } -html[data-theme='dark'] .sf-c-tan\:30\:st, html.dark .sf-c-tan\:30\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-tan\:35\:st, html.dark .sf-c-tan\:35\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 35%) } -html[data-theme='dark'] .sf-c-tan\:40\:st, html.dark .sf-c-tan\:40\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-tan\:45\:st, html.dark .sf-c-tan\:45\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 45%) } -html[data-theme='dark'] .sf-c-tan\:50\:st, html.dark .sf-c-tan\:50\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-tan\:55\:st, html.dark .sf-c-tan\:55\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 55%) } -html[data-theme='dark'] .sf-c-tan\:60\:st, html.dark .sf-c-tan\:60\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-tan\:65\:st, html.dark .sf-c-tan\:65\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 65%) } -html[data-theme='dark'] .sf-c-tan\:70\:st, html.dark .sf-c-tan\:70\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-tan\:75\:st, html.dark .sf-c-tan\:75\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 75%) } -html[data-theme='dark'] .sf-c-tan\:80\:st, html.dark .sf-c-tan\:80\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-tan\:85\:st, html.dark .sf-c-tan\:85\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 85%) } -html[data-theme='dark'] .sf-c-tan\:90\:st, html.dark .sf-c-tan\:90\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-tan\:95\:st, html.dark .sf-c-tan\:95\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } -html[data-theme='dark'] .sf-c-tan\:100\:st, html.dark .sf-c-tan\:100\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } - -html[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } -html[data-theme='dark'] .sf-c-txt-tan\:5, html.dark .sf-c-txt-tan\:5 { color: hsl(34, 44%, 95%) } -html[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-tan\:15, html.dark .sf-c-txt-tan\:15 { color: hsl(34, 44%, 85%) } -html[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-tan\:25, html.dark .sf-c-txt-tan\:25 { color: hsl(34, 44%, 75%) } -html[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-tan\:35, html.dark .sf-c-txt-tan\:35 { color: hsl(34, 44%, 65%) } -html[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-tan\:45, html.dark .sf-c-txt-tan\:45 { color: hsl(34, 44%, 55%) } -html[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-tan\:55, html.dark .sf-c-txt-tan\:55 { color: hsl(34, 44%, 45%) } -html[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-tan\:65, html.dark .sf-c-txt-tan\:65 { color: hsl(34, 44%, 35%) } -html[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-tan\:75, html.dark .sf-c-txt-tan\:75 { color: hsl(34, 44%, 25%) } -html[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-tan\:85, html.dark .sf-c-txt-tan\:85 { color: hsl(34, 44%, 15%) } -html[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-tan\:95, html.dark .sf-c-txt-tan\:95 { color: hsl(34, 44%, 5%) } -html[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } - -html[data-theme='dark'] .sf-c-txt-tan\:st, html.dark .sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } -html[data-theme='dark'] .sf-c-txt-tan\:0\:st, html.dark .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } -html[data-theme='dark'] .sf-c-txt-tan\:5\:st, html.dark .sf-c-txt-tan\:5\:st { color: hsl(34, 44%, 5%) } -html[data-theme='dark'] .sf-c-txt-tan\:10\:st, html.dark .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } -html[data-theme='dark'] .sf-c-txt-tan\:15\:st, html.dark .sf-c-txt-tan\:15\:st { color: hsl(34, 44%, 15%) } -html[data-theme='dark'] .sf-c-txt-tan\:20\:st, html.dark .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } -html[data-theme='dark'] .sf-c-txt-tan\:25\:st, html.dark .sf-c-txt-tan\:25\:st { color: hsl(34, 44%, 25%) } -html[data-theme='dark'] .sf-c-txt-tan\:30\:st, html.dark .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } -html[data-theme='dark'] .sf-c-txt-tan\:35\:st, html.dark .sf-c-txt-tan\:35\:st { color: hsl(34, 44%, 35%) } -html[data-theme='dark'] .sf-c-txt-tan\:40\:st, html.dark .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } -html[data-theme='dark'] .sf-c-txt-tan\:45\:st, html.dark .sf-c-txt-tan\:45\:st { color: hsl(34, 44%, 45%) } -html[data-theme='dark'] .sf-c-txt-tan\:50\:st, html.dark .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } -html[data-theme='dark'] .sf-c-txt-tan\:55\:st, html.dark .sf-c-txt-tan\:55\:st { color: hsl(34, 44%, 55%) } -html[data-theme='dark'] .sf-c-txt-tan\:60\:st, html.dark .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } -html[data-theme='dark'] .sf-c-txt-tan\:65\:st, html.dark .sf-c-txt-tan\:65\:st { color: hsl(34, 44%, 65%) } -html[data-theme='dark'] .sf-c-txt-tan\:70\:st, html.dark .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } -html[data-theme='dark'] .sf-c-txt-tan\:75\:st, html.dark .sf-c-txt-tan\:75\:st { color: hsl(34, 44%, 75%) } -html[data-theme='dark'] .sf-c-txt-tan\:80\:st, html.dark .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } -html[data-theme='dark'] .sf-c-txt-tan\:85\:st, html.dark .sf-c-txt-tan\:85\:st { color: hsl(34, 44%, 85%) } -html[data-theme='dark'] .sf-c-txt-tan\:90\:st, html.dark .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } -html[data-theme='dark'] .sf-c-txt-tan\:95\:st, html.dark .sf-c-txt-tan\:95\:st { color: hsl(34, 44%, 95%) } -html[data-theme='dark'] .sf-c-txt-tan\:100\:st, html.dark .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-tan, html.auto .sf-c-tan { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 31%) } - html[data-theme='auto'] .sf-c-tan\:0, html.auto .sf-c-tan\:0 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } - html[data-theme='auto'] .sf-c-tan\:5, html.auto .sf-c-tan\:5 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } - html[data-theme='auto'] .sf-c-tan\:10, html.auto .sf-c-tan\:10 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-tan\:15, html.auto .sf-c-tan\:15 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 85%) } - html[data-theme='auto'] .sf-c-tan\:20, html.auto .sf-c-tan\:20 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-tan\:25, html.auto .sf-c-tan\:25 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 75%) } - html[data-theme='auto'] .sf-c-tan\:30, html.auto .sf-c-tan\:30 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-tan\:35, html.auto .sf-c-tan\:35 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 65%) } - html[data-theme='auto'] .sf-c-tan\:40, html.auto .sf-c-tan\:40 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-tan\:45, html.auto .sf-c-tan\:45 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 55%) } - html[data-theme='auto'] .sf-c-tan\:50, html.auto .sf-c-tan\:50 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-tan\:55, html.auto .sf-c-tan\:55 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 45%) } - html[data-theme='auto'] .sf-c-tan\:60, html.auto .sf-c-tan\:60 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-tan\:65, html.auto .sf-c-tan\:65 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 35%) } - html[data-theme='auto'] .sf-c-tan\:70, html.auto .sf-c-tan\:70 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-tan\:75, html.auto .sf-c-tan\:75 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 25%) } - html[data-theme='auto'] .sf-c-tan\:80, html.auto .sf-c-tan\:80 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-tan\:85, html.auto .sf-c-tan\:85 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 15%) } - html[data-theme='auto'] .sf-c-tan\:90, html.auto .sf-c-tan\:90 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-tan\:95, html.auto .sf-c-tan\:95 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } - html[data-theme='auto'] .sf-c-tan\:100, html.auto .sf-c-tan\:100 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } - - html[data-theme='auto'] .sf-c-tan\:st, html.auto .sf-c-tan\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-tan\:0\:st, html.auto .sf-c-tan\:0\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } - html[data-theme='auto'] .sf-c-tan\:5\:st, html.auto .sf-c-tan\:5\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } - html[data-theme='auto'] .sf-c-tan\:10\:st, html.auto .sf-c-tan\:10\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-tan\:15\:st, html.auto .sf-c-tan\:15\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 15%) } - html[data-theme='auto'] .sf-c-tan\:20\:st, html.auto .sf-c-tan\:20\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-tan\:25\:st, html.auto .sf-c-tan\:25\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 25%) } - html[data-theme='auto'] .sf-c-tan\:30\:st, html.auto .sf-c-tan\:30\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-tan\:35\:st, html.auto .sf-c-tan\:35\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 35%) } - html[data-theme='auto'] .sf-c-tan\:40\:st, html.auto .sf-c-tan\:40\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-tan\:45\:st, html.auto .sf-c-tan\:45\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 45%) } - html[data-theme='auto'] .sf-c-tan\:50\:st, html.auto .sf-c-tan\:50\:st { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-tan\:55\:st, html.auto .sf-c-tan\:55\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 55%) } - html[data-theme='auto'] .sf-c-tan\:60\:st, html.auto .sf-c-tan\:60\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-tan\:65\:st, html.auto .sf-c-tan\:65\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 65%) } - html[data-theme='auto'] .sf-c-tan\:70\:st, html.auto .sf-c-tan\:70\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-tan\:75\:st, html.auto .sf-c-tan\:75\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 75%) } - html[data-theme='auto'] .sf-c-tan\:80\:st, html.auto .sf-c-tan\:80\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-tan\:85\:st, html.auto .sf-c-tan\:85\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 85%) } - html[data-theme='auto'] .sf-c-tan\:90\:st, html.auto .sf-c-tan\:90\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-tan\:95\:st, html.auto .sf-c-tan\:95\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } - html[data-theme='auto'] .sf-c-tan\:100\:st, html.auto .sf-c-tan\:100\:st { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } - - html[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } - html[data-theme='auto'] .sf-c-txt-tan\:5, html.auto .sf-c-txt-tan\:5 { color: hsl(34, 44%, 95%) } - html[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-tan\:15, html.auto .sf-c-txt-tan\:15 { color: hsl(34, 44%, 85%) } - html[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-tan\:25, html.auto .sf-c-txt-tan\:25 { color: hsl(34, 44%, 75%) } - html[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-tan\:35, html.auto .sf-c-txt-tan\:35 { color: hsl(34, 44%, 65%) } - html[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-tan\:45, html.auto .sf-c-txt-tan\:45 { color: hsl(34, 44%, 55%) } - html[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-tan\:55, html.auto .sf-c-txt-tan\:55 { color: hsl(34, 44%, 45%) } - html[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-tan\:65, html.auto .sf-c-txt-tan\:65 { color: hsl(34, 44%, 35%) } - html[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-tan\:75, html.auto .sf-c-txt-tan\:75 { color: hsl(34, 44%, 25%) } - html[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-tan\:85, html.auto .sf-c-txt-tan\:85 { color: hsl(34, 44%, 15%) } - html[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-tan\:95, html.auto .sf-c-txt-tan\:95 { color: hsl(34, 44%, 5%) } - html[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } - - html[data-theme='auto'] .sf-c-txt-tan\:st, html.auto .sf-c-txt-tan\:st { color: hsl(34, 44%, 69%) } - html[data-theme='auto'] .sf-c-txt-tan\:0\:st, html.auto .sf-c-txt-tan\:0\:st { color: hsl(34, 44%, 0%) } - html[data-theme='auto'] .sf-c-txt-tan\:5\:st, html.auto .sf-c-txt-tan\:5\:st { color: hsl(34, 44%, 5%) } - html[data-theme='auto'] .sf-c-txt-tan\:10\:st, html.auto .sf-c-txt-tan\:10\:st { color: hsl(34, 44%, 10%) } - html[data-theme='auto'] .sf-c-txt-tan\:15\:st, html.auto .sf-c-txt-tan\:15\:st { color: hsl(34, 44%, 15%) } - html[data-theme='auto'] .sf-c-txt-tan\:20\:st, html.auto .sf-c-txt-tan\:20\:st { color: hsl(34, 44%, 20%) } - html[data-theme='auto'] .sf-c-txt-tan\:25\:st, html.auto .sf-c-txt-tan\:25\:st { color: hsl(34, 44%, 25%) } - html[data-theme='auto'] .sf-c-txt-tan\:30\:st, html.auto .sf-c-txt-tan\:30\:st { color: hsl(34, 44%, 30%) } - html[data-theme='auto'] .sf-c-txt-tan\:35\:st, html.auto .sf-c-txt-tan\:35\:st { color: hsl(34, 44%, 35%) } - html[data-theme='auto'] .sf-c-txt-tan\:40\:st, html.auto .sf-c-txt-tan\:40\:st { color: hsl(34, 44%, 40%) } - html[data-theme='auto'] .sf-c-txt-tan\:45\:st, html.auto .sf-c-txt-tan\:45\:st { color: hsl(34, 44%, 45%) } - html[data-theme='auto'] .sf-c-txt-tan\:50\:st, html.auto .sf-c-txt-tan\:50\:st { color: hsl(34, 44%, 50%) } - html[data-theme='auto'] .sf-c-txt-tan\:55\:st, html.auto .sf-c-txt-tan\:55\:st { color: hsl(34, 44%, 55%) } - html[data-theme='auto'] .sf-c-txt-tan\:60\:st, html.auto .sf-c-txt-tan\:60\:st { color: hsl(34, 44%, 60%) } - html[data-theme='auto'] .sf-c-txt-tan\:65\:st, html.auto .sf-c-txt-tan\:65\:st { color: hsl(34, 44%, 65%) } - html[data-theme='auto'] .sf-c-txt-tan\:70\:st, html.auto .sf-c-txt-tan\:70\:st { color: hsl(34, 44%, 70%) } - html[data-theme='auto'] .sf-c-txt-tan\:75\:st, html.auto .sf-c-txt-tan\:75\:st { color: hsl(34, 44%, 75%) } - html[data-theme='auto'] .sf-c-txt-tan\:80\:st, html.auto .sf-c-txt-tan\:80\:st { color: hsl(34, 44%, 80%) } - html[data-theme='auto'] .sf-c-txt-tan\:85\:st, html.auto .sf-c-txt-tan\:85\:st { color: hsl(34, 44%, 85%) } - html[data-theme='auto'] .sf-c-txt-tan\:90\:st, html.auto .sf-c-txt-tan\:90\:st { color: hsl(34, 44%, 90%) } - html[data-theme='auto'] .sf-c-txt-tan\:95\:st, html.auto .sf-c-txt-tan\:95\:st { color: hsl(34, 44%, 95%) } - html[data-theme='auto'] .sf-c-txt-tan\:100\:st, html.auto .sf-c-txt-tan\:100\:st { color: hsl(34, 44%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/teal.css b/src/colors/20/teal.css deleted file mode 100644 index a21e965..0000000 --- a/src/colors/20/teal.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-teal { - --sf-c-teal: 180 100% 25%; - --sf-c-teal-0: 180 100% 0%; - --sf-c-teal-5: 180 100% 5%; - --sf-c-teal-10: 180 100% 10%; - --sf-c-teal-15: 180 100% 15%; - --sf-c-teal-20: 180 100% 20%; - --sf-c-teal-25: 180 100% 25%; - --sf-c-teal-30: 180 100% 30%; - --sf-c-teal-35: 180 100% 35%; - --sf-c-teal-40: 180 100% 40%; - --sf-c-teal-45: 180 100% 45%; - --sf-c-teal-50: 180 100% 50%; - --sf-c-teal-55: 180 100% 55%; - --sf-c-teal-60: 180 100% 60%; - --sf-c-teal-65: 180 100% 65%; - --sf-c-teal-70: 180 100% 70%; - --sf-c-teal-75: 180 100% 75%; - --sf-c-teal-80: 180 100% 80%; - --sf-c-teal-85: 180 100% 85%; - --sf-c-teal-90: 180 100% 90%; - --sf-c-teal-95: 180 100% 95%; - --sf-c-teal-100: 180 100% 100%; -} - -.sf-c-teal, .sf-c-teal\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-teal\:0, .sf-c-teal\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -.sf-c-teal\:5, .sf-c-teal\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -.sf-c-teal\:10, .sf-c-teal\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -.sf-c-teal\:15, .sf-c-teal\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -.sf-c-teal\:20, .sf-c-teal\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -.sf-c-teal\:25, .sf-c-teal\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -.sf-c-teal\:30, .sf-c-teal\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -.sf-c-teal\:35, .sf-c-teal\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -.sf-c-teal\:40, .sf-c-teal\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -.sf-c-teal\:45, .sf-c-teal\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -.sf-c-teal\:50, .sf-c-teal\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -.sf-c-teal\:55, .sf-c-teal\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -.sf-c-teal\:60, .sf-c-teal\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -.sf-c-teal\:65, .sf-c-teal\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -.sf-c-teal\:70, .sf-c-teal\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -.sf-c-teal\:75, .sf-c-teal\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -.sf-c-teal\:80, .sf-c-teal\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -.sf-c-teal\:85, .sf-c-teal\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -.sf-c-teal\:90, .sf-c-teal\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -.sf-c-teal\:95, .sf-c-teal\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -.sf-c-teal\:100, .sf-c-teal\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -.sf-c-txt-teal { color: hsl(180, 100%, 25%) } -.sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-teal\:0, .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } -.sf-c-txt-teal\:5, .sf-c-txt-teal\:5\:st { color: hsl(180, 100%, 5%) } -.sf-c-txt-teal\:10, .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } -.sf-c-txt-teal\:15, .sf-c-txt-teal\:15\:st { color: hsl(180, 100%, 15%) } -.sf-c-txt-teal\:20, .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } -.sf-c-txt-teal\:25, .sf-c-txt-teal\:25\:st { color: hsl(180, 100%, 25%) } -.sf-c-txt-teal\:30, .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } -.sf-c-txt-teal\:35, .sf-c-txt-teal\:35\:st { color: hsl(180, 100%, 35%) } -.sf-c-txt-teal\:40, .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } -.sf-c-txt-teal\:45, .sf-c-txt-teal\:45\:st { color: hsl(180, 100%, 45%) } -.sf-c-txt-teal\:50, .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } -.sf-c-txt-teal\:55, .sf-c-txt-teal\:55\:st { color: hsl(180, 100%, 55%) } -.sf-c-txt-teal\:60, .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } -.sf-c-txt-teal\:65, .sf-c-txt-teal\:65\:st { color: hsl(180, 100%, 65%) } -.sf-c-txt-teal\:70, .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } -.sf-c-txt-teal\:75, .sf-c-txt-teal\:75\:st { color: hsl(180, 100%, 75%) } -.sf-c-txt-teal\:80, .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } -.sf-c-txt-teal\:85, .sf-c-txt-teal\:85\:st { color: hsl(180, 100%, 85%) } -.sf-c-txt-teal\:90, .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } -.sf-c-txt-teal\:95, .sf-c-txt-teal\:95\:st { color: hsl(180, 100%, 95%) } -.sf-c-txt-teal\:100, .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-teal, html.dark .sf-c-teal { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-teal\:0, html.dark .sf-c-teal\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-teal\:5, html.dark .sf-c-teal\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-teal\:10, html.dark .sf-c-teal\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-teal\:15, html.dark .sf-c-teal\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-teal\:20, html.dark .sf-c-teal\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-teal\:25, html.dark .sf-c-teal\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-teal\:30, html.dark .sf-c-teal\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-teal\:35, html.dark .sf-c-teal\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-teal\:40, html.dark .sf-c-teal\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-teal\:45, html.dark .sf-c-teal\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-teal\:50, html.dark .sf-c-teal\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-teal\:55, html.dark .sf-c-teal\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-teal\:60, html.dark .sf-c-teal\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-teal\:65, html.dark .sf-c-teal\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-teal\:70, html.dark .sf-c-teal\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-teal\:75, html.dark .sf-c-teal\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-teal\:80, html.dark .sf-c-teal\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-teal\:85, html.dark .sf-c-teal\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-teal\:90, html.dark .sf-c-teal\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-teal\:95, html.dark .sf-c-teal\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-teal\:100, html.dark .sf-c-teal\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-teal\:st, html.dark .sf-c-teal\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-teal\:0\:st, html.dark .sf-c-teal\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-teal\:5\:st, html.dark .sf-c-teal\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-teal\:10\:st, html.dark .sf-c-teal\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-teal\:15\:st, html.dark .sf-c-teal\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-teal\:20\:st, html.dark .sf-c-teal\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-teal\:25\:st, html.dark .sf-c-teal\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-teal\:30\:st, html.dark .sf-c-teal\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-teal\:35\:st, html.dark .sf-c-teal\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-teal\:40\:st, html.dark .sf-c-teal\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-teal\:45\:st, html.dark .sf-c-teal\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-teal\:50\:st, html.dark .sf-c-teal\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-teal\:55\:st, html.dark .sf-c-teal\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-teal\:60\:st, html.dark .sf-c-teal\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-teal\:65\:st, html.dark .sf-c-teal\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-teal\:70\:st, html.dark .sf-c-teal\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-teal\:75\:st, html.dark .sf-c-teal\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-teal\:80\:st, html.dark .sf-c-teal\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-teal\:85\:st, html.dark .sf-c-teal\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-teal\:90\:st, html.dark .sf-c-teal\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-teal\:95\:st, html.dark .sf-c-teal\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-teal\:100\:st, html.dark .sf-c-teal\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-teal\:5, html.dark .sf-c-txt-teal\:5 { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-teal\:15, html.dark .sf-c-txt-teal\:15 { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-teal\:25, html.dark .sf-c-txt-teal\:25 { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-teal\:35, html.dark .sf-c-txt-teal\:35 { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-teal\:45, html.dark .sf-c-txt-teal\:45 { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-teal\:55, html.dark .sf-c-txt-teal\:55 { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-teal\:65, html.dark .sf-c-txt-teal\:65 { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-teal\:75, html.dark .sf-c-txt-teal\:75 { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-teal\:85, html.dark .sf-c-txt-teal\:85 { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-teal\:95, html.dark .sf-c-txt-teal\:95 { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-teal\:st, html.dark .sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-teal\:0\:st, html.dark .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-teal\:5\:st, html.dark .sf-c-txt-teal\:5\:st { color: hsl(180, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-teal\:10\:st, html.dark .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-teal\:15\:st, html.dark .sf-c-txt-teal\:15\:st { color: hsl(180, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-teal\:20\:st, html.dark .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-teal\:25\:st, html.dark .sf-c-txt-teal\:25\:st { color: hsl(180, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-teal\:30\:st, html.dark .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-teal\:35\:st, html.dark .sf-c-txt-teal\:35\:st { color: hsl(180, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-teal\:40\:st, html.dark .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-teal\:45\:st, html.dark .sf-c-txt-teal\:45\:st { color: hsl(180, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-teal\:50\:st, html.dark .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-teal\:55\:st, html.dark .sf-c-txt-teal\:55\:st { color: hsl(180, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-teal\:60\:st, html.dark .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-teal\:65\:st, html.dark .sf-c-txt-teal\:65\:st { color: hsl(180, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-teal\:70\:st, html.dark .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-teal\:75\:st, html.dark .sf-c-txt-teal\:75\:st { color: hsl(180, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-teal\:80\:st, html.dark .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-teal\:85\:st, html.dark .sf-c-txt-teal\:85\:st { color: hsl(180, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-teal\:90\:st, html.dark .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-teal\:95\:st, html.dark .sf-c-txt-teal\:95\:st { color: hsl(180, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-teal\:100\:st, html.dark .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-teal, html.auto .sf-c-teal { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-teal\:0, html.auto .sf-c-teal\:0 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-teal\:5, html.auto .sf-c-teal\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-teal\:10, html.auto .sf-c-teal\:10 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-teal\:15, html.auto .sf-c-teal\:15 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-teal\:20, html.auto .sf-c-teal\:20 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-teal\:25, html.auto .sf-c-teal\:25 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-teal\:30, html.auto .sf-c-teal\:30 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-teal\:35, html.auto .sf-c-teal\:35 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-teal\:40, html.auto .sf-c-teal\:40 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-teal\:45, html.auto .sf-c-teal\:45 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-teal\:50, html.auto .sf-c-teal\:50 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-teal\:55, html.auto .sf-c-teal\:55 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-teal\:60, html.auto .sf-c-teal\:60 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-teal\:65, html.auto .sf-c-teal\:65 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-teal\:70, html.auto .sf-c-teal\:70 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-teal\:75, html.auto .sf-c-teal\:75 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-teal\:80, html.auto .sf-c-teal\:80 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-teal\:85, html.auto .sf-c-teal\:85 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-teal\:90, html.auto .sf-c-teal\:90 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-teal\:95, html.auto .sf-c-teal\:95 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-teal\:100, html.auto .sf-c-teal\:100 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-teal\:st, html.auto .sf-c-teal\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-teal\:0\:st, html.auto .sf-c-teal\:0\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-teal\:5\:st, html.auto .sf-c-teal\:5\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-teal\:10\:st, html.auto .sf-c-teal\:10\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-teal\:15\:st, html.auto .sf-c-teal\:15\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-teal\:20\:st, html.auto .sf-c-teal\:20\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-teal\:25\:st, html.auto .sf-c-teal\:25\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-teal\:30\:st, html.auto .sf-c-teal\:30\:st { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-teal\:35\:st, html.auto .sf-c-teal\:35\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-teal\:40\:st, html.auto .sf-c-teal\:40\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-teal\:45\:st, html.auto .sf-c-teal\:45\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-teal\:50\:st, html.auto .sf-c-teal\:50\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-teal\:55\:st, html.auto .sf-c-teal\:55\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-teal\:60\:st, html.auto .sf-c-teal\:60\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-teal\:65\:st, html.auto .sf-c-teal\:65\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-teal\:70\:st, html.auto .sf-c-teal\:70\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-teal\:75\:st, html.auto .sf-c-teal\:75\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-teal\:80\:st, html.auto .sf-c-teal\:80\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-teal\:85\:st, html.auto .sf-c-teal\:85\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-teal\:90\:st, html.auto .sf-c-teal\:90\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-teal\:95\:st, html.auto .sf-c-teal\:95\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-teal\:100\:st, html.auto .sf-c-teal\:100\:st { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-teal\:5, html.auto .sf-c-txt-teal\:5 { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-teal\:15, html.auto .sf-c-txt-teal\:15 { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-teal\:25, html.auto .sf-c-txt-teal\:25 { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-teal\:35, html.auto .sf-c-txt-teal\:35 { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-teal\:45, html.auto .sf-c-txt-teal\:45 { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-teal\:55, html.auto .sf-c-txt-teal\:55 { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-teal\:65, html.auto .sf-c-txt-teal\:65 { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-teal\:75, html.auto .sf-c-txt-teal\:75 { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-teal\:85, html.auto .sf-c-txt-teal\:85 { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-teal\:95, html.auto .sf-c-txt-teal\:95 { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-teal\:st, html.auto .sf-c-txt-teal\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-teal\:0\:st, html.auto .sf-c-txt-teal\:0\:st { color: hsl(180, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-teal\:5\:st, html.auto .sf-c-txt-teal\:5\:st { color: hsl(180, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-teal\:10\:st, html.auto .sf-c-txt-teal\:10\:st { color: hsl(180, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-teal\:15\:st, html.auto .sf-c-txt-teal\:15\:st { color: hsl(180, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-teal\:20\:st, html.auto .sf-c-txt-teal\:20\:st { color: hsl(180, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-teal\:25\:st, html.auto .sf-c-txt-teal\:25\:st { color: hsl(180, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-teal\:30\:st, html.auto .sf-c-txt-teal\:30\:st { color: hsl(180, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-teal\:35\:st, html.auto .sf-c-txt-teal\:35\:st { color: hsl(180, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-teal\:40\:st, html.auto .sf-c-txt-teal\:40\:st { color: hsl(180, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-teal\:45\:st, html.auto .sf-c-txt-teal\:45\:st { color: hsl(180, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-teal\:50\:st, html.auto .sf-c-txt-teal\:50\:st { color: hsl(180, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-teal\:55\:st, html.auto .sf-c-txt-teal\:55\:st { color: hsl(180, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-teal\:60\:st, html.auto .sf-c-txt-teal\:60\:st { color: hsl(180, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-teal\:65\:st, html.auto .sf-c-txt-teal\:65\:st { color: hsl(180, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-teal\:70\:st, html.auto .sf-c-txt-teal\:70\:st { color: hsl(180, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-teal\:75\:st, html.auto .sf-c-txt-teal\:75\:st { color: hsl(180, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-teal\:80\:st, html.auto .sf-c-txt-teal\:80\:st { color: hsl(180, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-teal\:85\:st, html.auto .sf-c-txt-teal\:85\:st { color: hsl(180, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-teal\:90\:st, html.auto .sf-c-txt-teal\:90\:st { color: hsl(180, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-teal\:95\:st, html.auto .sf-c-txt-teal\:95\:st { color: hsl(180, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-teal\:100\:st, html.auto .sf-c-txt-teal\:100\:st { color: hsl(180, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/thistle.css b/src/colors/20/thistle.css deleted file mode 100644 index fa00db3..0000000 --- a/src/colors/20/thistle.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-thistle { - --sf-c-thistle: 300 24% 80%; - --sf-c-thistle-0: 300 24% 0%; - --sf-c-thistle-5: 300 24% 5%; - --sf-c-thistle-10: 300 24% 10%; - --sf-c-thistle-15: 300 24% 15%; - --sf-c-thistle-20: 300 24% 20%; - --sf-c-thistle-25: 300 24% 25%; - --sf-c-thistle-30: 300 24% 30%; - --sf-c-thistle-35: 300 24% 35%; - --sf-c-thistle-40: 300 24% 40%; - --sf-c-thistle-45: 300 24% 45%; - --sf-c-thistle-50: 300 24% 50%; - --sf-c-thistle-55: 300 24% 55%; - --sf-c-thistle-60: 300 24% 60%; - --sf-c-thistle-65: 300 24% 65%; - --sf-c-thistle-70: 300 24% 70%; - --sf-c-thistle-75: 300 24% 75%; - --sf-c-thistle-80: 300 24% 80%; - --sf-c-thistle-85: 300 24% 85%; - --sf-c-thistle-90: 300 24% 90%; - --sf-c-thistle-95: 300 24% 95%; - --sf-c-thistle-100: 300 24% 100%; -} - -.sf-c-thistle, .sf-c-thistle\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } -.sf-c-thistle\:0, .sf-c-thistle\:0\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } -.sf-c-thistle\:5, .sf-c-thistle\:5\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } -.sf-c-thistle\:10, .sf-c-thistle\:10\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } -.sf-c-thistle\:15, .sf-c-thistle\:15\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 15%) } -.sf-c-thistle\:20, .sf-c-thistle\:20\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } -.sf-c-thistle\:25, .sf-c-thistle\:25\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 25%) } -.sf-c-thistle\:30, .sf-c-thistle\:30\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 30%) } -.sf-c-thistle\:35, .sf-c-thistle\:35\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 35%) } -.sf-c-thistle\:40, .sf-c-thistle\:40\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 40%) } -.sf-c-thistle\:45, .sf-c-thistle\:45\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 45%) } -.sf-c-thistle\:50, .sf-c-thistle\:50\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 50%) } -.sf-c-thistle\:55, .sf-c-thistle\:55\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 55%) } -.sf-c-thistle\:60, .sf-c-thistle\:60\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 60%) } -.sf-c-thistle\:65, .sf-c-thistle\:65\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 65%) } -.sf-c-thistle\:70, .sf-c-thistle\:70\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 70%) } -.sf-c-thistle\:75, .sf-c-thistle\:75\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 75%) } -.sf-c-thistle\:80, .sf-c-thistle\:80\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } -.sf-c-thistle\:85, .sf-c-thistle\:85\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 85%) } -.sf-c-thistle\:90, .sf-c-thistle\:90\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 90%) } -.sf-c-thistle\:95, .sf-c-thistle\:95\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } -.sf-c-thistle\:100, .sf-c-thistle\:100\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } - -.sf-c-txt-thistle { color: hsl(300, 24%, 10%) } -.sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } -.sf-c-txt-thistle\:0, .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } -.sf-c-txt-thistle\:5, .sf-c-txt-thistle\:5\:st { color: hsl(300, 24%, 5%) } -.sf-c-txt-thistle\:10, .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } -.sf-c-txt-thistle\:15, .sf-c-txt-thistle\:15\:st { color: hsl(300, 24%, 15%) } -.sf-c-txt-thistle\:20, .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } -.sf-c-txt-thistle\:25, .sf-c-txt-thistle\:25\:st { color: hsl(300, 24%, 25%) } -.sf-c-txt-thistle\:30, .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } -.sf-c-txt-thistle\:35, .sf-c-txt-thistle\:35\:st { color: hsl(300, 24%, 35%) } -.sf-c-txt-thistle\:40, .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } -.sf-c-txt-thistle\:45, .sf-c-txt-thistle\:45\:st { color: hsl(300, 24%, 45%) } -.sf-c-txt-thistle\:50, .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } -.sf-c-txt-thistle\:55, .sf-c-txt-thistle\:55\:st { color: hsl(300, 24%, 55%) } -.sf-c-txt-thistle\:60, .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } -.sf-c-txt-thistle\:65, .sf-c-txt-thistle\:65\:st { color: hsl(300, 24%, 65%) } -.sf-c-txt-thistle\:70, .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } -.sf-c-txt-thistle\:75, .sf-c-txt-thistle\:75\:st { color: hsl(300, 24%, 75%) } -.sf-c-txt-thistle\:80, .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } -.sf-c-txt-thistle\:85, .sf-c-txt-thistle\:85\:st { color: hsl(300, 24%, 85%) } -.sf-c-txt-thistle\:90, .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } -.sf-c-txt-thistle\:95, .sf-c-txt-thistle\:95\:st { color: hsl(300, 24%, 95%) } -.sf-c-txt-thistle\:100, .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } - -html[data-theme='dark'] .sf-c-thistle, html.dark .sf-c-thistle { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:0, html.dark .sf-c-thistle\:0 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } -html[data-theme='dark'] .sf-c-thistle\:5, html.dark .sf-c-thistle\:5 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } -html[data-theme='dark'] .sf-c-thistle\:10, html.dark .sf-c-thistle\:10 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-thistle\:15, html.dark .sf-c-thistle\:15 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 85%) } -html[data-theme='dark'] .sf-c-thistle\:20, html.dark .sf-c-thistle\:20 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:25, html.dark .sf-c-thistle\:25 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 75%) } -html[data-theme='dark'] .sf-c-thistle\:30, html.dark .sf-c-thistle\:30 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-thistle\:35, html.dark .sf-c-thistle\:35 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 65%) } -html[data-theme='dark'] .sf-c-thistle\:40, html.dark .sf-c-thistle\:40 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-thistle\:45, html.dark .sf-c-thistle\:45 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 55%) } -html[data-theme='dark'] .sf-c-thistle\:50, html.dark .sf-c-thistle\:50 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-thistle\:55, html.dark .sf-c-thistle\:55 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 45%) } -html[data-theme='dark'] .sf-c-thistle\:60, html.dark .sf-c-thistle\:60 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-thistle\:65, html.dark .sf-c-thistle\:65 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 35%) } -html[data-theme='dark'] .sf-c-thistle\:70, html.dark .sf-c-thistle\:70 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-thistle\:75, html.dark .sf-c-thistle\:75 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 25%) } -html[data-theme='dark'] .sf-c-thistle\:80, html.dark .sf-c-thistle\:80 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:85, html.dark .sf-c-thistle\:85 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 15%) } -html[data-theme='dark'] .sf-c-thistle\:90, html.dark .sf-c-thistle\:90 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-thistle\:95, html.dark .sf-c-thistle\:95 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } -html[data-theme='dark'] .sf-c-thistle\:100, html.dark .sf-c-thistle\:100 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } - -html[data-theme='dark'] .sf-c-thistle\:st, html.dark .sf-c-thistle\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:0\:st, html.dark .sf-c-thistle\:0\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } -html[data-theme='dark'] .sf-c-thistle\:5\:st, html.dark .sf-c-thistle\:5\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } -html[data-theme='dark'] .sf-c-thistle\:10\:st, html.dark .sf-c-thistle\:10\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-thistle\:15\:st, html.dark .sf-c-thistle\:15\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 15%) } -html[data-theme='dark'] .sf-c-thistle\:20\:st, html.dark .sf-c-thistle\:20\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-thistle\:25\:st, html.dark .sf-c-thistle\:25\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 25%) } -html[data-theme='dark'] .sf-c-thistle\:30\:st, html.dark .sf-c-thistle\:30\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-thistle\:35\:st, html.dark .sf-c-thistle\:35\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 35%) } -html[data-theme='dark'] .sf-c-thistle\:40\:st, html.dark .sf-c-thistle\:40\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-thistle\:45\:st, html.dark .sf-c-thistle\:45\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 45%) } -html[data-theme='dark'] .sf-c-thistle\:50\:st, html.dark .sf-c-thistle\:50\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-thistle\:55\:st, html.dark .sf-c-thistle\:55\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 55%) } -html[data-theme='dark'] .sf-c-thistle\:60\:st, html.dark .sf-c-thistle\:60\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-thistle\:65\:st, html.dark .sf-c-thistle\:65\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 65%) } -html[data-theme='dark'] .sf-c-thistle\:70\:st, html.dark .sf-c-thistle\:70\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-thistle\:75\:st, html.dark .sf-c-thistle\:75\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 75%) } -html[data-theme='dark'] .sf-c-thistle\:80\:st, html.dark .sf-c-thistle\:80\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-thistle\:85\:st, html.dark .sf-c-thistle\:85\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 85%) } -html[data-theme='dark'] .sf-c-thistle\:90\:st, html.dark .sf-c-thistle\:90\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-thistle\:95\:st, html.dark .sf-c-thistle\:95\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } -html[data-theme='dark'] .sf-c-thistle\:100\:st, html.dark .sf-c-thistle\:100\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } - -html[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } -html[data-theme='dark'] .sf-c-txt-thistle\:5, html.dark .sf-c-txt-thistle\:5 { color: hsl(300, 24%, 95%) } -html[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-txt-thistle\:15, html.dark .sf-c-txt-thistle\:15 { color: hsl(300, 24%, 85%) } -html[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:25, html.dark .sf-c-txt-thistle\:25 { color: hsl(300, 24%, 75%) } -html[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-txt-thistle\:35, html.dark .sf-c-txt-thistle\:35 { color: hsl(300, 24%, 65%) } -html[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-txt-thistle\:45, html.dark .sf-c-txt-thistle\:45 { color: hsl(300, 24%, 55%) } -html[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-txt-thistle\:55, html.dark .sf-c-txt-thistle\:55 { color: hsl(300, 24%, 45%) } -html[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-txt-thistle\:65, html.dark .sf-c-txt-thistle\:65 { color: hsl(300, 24%, 35%) } -html[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-txt-thistle\:75, html.dark .sf-c-txt-thistle\:75 { color: hsl(300, 24%, 25%) } -html[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-txt-thistle\:85, html.dark .sf-c-txt-thistle\:85 { color: hsl(300, 24%, 15%) } -html[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-txt-thistle\:95, html.dark .sf-c-txt-thistle\:95 { color: hsl(300, 24%, 5%) } -html[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } - -html[data-theme='dark'] .sf-c-txt-thistle\:st, html.dark .sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:0\:st, html.dark .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } -html[data-theme='dark'] .sf-c-txt-thistle\:5\:st, html.dark .sf-c-txt-thistle\:5\:st { color: hsl(300, 24%, 5%) } -html[data-theme='dark'] .sf-c-txt-thistle\:10\:st, html.dark .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } -html[data-theme='dark'] .sf-c-txt-thistle\:15\:st, html.dark .sf-c-txt-thistle\:15\:st { color: hsl(300, 24%, 15%) } -html[data-theme='dark'] .sf-c-txt-thistle\:20\:st, html.dark .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } -html[data-theme='dark'] .sf-c-txt-thistle\:25\:st, html.dark .sf-c-txt-thistle\:25\:st { color: hsl(300, 24%, 25%) } -html[data-theme='dark'] .sf-c-txt-thistle\:30\:st, html.dark .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } -html[data-theme='dark'] .sf-c-txt-thistle\:35\:st, html.dark .sf-c-txt-thistle\:35\:st { color: hsl(300, 24%, 35%) } -html[data-theme='dark'] .sf-c-txt-thistle\:40\:st, html.dark .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } -html[data-theme='dark'] .sf-c-txt-thistle\:45\:st, html.dark .sf-c-txt-thistle\:45\:st { color: hsl(300, 24%, 45%) } -html[data-theme='dark'] .sf-c-txt-thistle\:50\:st, html.dark .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } -html[data-theme='dark'] .sf-c-txt-thistle\:55\:st, html.dark .sf-c-txt-thistle\:55\:st { color: hsl(300, 24%, 55%) } -html[data-theme='dark'] .sf-c-txt-thistle\:60\:st, html.dark .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } -html[data-theme='dark'] .sf-c-txt-thistle\:65\:st, html.dark .sf-c-txt-thistle\:65\:st { color: hsl(300, 24%, 65%) } -html[data-theme='dark'] .sf-c-txt-thistle\:70\:st, html.dark .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } -html[data-theme='dark'] .sf-c-txt-thistle\:75\:st, html.dark .sf-c-txt-thistle\:75\:st { color: hsl(300, 24%, 75%) } -html[data-theme='dark'] .sf-c-txt-thistle\:80\:st, html.dark .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } -html[data-theme='dark'] .sf-c-txt-thistle\:85\:st, html.dark .sf-c-txt-thistle\:85\:st { color: hsl(300, 24%, 85%) } -html[data-theme='dark'] .sf-c-txt-thistle\:90\:st, html.dark .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } -html[data-theme='dark'] .sf-c-txt-thistle\:95\:st, html.dark .sf-c-txt-thistle\:95\:st { color: hsl(300, 24%, 95%) } -html[data-theme='dark'] .sf-c-txt-thistle\:100\:st, html.dark .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-thistle, html.auto .sf-c-thistle { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:0, html.auto .sf-c-thistle\:0 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } - html[data-theme='auto'] .sf-c-thistle\:5, html.auto .sf-c-thistle\:5 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } - html[data-theme='auto'] .sf-c-thistle\:10, html.auto .sf-c-thistle\:10 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-thistle\:15, html.auto .sf-c-thistle\:15 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 85%) } - html[data-theme='auto'] .sf-c-thistle\:20, html.auto .sf-c-thistle\:20 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:25, html.auto .sf-c-thistle\:25 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 75%) } - html[data-theme='auto'] .sf-c-thistle\:30, html.auto .sf-c-thistle\:30 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-thistle\:35, html.auto .sf-c-thistle\:35 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 65%) } - html[data-theme='auto'] .sf-c-thistle\:40, html.auto .sf-c-thistle\:40 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-thistle\:45, html.auto .sf-c-thistle\:45 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 55%) } - html[data-theme='auto'] .sf-c-thistle\:50, html.auto .sf-c-thistle\:50 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-thistle\:55, html.auto .sf-c-thistle\:55 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 45%) } - html[data-theme='auto'] .sf-c-thistle\:60, html.auto .sf-c-thistle\:60 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-thistle\:65, html.auto .sf-c-thistle\:65 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 35%) } - html[data-theme='auto'] .sf-c-thistle\:70, html.auto .sf-c-thistle\:70 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-thistle\:75, html.auto .sf-c-thistle\:75 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 25%) } - html[data-theme='auto'] .sf-c-thistle\:80, html.auto .sf-c-thistle\:80 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:85, html.auto .sf-c-thistle\:85 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 15%) } - html[data-theme='auto'] .sf-c-thistle\:90, html.auto .sf-c-thistle\:90 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-thistle\:95, html.auto .sf-c-thistle\:95 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } - html[data-theme='auto'] .sf-c-thistle\:100, html.auto .sf-c-thistle\:100 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } - - html[data-theme='auto'] .sf-c-thistle\:st, html.auto .sf-c-thistle\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:0\:st, html.auto .sf-c-thistle\:0\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } - html[data-theme='auto'] .sf-c-thistle\:5\:st, html.auto .sf-c-thistle\:5\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } - html[data-theme='auto'] .sf-c-thistle\:10\:st, html.auto .sf-c-thistle\:10\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-thistle\:15\:st, html.auto .sf-c-thistle\:15\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 15%) } - html[data-theme='auto'] .sf-c-thistle\:20\:st, html.auto .sf-c-thistle\:20\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-thistle\:25\:st, html.auto .sf-c-thistle\:25\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 25%) } - html[data-theme='auto'] .sf-c-thistle\:30\:st, html.auto .sf-c-thistle\:30\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-thistle\:35\:st, html.auto .sf-c-thistle\:35\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 35%) } - html[data-theme='auto'] .sf-c-thistle\:40\:st, html.auto .sf-c-thistle\:40\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-thistle\:45\:st, html.auto .sf-c-thistle\:45\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 45%) } - html[data-theme='auto'] .sf-c-thistle\:50\:st, html.auto .sf-c-thistle\:50\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-thistle\:55\:st, html.auto .sf-c-thistle\:55\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 55%) } - html[data-theme='auto'] .sf-c-thistle\:60\:st, html.auto .sf-c-thistle\:60\:st { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-thistle\:65\:st, html.auto .sf-c-thistle\:65\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 65%) } - html[data-theme='auto'] .sf-c-thistle\:70\:st, html.auto .sf-c-thistle\:70\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-thistle\:75\:st, html.auto .sf-c-thistle\:75\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 75%) } - html[data-theme='auto'] .sf-c-thistle\:80\:st, html.auto .sf-c-thistle\:80\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-thistle\:85\:st, html.auto .sf-c-thistle\:85\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 85%) } - html[data-theme='auto'] .sf-c-thistle\:90\:st, html.auto .sf-c-thistle\:90\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-thistle\:95\:st, html.auto .sf-c-thistle\:95\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } - html[data-theme='auto'] .sf-c-thistle\:100\:st, html.auto .sf-c-thistle\:100\:st { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } - - html[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } - html[data-theme='auto'] .sf-c-txt-thistle\:5, html.auto .sf-c-txt-thistle\:5 { color: hsl(300, 24%, 95%) } - html[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-txt-thistle\:15, html.auto .sf-c-txt-thistle\:15 { color: hsl(300, 24%, 85%) } - html[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:25, html.auto .sf-c-txt-thistle\:25 { color: hsl(300, 24%, 75%) } - html[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-txt-thistle\:35, html.auto .sf-c-txt-thistle\:35 { color: hsl(300, 24%, 65%) } - html[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-txt-thistle\:45, html.auto .sf-c-txt-thistle\:45 { color: hsl(300, 24%, 55%) } - html[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-txt-thistle\:55, html.auto .sf-c-txt-thistle\:55 { color: hsl(300, 24%, 45%) } - html[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-txt-thistle\:65, html.auto .sf-c-txt-thistle\:65 { color: hsl(300, 24%, 35%) } - html[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-txt-thistle\:75, html.auto .sf-c-txt-thistle\:75 { color: hsl(300, 24%, 25%) } - html[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-txt-thistle\:85, html.auto .sf-c-txt-thistle\:85 { color: hsl(300, 24%, 15%) } - html[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-txt-thistle\:95, html.auto .sf-c-txt-thistle\:95 { color: hsl(300, 24%, 5%) } - html[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } - - html[data-theme='auto'] .sf-c-txt-thistle\:st, html.auto .sf-c-txt-thistle\:st { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:0\:st, html.auto .sf-c-txt-thistle\:0\:st { color: hsl(300, 24%, 0%) } - html[data-theme='auto'] .sf-c-txt-thistle\:5\:st, html.auto .sf-c-txt-thistle\:5\:st { color: hsl(300, 24%, 5%) } - html[data-theme='auto'] .sf-c-txt-thistle\:10\:st, html.auto .sf-c-txt-thistle\:10\:st { color: hsl(300, 24%, 10%) } - html[data-theme='auto'] .sf-c-txt-thistle\:15\:st, html.auto .sf-c-txt-thistle\:15\:st { color: hsl(300, 24%, 15%) } - html[data-theme='auto'] .sf-c-txt-thistle\:20\:st, html.auto .sf-c-txt-thistle\:20\:st { color: hsl(300, 24%, 20%) } - html[data-theme='auto'] .sf-c-txt-thistle\:25\:st, html.auto .sf-c-txt-thistle\:25\:st { color: hsl(300, 24%, 25%) } - html[data-theme='auto'] .sf-c-txt-thistle\:30\:st, html.auto .sf-c-txt-thistle\:30\:st { color: hsl(300, 24%, 30%) } - html[data-theme='auto'] .sf-c-txt-thistle\:35\:st, html.auto .sf-c-txt-thistle\:35\:st { color: hsl(300, 24%, 35%) } - html[data-theme='auto'] .sf-c-txt-thistle\:40\:st, html.auto .sf-c-txt-thistle\:40\:st { color: hsl(300, 24%, 40%) } - html[data-theme='auto'] .sf-c-txt-thistle\:45\:st, html.auto .sf-c-txt-thistle\:45\:st { color: hsl(300, 24%, 45%) } - html[data-theme='auto'] .sf-c-txt-thistle\:50\:st, html.auto .sf-c-txt-thistle\:50\:st { color: hsl(300, 24%, 50%) } - html[data-theme='auto'] .sf-c-txt-thistle\:55\:st, html.auto .sf-c-txt-thistle\:55\:st { color: hsl(300, 24%, 55%) } - html[data-theme='auto'] .sf-c-txt-thistle\:60\:st, html.auto .sf-c-txt-thistle\:60\:st { color: hsl(300, 24%, 60%) } - html[data-theme='auto'] .sf-c-txt-thistle\:65\:st, html.auto .sf-c-txt-thistle\:65\:st { color: hsl(300, 24%, 65%) } - html[data-theme='auto'] .sf-c-txt-thistle\:70\:st, html.auto .sf-c-txt-thistle\:70\:st { color: hsl(300, 24%, 70%) } - html[data-theme='auto'] .sf-c-txt-thistle\:75\:st, html.auto .sf-c-txt-thistle\:75\:st { color: hsl(300, 24%, 75%) } - html[data-theme='auto'] .sf-c-txt-thistle\:80\:st, html.auto .sf-c-txt-thistle\:80\:st { color: hsl(300, 24%, 80%) } - html[data-theme='auto'] .sf-c-txt-thistle\:85\:st, html.auto .sf-c-txt-thistle\:85\:st { color: hsl(300, 24%, 85%) } - html[data-theme='auto'] .sf-c-txt-thistle\:90\:st, html.auto .sf-c-txt-thistle\:90\:st { color: hsl(300, 24%, 90%) } - html[data-theme='auto'] .sf-c-txt-thistle\:95\:st, html.auto .sf-c-txt-thistle\:95\:st { color: hsl(300, 24%, 95%) } - html[data-theme='auto'] .sf-c-txt-thistle\:100\:st, html.auto .sf-c-txt-thistle\:100\:st { color: hsl(300, 24%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/tomato.css b/src/colors/20/tomato.css deleted file mode 100644 index 86add9e..0000000 --- a/src/colors/20/tomato.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-tomato { - --sf-c-tomato: 9 100% 64%; - --sf-c-tomato-0: 9 100% 0%; - --sf-c-tomato-5: 9 100% 5%; - --sf-c-tomato-10: 9 100% 10%; - --sf-c-tomato-15: 9 100% 15%; - --sf-c-tomato-20: 9 100% 20%; - --sf-c-tomato-25: 9 100% 25%; - --sf-c-tomato-30: 9 100% 30%; - --sf-c-tomato-35: 9 100% 35%; - --sf-c-tomato-40: 9 100% 40%; - --sf-c-tomato-45: 9 100% 45%; - --sf-c-tomato-50: 9 100% 50%; - --sf-c-tomato-55: 9 100% 55%; - --sf-c-tomato-60: 9 100% 60%; - --sf-c-tomato-65: 9 100% 65%; - --sf-c-tomato-70: 9 100% 70%; - --sf-c-tomato-75: 9 100% 75%; - --sf-c-tomato-80: 9 100% 80%; - --sf-c-tomato-85: 9 100% 85%; - --sf-c-tomato-90: 9 100% 90%; - --sf-c-tomato-95: 9 100% 95%; - --sf-c-tomato-100: 9 100% 100%; -} - -.sf-c-tomato, .sf-c-tomato\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 64%) } -.sf-c-tomato\:0, .sf-c-tomato\:0\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } -.sf-c-tomato\:5, .sf-c-tomato\:5\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } -.sf-c-tomato\:10, .sf-c-tomato\:10\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } -.sf-c-tomato\:15, .sf-c-tomato\:15\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 15%) } -.sf-c-tomato\:20, .sf-c-tomato\:20\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 20%) } -.sf-c-tomato\:25, .sf-c-tomato\:25\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 25%) } -.sf-c-tomato\:30, .sf-c-tomato\:30\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 30%) } -.sf-c-tomato\:35, .sf-c-tomato\:35\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 35%) } -.sf-c-tomato\:40, .sf-c-tomato\:40\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 40%) } -.sf-c-tomato\:45, .sf-c-tomato\:45\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 45%) } -.sf-c-tomato\:50, .sf-c-tomato\:50\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 50%) } -.sf-c-tomato\:55, .sf-c-tomato\:55\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 55%) } -.sf-c-tomato\:60, .sf-c-tomato\:60\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 60%) } -.sf-c-tomato\:65, .sf-c-tomato\:65\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 65%) } -.sf-c-tomato\:70, .sf-c-tomato\:70\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 70%) } -.sf-c-tomato\:75, .sf-c-tomato\:75\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 75%) } -.sf-c-tomato\:80, .sf-c-tomato\:80\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 80%) } -.sf-c-tomato\:85, .sf-c-tomato\:85\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 85%) } -.sf-c-tomato\:90, .sf-c-tomato\:90\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90%) } -.sf-c-tomato\:95, .sf-c-tomato\:95\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } -.sf-c-tomato\:100, .sf-c-tomato\:100\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } - -.sf-c-txt-tomato { color: hsl(9, 100%, 10%) } -.sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } -.sf-c-txt-tomato\:0, .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } -.sf-c-txt-tomato\:5, .sf-c-txt-tomato\:5\:st { color: hsl(9, 100%, 5%) } -.sf-c-txt-tomato\:10, .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } -.sf-c-txt-tomato\:15, .sf-c-txt-tomato\:15\:st { color: hsl(9, 100%, 15%) } -.sf-c-txt-tomato\:20, .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } -.sf-c-txt-tomato\:25, .sf-c-txt-tomato\:25\:st { color: hsl(9, 100%, 25%) } -.sf-c-txt-tomato\:30, .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } -.sf-c-txt-tomato\:35, .sf-c-txt-tomato\:35\:st { color: hsl(9, 100%, 35%) } -.sf-c-txt-tomato\:40, .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } -.sf-c-txt-tomato\:45, .sf-c-txt-tomato\:45\:st { color: hsl(9, 100%, 45%) } -.sf-c-txt-tomato\:50, .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } -.sf-c-txt-tomato\:55, .sf-c-txt-tomato\:55\:st { color: hsl(9, 100%, 55%) } -.sf-c-txt-tomato\:60, .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } -.sf-c-txt-tomato\:65, .sf-c-txt-tomato\:65\:st { color: hsl(9, 100%, 65%) } -.sf-c-txt-tomato\:70, .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } -.sf-c-txt-tomato\:75, .sf-c-txt-tomato\:75\:st { color: hsl(9, 100%, 75%) } -.sf-c-txt-tomato\:80, .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } -.sf-c-txt-tomato\:85, .sf-c-txt-tomato\:85\:st { color: hsl(9, 100%, 85%) } -.sf-c-txt-tomato\:90, .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } -.sf-c-txt-tomato\:95, .sf-c-txt-tomato\:95\:st { color: hsl(9, 100%, 95%) } -.sf-c-txt-tomato\:100, .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } - -html[data-theme='dark'] .sf-c-tomato, html.dark .sf-c-tomato { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 36%) } -html[data-theme='dark'] .sf-c-tomato\:0, html.dark .sf-c-tomato\:0 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } -html[data-theme='dark'] .sf-c-tomato\:5, html.dark .sf-c-tomato\:5 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } -html[data-theme='dark'] .sf-c-tomato\:10, html.dark .sf-c-tomato\:10 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-tomato\:15, html.dark .sf-c-tomato\:15 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 85%) } -html[data-theme='dark'] .sf-c-tomato\:20, html.dark .sf-c-tomato\:20 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-tomato\:25, html.dark .sf-c-tomato\:25 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 75%) } -html[data-theme='dark'] .sf-c-tomato\:30, html.dark .sf-c-tomato\:30 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-tomato\:35, html.dark .sf-c-tomato\:35 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 65%) } -html[data-theme='dark'] .sf-c-tomato\:40, html.dark .sf-c-tomato\:40 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-tomato\:45, html.dark .sf-c-tomato\:45 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 55%) } -html[data-theme='dark'] .sf-c-tomato\:50, html.dark .sf-c-tomato\:50 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-tomato\:55, html.dark .sf-c-tomato\:55 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 45%) } -html[data-theme='dark'] .sf-c-tomato\:60, html.dark .sf-c-tomato\:60 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-tomato\:65, html.dark .sf-c-tomato\:65 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 35%) } -html[data-theme='dark'] .sf-c-tomato\:70, html.dark .sf-c-tomato\:70 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-tomato\:75, html.dark .sf-c-tomato\:75 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 25%) } -html[data-theme='dark'] .sf-c-tomato\:80, html.dark .sf-c-tomato\:80 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-tomato\:85, html.dark .sf-c-tomato\:85 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 15%) } -html[data-theme='dark'] .sf-c-tomato\:90, html.dark .sf-c-tomato\:90 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-tomato\:95, html.dark .sf-c-tomato\:95 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } -html[data-theme='dark'] .sf-c-tomato\:100, html.dark .sf-c-tomato\:100 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } - -html[data-theme='dark'] .sf-c-tomato\:st, html.dark .sf-c-tomato\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-tomato\:0\:st, html.dark .sf-c-tomato\:0\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } -html[data-theme='dark'] .sf-c-tomato\:5\:st, html.dark .sf-c-tomato\:5\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } -html[data-theme='dark'] .sf-c-tomato\:10\:st, html.dark .sf-c-tomato\:10\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-tomato\:15\:st, html.dark .sf-c-tomato\:15\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 15%) } -html[data-theme='dark'] .sf-c-tomato\:20\:st, html.dark .sf-c-tomato\:20\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-tomato\:25\:st, html.dark .sf-c-tomato\:25\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 25%) } -html[data-theme='dark'] .sf-c-tomato\:30\:st, html.dark .sf-c-tomato\:30\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-tomato\:35\:st, html.dark .sf-c-tomato\:35\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 35%) } -html[data-theme='dark'] .sf-c-tomato\:40\:st, html.dark .sf-c-tomato\:40\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-tomato\:45\:st, html.dark .sf-c-tomato\:45\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 45%) } -html[data-theme='dark'] .sf-c-tomato\:50\:st, html.dark .sf-c-tomato\:50\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-tomato\:55\:st, html.dark .sf-c-tomato\:55\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 55%) } -html[data-theme='dark'] .sf-c-tomato\:60\:st, html.dark .sf-c-tomato\:60\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-tomato\:65\:st, html.dark .sf-c-tomato\:65\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 65%) } -html[data-theme='dark'] .sf-c-tomato\:70\:st, html.dark .sf-c-tomato\:70\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-tomato\:75\:st, html.dark .sf-c-tomato\:75\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 75%) } -html[data-theme='dark'] .sf-c-tomato\:80\:st, html.dark .sf-c-tomato\:80\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-tomato\:85\:st, html.dark .sf-c-tomato\:85\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 85%) } -html[data-theme='dark'] .sf-c-tomato\:90\:st, html.dark .sf-c-tomato\:90\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-tomato\:95\:st, html.dark .sf-c-tomato\:95\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } -html[data-theme='dark'] .sf-c-tomato\:100\:st, html.dark .sf-c-tomato\:100\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-tomato\:5, html.dark .sf-c-txt-tomato\:5 { color: hsl(9, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-tomato\:15, html.dark .sf-c-txt-tomato\:15 { color: hsl(9, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-tomato\:25, html.dark .sf-c-txt-tomato\:25 { color: hsl(9, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-tomato\:35, html.dark .sf-c-txt-tomato\:35 { color: hsl(9, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-tomato\:45, html.dark .sf-c-txt-tomato\:45 { color: hsl(9, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-tomato\:55, html.dark .sf-c-txt-tomato\:55 { color: hsl(9, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-tomato\:65, html.dark .sf-c-txt-tomato\:65 { color: hsl(9, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-tomato\:75, html.dark .sf-c-txt-tomato\:75 { color: hsl(9, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-tomato\:85, html.dark .sf-c-txt-tomato\:85 { color: hsl(9, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-tomato\:95, html.dark .sf-c-txt-tomato\:95 { color: hsl(9, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-tomato\:st, html.dark .sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } -html[data-theme='dark'] .sf-c-txt-tomato\:0\:st, html.dark .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-tomato\:5\:st, html.dark .sf-c-txt-tomato\:5\:st { color: hsl(9, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-tomato\:10\:st, html.dark .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-tomato\:15\:st, html.dark .sf-c-txt-tomato\:15\:st { color: hsl(9, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-tomato\:20\:st, html.dark .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-tomato\:25\:st, html.dark .sf-c-txt-tomato\:25\:st { color: hsl(9, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-tomato\:30\:st, html.dark .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-tomato\:35\:st, html.dark .sf-c-txt-tomato\:35\:st { color: hsl(9, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-tomato\:40\:st, html.dark .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-tomato\:45\:st, html.dark .sf-c-txt-tomato\:45\:st { color: hsl(9, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-tomato\:50\:st, html.dark .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-tomato\:55\:st, html.dark .sf-c-txt-tomato\:55\:st { color: hsl(9, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-tomato\:60\:st, html.dark .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-tomato\:65\:st, html.dark .sf-c-txt-tomato\:65\:st { color: hsl(9, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-tomato\:70\:st, html.dark .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-tomato\:75\:st, html.dark .sf-c-txt-tomato\:75\:st { color: hsl(9, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-tomato\:80\:st, html.dark .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-tomato\:85\:st, html.dark .sf-c-txt-tomato\:85\:st { color: hsl(9, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-tomato\:90\:st, html.dark .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-tomato\:95\:st, html.dark .sf-c-txt-tomato\:95\:st { color: hsl(9, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-tomato\:100\:st, html.dark .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-tomato, html.auto .sf-c-tomato { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 36%) } - html[data-theme='auto'] .sf-c-tomato\:0, html.auto .sf-c-tomato\:0 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } - html[data-theme='auto'] .sf-c-tomato\:5, html.auto .sf-c-tomato\:5 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } - html[data-theme='auto'] .sf-c-tomato\:10, html.auto .sf-c-tomato\:10 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-tomato\:15, html.auto .sf-c-tomato\:15 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 85%) } - html[data-theme='auto'] .sf-c-tomato\:20, html.auto .sf-c-tomato\:20 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-tomato\:25, html.auto .sf-c-tomato\:25 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 75%) } - html[data-theme='auto'] .sf-c-tomato\:30, html.auto .sf-c-tomato\:30 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-tomato\:35, html.auto .sf-c-tomato\:35 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 65%) } - html[data-theme='auto'] .sf-c-tomato\:40, html.auto .sf-c-tomato\:40 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-tomato\:45, html.auto .sf-c-tomato\:45 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 55%) } - html[data-theme='auto'] .sf-c-tomato\:50, html.auto .sf-c-tomato\:50 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-tomato\:55, html.auto .sf-c-tomato\:55 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 45%) } - html[data-theme='auto'] .sf-c-tomato\:60, html.auto .sf-c-tomato\:60 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-tomato\:65, html.auto .sf-c-tomato\:65 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 35%) } - html[data-theme='auto'] .sf-c-tomato\:70, html.auto .sf-c-tomato\:70 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-tomato\:75, html.auto .sf-c-tomato\:75 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 25%) } - html[data-theme='auto'] .sf-c-tomato\:80, html.auto .sf-c-tomato\:80 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-tomato\:85, html.auto .sf-c-tomato\:85 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 15%) } - html[data-theme='auto'] .sf-c-tomato\:90, html.auto .sf-c-tomato\:90 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-tomato\:95, html.auto .sf-c-tomato\:95 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } - html[data-theme='auto'] .sf-c-tomato\:100, html.auto .sf-c-tomato\:100 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } - - html[data-theme='auto'] .sf-c-tomato\:st, html.auto .sf-c-tomato\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-tomato\:0\:st, html.auto .sf-c-tomato\:0\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } - html[data-theme='auto'] .sf-c-tomato\:5\:st, html.auto .sf-c-tomato\:5\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } - html[data-theme='auto'] .sf-c-tomato\:10\:st, html.auto .sf-c-tomato\:10\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-tomato\:15\:st, html.auto .sf-c-tomato\:15\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 15%) } - html[data-theme='auto'] .sf-c-tomato\:20\:st, html.auto .sf-c-tomato\:20\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-tomato\:25\:st, html.auto .sf-c-tomato\:25\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 25%) } - html[data-theme='auto'] .sf-c-tomato\:30\:st, html.auto .sf-c-tomato\:30\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-tomato\:35\:st, html.auto .sf-c-tomato\:35\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 35%) } - html[data-theme='auto'] .sf-c-tomato\:40\:st, html.auto .sf-c-tomato\:40\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-tomato\:45\:st, html.auto .sf-c-tomato\:45\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 45%) } - html[data-theme='auto'] .sf-c-tomato\:50\:st, html.auto .sf-c-tomato\:50\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-tomato\:55\:st, html.auto .sf-c-tomato\:55\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 55%) } - html[data-theme='auto'] .sf-c-tomato\:60\:st, html.auto .sf-c-tomato\:60\:st { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-tomato\:65\:st, html.auto .sf-c-tomato\:65\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 65%) } - html[data-theme='auto'] .sf-c-tomato\:70\:st, html.auto .sf-c-tomato\:70\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-tomato\:75\:st, html.auto .sf-c-tomato\:75\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 75%) } - html[data-theme='auto'] .sf-c-tomato\:80\:st, html.auto .sf-c-tomato\:80\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-tomato\:85\:st, html.auto .sf-c-tomato\:85\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 85%) } - html[data-theme='auto'] .sf-c-tomato\:90\:st, html.auto .sf-c-tomato\:90\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-tomato\:95\:st, html.auto .sf-c-tomato\:95\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } - html[data-theme='auto'] .sf-c-tomato\:100\:st, html.auto .sf-c-tomato\:100\:st { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-tomato\:5, html.auto .sf-c-txt-tomato\:5 { color: hsl(9, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-tomato\:15, html.auto .sf-c-txt-tomato\:15 { color: hsl(9, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-tomato\:25, html.auto .sf-c-txt-tomato\:25 { color: hsl(9, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-tomato\:35, html.auto .sf-c-txt-tomato\:35 { color: hsl(9, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-tomato\:45, html.auto .sf-c-txt-tomato\:45 { color: hsl(9, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-tomato\:55, html.auto .sf-c-txt-tomato\:55 { color: hsl(9, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-tomato\:65, html.auto .sf-c-txt-tomato\:65 { color: hsl(9, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-tomato\:75, html.auto .sf-c-txt-tomato\:75 { color: hsl(9, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-tomato\:85, html.auto .sf-c-txt-tomato\:85 { color: hsl(9, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-tomato\:95, html.auto .sf-c-txt-tomato\:95 { color: hsl(9, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-tomato\:st, html.auto .sf-c-txt-tomato\:st { color: hsl(9, 100%, 64%) } - html[data-theme='auto'] .sf-c-txt-tomato\:0\:st, html.auto .sf-c-txt-tomato\:0\:st { color: hsl(9, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-tomato\:5\:st, html.auto .sf-c-txt-tomato\:5\:st { color: hsl(9, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-tomato\:10\:st, html.auto .sf-c-txt-tomato\:10\:st { color: hsl(9, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-tomato\:15\:st, html.auto .sf-c-txt-tomato\:15\:st { color: hsl(9, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-tomato\:20\:st, html.auto .sf-c-txt-tomato\:20\:st { color: hsl(9, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-tomato\:25\:st, html.auto .sf-c-txt-tomato\:25\:st { color: hsl(9, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-tomato\:30\:st, html.auto .sf-c-txt-tomato\:30\:st { color: hsl(9, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-tomato\:35\:st, html.auto .sf-c-txt-tomato\:35\:st { color: hsl(9, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-tomato\:40\:st, html.auto .sf-c-txt-tomato\:40\:st { color: hsl(9, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-tomato\:45\:st, html.auto .sf-c-txt-tomato\:45\:st { color: hsl(9, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-tomato\:50\:st, html.auto .sf-c-txt-tomato\:50\:st { color: hsl(9, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-tomato\:55\:st, html.auto .sf-c-txt-tomato\:55\:st { color: hsl(9, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-tomato\:60\:st, html.auto .sf-c-txt-tomato\:60\:st { color: hsl(9, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-tomato\:65\:st, html.auto .sf-c-txt-tomato\:65\:st { color: hsl(9, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-tomato\:70\:st, html.auto .sf-c-txt-tomato\:70\:st { color: hsl(9, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-tomato\:75\:st, html.auto .sf-c-txt-tomato\:75\:st { color: hsl(9, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-tomato\:80\:st, html.auto .sf-c-txt-tomato\:80\:st { color: hsl(9, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-tomato\:85\:st, html.auto .sf-c-txt-tomato\:85\:st { color: hsl(9, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-tomato\:90\:st, html.auto .sf-c-txt-tomato\:90\:st { color: hsl(9, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-tomato\:95\:st, html.auto .sf-c-txt-tomato\:95\:st { color: hsl(9, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-tomato\:100\:st, html.auto .sf-c-txt-tomato\:100\:st { color: hsl(9, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/turquoise.css b/src/colors/20/turquoise.css deleted file mode 100644 index 7ba2562..0000000 --- a/src/colors/20/turquoise.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-turquoise { - --sf-c-turquoise: 174 72% 56%; - --sf-c-turquoise-0: 174 72% 0%; - --sf-c-turquoise-5: 174 72% 5%; - --sf-c-turquoise-10: 174 72% 10%; - --sf-c-turquoise-15: 174 72% 15%; - --sf-c-turquoise-20: 174 72% 20%; - --sf-c-turquoise-25: 174 72% 25%; - --sf-c-turquoise-30: 174 72% 30%; - --sf-c-turquoise-35: 174 72% 35%; - --sf-c-turquoise-40: 174 72% 40%; - --sf-c-turquoise-45: 174 72% 45%; - --sf-c-turquoise-50: 174 72% 50%; - --sf-c-turquoise-55: 174 72% 55%; - --sf-c-turquoise-60: 174 72% 60%; - --sf-c-turquoise-65: 174 72% 65%; - --sf-c-turquoise-70: 174 72% 70%; - --sf-c-turquoise-75: 174 72% 75%; - --sf-c-turquoise-80: 174 72% 80%; - --sf-c-turquoise-85: 174 72% 85%; - --sf-c-turquoise-90: 174 72% 90%; - --sf-c-turquoise-95: 174 72% 95%; - --sf-c-turquoise-100: 174 72% 100%; -} - -.sf-c-turquoise, .sf-c-turquoise\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 56%) } -.sf-c-turquoise\:0, .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } -.sf-c-turquoise\:5, .sf-c-turquoise\:5\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } -.sf-c-turquoise\:10, .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } -.sf-c-turquoise\:15, .sf-c-turquoise\:15\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 15%) } -.sf-c-turquoise\:20, .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 20%) } -.sf-c-turquoise\:25, .sf-c-turquoise\:25\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 25%) } -.sf-c-turquoise\:30, .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 30%) } -.sf-c-turquoise\:35, .sf-c-turquoise\:35\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 35%) } -.sf-c-turquoise\:40, .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 40%) } -.sf-c-turquoise\:45, .sf-c-turquoise\:45\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 45%) } -.sf-c-turquoise\:50, .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 50%) } -.sf-c-turquoise\:55, .sf-c-turquoise\:55\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 55%) } -.sf-c-turquoise\:60, .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 60%) } -.sf-c-turquoise\:65, .sf-c-turquoise\:65\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 65%) } -.sf-c-turquoise\:70, .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 70%) } -.sf-c-turquoise\:75, .sf-c-turquoise\:75\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 75%) } -.sf-c-turquoise\:80, .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 80%) } -.sf-c-turquoise\:85, .sf-c-turquoise\:85\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 85%) } -.sf-c-turquoise\:90, .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 90%) } -.sf-c-turquoise\:95, .sf-c-turquoise\:95\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } -.sf-c-turquoise\:100, .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } - -.sf-c-txt-turquoise { color: hsl(174, 72%, 10%) } -.sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } -.sf-c-txt-turquoise\:0, .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } -.sf-c-txt-turquoise\:5, .sf-c-txt-turquoise\:5\:st { color: hsl(174, 72%, 5%) } -.sf-c-txt-turquoise\:10, .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } -.sf-c-txt-turquoise\:15, .sf-c-txt-turquoise\:15\:st { color: hsl(174, 72%, 15%) } -.sf-c-txt-turquoise\:20, .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } -.sf-c-txt-turquoise\:25, .sf-c-txt-turquoise\:25\:st { color: hsl(174, 72%, 25%) } -.sf-c-txt-turquoise\:30, .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } -.sf-c-txt-turquoise\:35, .sf-c-txt-turquoise\:35\:st { color: hsl(174, 72%, 35%) } -.sf-c-txt-turquoise\:40, .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } -.sf-c-txt-turquoise\:45, .sf-c-txt-turquoise\:45\:st { color: hsl(174, 72%, 45%) } -.sf-c-txt-turquoise\:50, .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } -.sf-c-txt-turquoise\:55, .sf-c-txt-turquoise\:55\:st { color: hsl(174, 72%, 55%) } -.sf-c-txt-turquoise\:60, .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } -.sf-c-txt-turquoise\:65, .sf-c-txt-turquoise\:65\:st { color: hsl(174, 72%, 65%) } -.sf-c-txt-turquoise\:70, .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } -.sf-c-txt-turquoise\:75, .sf-c-txt-turquoise\:75\:st { color: hsl(174, 72%, 75%) } -.sf-c-txt-turquoise\:80, .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } -.sf-c-txt-turquoise\:85, .sf-c-txt-turquoise\:85\:st { color: hsl(174, 72%, 85%) } -.sf-c-txt-turquoise\:90, .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } -.sf-c-txt-turquoise\:95, .sf-c-txt-turquoise\:95\:st { color: hsl(174, 72%, 95%) } -.sf-c-txt-turquoise\:100, .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } - -html[data-theme='dark'] .sf-c-turquoise, html.dark .sf-c-turquoise { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 44%) } -html[data-theme='dark'] .sf-c-turquoise\:0, html.dark .sf-c-turquoise\:0 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } -html[data-theme='dark'] .sf-c-turquoise\:5, html.dark .sf-c-turquoise\:5 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } -html[data-theme='dark'] .sf-c-turquoise\:10, html.dark .sf-c-turquoise\:10 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-turquoise\:15, html.dark .sf-c-turquoise\:15 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 85%) } -html[data-theme='dark'] .sf-c-turquoise\:20, html.dark .sf-c-turquoise\:20 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-turquoise\:25, html.dark .sf-c-turquoise\:25 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 75%) } -html[data-theme='dark'] .sf-c-turquoise\:30, html.dark .sf-c-turquoise\:30 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-turquoise\:35, html.dark .sf-c-turquoise\:35 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 65%) } -html[data-theme='dark'] .sf-c-turquoise\:40, html.dark .sf-c-turquoise\:40 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-turquoise\:45, html.dark .sf-c-turquoise\:45 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 55%) } -html[data-theme='dark'] .sf-c-turquoise\:50, html.dark .sf-c-turquoise\:50 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-turquoise\:55, html.dark .sf-c-turquoise\:55 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 45%) } -html[data-theme='dark'] .sf-c-turquoise\:60, html.dark .sf-c-turquoise\:60 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-turquoise\:65, html.dark .sf-c-turquoise\:65 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 35%) } -html[data-theme='dark'] .sf-c-turquoise\:70, html.dark .sf-c-turquoise\:70 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-turquoise\:75, html.dark .sf-c-turquoise\:75 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 25%) } -html[data-theme='dark'] .sf-c-turquoise\:80, html.dark .sf-c-turquoise\:80 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-turquoise\:85, html.dark .sf-c-turquoise\:85 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 15%) } -html[data-theme='dark'] .sf-c-turquoise\:90, html.dark .sf-c-turquoise\:90 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-turquoise\:95, html.dark .sf-c-turquoise\:95 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } -html[data-theme='dark'] .sf-c-turquoise\:100, html.dark .sf-c-turquoise\:100 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } - -html[data-theme='dark'] .sf-c-turquoise\:st, html.dark .sf-c-turquoise\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-turquoise\:0\:st, html.dark .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } -html[data-theme='dark'] .sf-c-turquoise\:5\:st, html.dark .sf-c-turquoise\:5\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } -html[data-theme='dark'] .sf-c-turquoise\:10\:st, html.dark .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-turquoise\:15\:st, html.dark .sf-c-turquoise\:15\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 15%) } -html[data-theme='dark'] .sf-c-turquoise\:20\:st, html.dark .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-turquoise\:25\:st, html.dark .sf-c-turquoise\:25\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 25%) } -html[data-theme='dark'] .sf-c-turquoise\:30\:st, html.dark .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-turquoise\:35\:st, html.dark .sf-c-turquoise\:35\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 35%) } -html[data-theme='dark'] .sf-c-turquoise\:40\:st, html.dark .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-turquoise\:45\:st, html.dark .sf-c-turquoise\:45\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 45%) } -html[data-theme='dark'] .sf-c-turquoise\:50\:st, html.dark .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-turquoise\:55\:st, html.dark .sf-c-turquoise\:55\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 55%) } -html[data-theme='dark'] .sf-c-turquoise\:60\:st, html.dark .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-turquoise\:65\:st, html.dark .sf-c-turquoise\:65\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 65%) } -html[data-theme='dark'] .sf-c-turquoise\:70\:st, html.dark .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-turquoise\:75\:st, html.dark .sf-c-turquoise\:75\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 75%) } -html[data-theme='dark'] .sf-c-turquoise\:80\:st, html.dark .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-turquoise\:85\:st, html.dark .sf-c-turquoise\:85\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 85%) } -html[data-theme='dark'] .sf-c-turquoise\:90\:st, html.dark .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-turquoise\:95\:st, html.dark .sf-c-turquoise\:95\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } -html[data-theme='dark'] .sf-c-turquoise\:100\:st, html.dark .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } - -html[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:5, html.dark .sf-c-txt-turquoise\:5 { color: hsl(174, 72%, 95%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:15, html.dark .sf-c-txt-turquoise\:15 { color: hsl(174, 72%, 85%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:25, html.dark .sf-c-txt-turquoise\:25 { color: hsl(174, 72%, 75%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:35, html.dark .sf-c-txt-turquoise\:35 { color: hsl(174, 72%, 65%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:45, html.dark .sf-c-txt-turquoise\:45 { color: hsl(174, 72%, 55%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:55, html.dark .sf-c-txt-turquoise\:55 { color: hsl(174, 72%, 45%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:65, html.dark .sf-c-txt-turquoise\:65 { color: hsl(174, 72%, 35%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:75, html.dark .sf-c-txt-turquoise\:75 { color: hsl(174, 72%, 25%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:85, html.dark .sf-c-txt-turquoise\:85 { color: hsl(174, 72%, 15%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:95, html.dark .sf-c-txt-turquoise\:95 { color: hsl(174, 72%, 5%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } - -html[data-theme='dark'] .sf-c-txt-turquoise\:st, html.dark .sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:0\:st, html.dark .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:5\:st, html.dark .sf-c-txt-turquoise\:5\:st { color: hsl(174, 72%, 5%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:10\:st, html.dark .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:15\:st, html.dark .sf-c-txt-turquoise\:15\:st { color: hsl(174, 72%, 15%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:20\:st, html.dark .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:25\:st, html.dark .sf-c-txt-turquoise\:25\:st { color: hsl(174, 72%, 25%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:30\:st, html.dark .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:35\:st, html.dark .sf-c-txt-turquoise\:35\:st { color: hsl(174, 72%, 35%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:40\:st, html.dark .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:45\:st, html.dark .sf-c-txt-turquoise\:45\:st { color: hsl(174, 72%, 45%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:50\:st, html.dark .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:55\:st, html.dark .sf-c-txt-turquoise\:55\:st { color: hsl(174, 72%, 55%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:60\:st, html.dark .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:65\:st, html.dark .sf-c-txt-turquoise\:65\:st { color: hsl(174, 72%, 65%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:70\:st, html.dark .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:75\:st, html.dark .sf-c-txt-turquoise\:75\:st { color: hsl(174, 72%, 75%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:80\:st, html.dark .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:85\:st, html.dark .sf-c-txt-turquoise\:85\:st { color: hsl(174, 72%, 85%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:90\:st, html.dark .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:95\:st, html.dark .sf-c-txt-turquoise\:95\:st { color: hsl(174, 72%, 95%) } -html[data-theme='dark'] .sf-c-txt-turquoise\:100\:st, html.dark .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-turquoise, html.auto .sf-c-turquoise { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 44%) } - html[data-theme='auto'] .sf-c-turquoise\:0, html.auto .sf-c-turquoise\:0 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } - html[data-theme='auto'] .sf-c-turquoise\:5, html.auto .sf-c-turquoise\:5 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } - html[data-theme='auto'] .sf-c-turquoise\:10, html.auto .sf-c-turquoise\:10 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-turquoise\:15, html.auto .sf-c-turquoise\:15 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 85%) } - html[data-theme='auto'] .sf-c-turquoise\:20, html.auto .sf-c-turquoise\:20 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-turquoise\:25, html.auto .sf-c-turquoise\:25 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 75%) } - html[data-theme='auto'] .sf-c-turquoise\:30, html.auto .sf-c-turquoise\:30 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-turquoise\:35, html.auto .sf-c-turquoise\:35 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 65%) } - html[data-theme='auto'] .sf-c-turquoise\:40, html.auto .sf-c-turquoise\:40 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-turquoise\:45, html.auto .sf-c-turquoise\:45 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 55%) } - html[data-theme='auto'] .sf-c-turquoise\:50, html.auto .sf-c-turquoise\:50 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-turquoise\:55, html.auto .sf-c-turquoise\:55 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 45%) } - html[data-theme='auto'] .sf-c-turquoise\:60, html.auto .sf-c-turquoise\:60 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-turquoise\:65, html.auto .sf-c-turquoise\:65 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 35%) } - html[data-theme='auto'] .sf-c-turquoise\:70, html.auto .sf-c-turquoise\:70 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-turquoise\:75, html.auto .sf-c-turquoise\:75 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 25%) } - html[data-theme='auto'] .sf-c-turquoise\:80, html.auto .sf-c-turquoise\:80 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-turquoise\:85, html.auto .sf-c-turquoise\:85 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 15%) } - html[data-theme='auto'] .sf-c-turquoise\:90, html.auto .sf-c-turquoise\:90 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-turquoise\:95, html.auto .sf-c-turquoise\:95 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } - html[data-theme='auto'] .sf-c-turquoise\:100, html.auto .sf-c-turquoise\:100 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } - - html[data-theme='auto'] .sf-c-turquoise\:st, html.auto .sf-c-turquoise\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-turquoise\:0\:st, html.auto .sf-c-turquoise\:0\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } - html[data-theme='auto'] .sf-c-turquoise\:5\:st, html.auto .sf-c-turquoise\:5\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } - html[data-theme='auto'] .sf-c-turquoise\:10\:st, html.auto .sf-c-turquoise\:10\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-turquoise\:15\:st, html.auto .sf-c-turquoise\:15\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 15%) } - html[data-theme='auto'] .sf-c-turquoise\:20\:st, html.auto .sf-c-turquoise\:20\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-turquoise\:25\:st, html.auto .sf-c-turquoise\:25\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 25%) } - html[data-theme='auto'] .sf-c-turquoise\:30\:st, html.auto .sf-c-turquoise\:30\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-turquoise\:35\:st, html.auto .sf-c-turquoise\:35\:st { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 35%) } - html[data-theme='auto'] .sf-c-turquoise\:40\:st, html.auto .sf-c-turquoise\:40\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-turquoise\:45\:st, html.auto .sf-c-turquoise\:45\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 45%) } - html[data-theme='auto'] .sf-c-turquoise\:50\:st, html.auto .sf-c-turquoise\:50\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-turquoise\:55\:st, html.auto .sf-c-turquoise\:55\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 55%) } - html[data-theme='auto'] .sf-c-turquoise\:60\:st, html.auto .sf-c-turquoise\:60\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-turquoise\:65\:st, html.auto .sf-c-turquoise\:65\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 65%) } - html[data-theme='auto'] .sf-c-turquoise\:70\:st, html.auto .sf-c-turquoise\:70\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-turquoise\:75\:st, html.auto .sf-c-turquoise\:75\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 75%) } - html[data-theme='auto'] .sf-c-turquoise\:80\:st, html.auto .sf-c-turquoise\:80\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-turquoise\:85\:st, html.auto .sf-c-turquoise\:85\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 85%) } - html[data-theme='auto'] .sf-c-turquoise\:90\:st, html.auto .sf-c-turquoise\:90\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-turquoise\:95\:st, html.auto .sf-c-turquoise\:95\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } - html[data-theme='auto'] .sf-c-turquoise\:100\:st, html.auto .sf-c-turquoise\:100\:st { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } - - html[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:5, html.auto .sf-c-txt-turquoise\:5 { color: hsl(174, 72%, 95%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:15, html.auto .sf-c-txt-turquoise\:15 { color: hsl(174, 72%, 85%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:25, html.auto .sf-c-txt-turquoise\:25 { color: hsl(174, 72%, 75%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:35, html.auto .sf-c-txt-turquoise\:35 { color: hsl(174, 72%, 65%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:45, html.auto .sf-c-txt-turquoise\:45 { color: hsl(174, 72%, 55%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:55, html.auto .sf-c-txt-turquoise\:55 { color: hsl(174, 72%, 45%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:65, html.auto .sf-c-txt-turquoise\:65 { color: hsl(174, 72%, 35%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:75, html.auto .sf-c-txt-turquoise\:75 { color: hsl(174, 72%, 25%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:85, html.auto .sf-c-txt-turquoise\:85 { color: hsl(174, 72%, 15%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:95, html.auto .sf-c-txt-turquoise\:95 { color: hsl(174, 72%, 5%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } - - html[data-theme='auto'] .sf-c-txt-turquoise\:st, html.auto .sf-c-txt-turquoise\:st { color: hsl(174, 72%, 56%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:0\:st, html.auto .sf-c-txt-turquoise\:0\:st { color: hsl(174, 72%, 0%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:5\:st, html.auto .sf-c-txt-turquoise\:5\:st { color: hsl(174, 72%, 5%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:10\:st, html.auto .sf-c-txt-turquoise\:10\:st { color: hsl(174, 72%, 10%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:15\:st, html.auto .sf-c-txt-turquoise\:15\:st { color: hsl(174, 72%, 15%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:20\:st, html.auto .sf-c-txt-turquoise\:20\:st { color: hsl(174, 72%, 20%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:25\:st, html.auto .sf-c-txt-turquoise\:25\:st { color: hsl(174, 72%, 25%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:30\:st, html.auto .sf-c-txt-turquoise\:30\:st { color: hsl(174, 72%, 30%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:35\:st, html.auto .sf-c-txt-turquoise\:35\:st { color: hsl(174, 72%, 35%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:40\:st, html.auto .sf-c-txt-turquoise\:40\:st { color: hsl(174, 72%, 40%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:45\:st, html.auto .sf-c-txt-turquoise\:45\:st { color: hsl(174, 72%, 45%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:50\:st, html.auto .sf-c-txt-turquoise\:50\:st { color: hsl(174, 72%, 50%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:55\:st, html.auto .sf-c-txt-turquoise\:55\:st { color: hsl(174, 72%, 55%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:60\:st, html.auto .sf-c-txt-turquoise\:60\:st { color: hsl(174, 72%, 60%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:65\:st, html.auto .sf-c-txt-turquoise\:65\:st { color: hsl(174, 72%, 65%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:70\:st, html.auto .sf-c-txt-turquoise\:70\:st { color: hsl(174, 72%, 70%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:75\:st, html.auto .sf-c-txt-turquoise\:75\:st { color: hsl(174, 72%, 75%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:80\:st, html.auto .sf-c-txt-turquoise\:80\:st { color: hsl(174, 72%, 80%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:85\:st, html.auto .sf-c-txt-turquoise\:85\:st { color: hsl(174, 72%, 85%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:90\:st, html.auto .sf-c-txt-turquoise\:90\:st { color: hsl(174, 72%, 90%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:95\:st, html.auto .sf-c-txt-turquoise\:95\:st { color: hsl(174, 72%, 95%) } - html[data-theme='auto'] .sf-c-txt-turquoise\:100\:st, html.auto .sf-c-txt-turquoise\:100\:st { color: hsl(174, 72%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/violet.css b/src/colors/20/violet.css deleted file mode 100644 index 1ed79fe..0000000 --- a/src/colors/20/violet.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-violet { - --sf-c-violet: 300 76% 72%; - --sf-c-violet-0: 300 76% 0%; - --sf-c-violet-5: 300 76% 5%; - --sf-c-violet-10: 300 76% 10%; - --sf-c-violet-15: 300 76% 15%; - --sf-c-violet-20: 300 76% 20%; - --sf-c-violet-25: 300 76% 25%; - --sf-c-violet-30: 300 76% 30%; - --sf-c-violet-35: 300 76% 35%; - --sf-c-violet-40: 300 76% 40%; - --sf-c-violet-45: 300 76% 45%; - --sf-c-violet-50: 300 76% 50%; - --sf-c-violet-55: 300 76% 55%; - --sf-c-violet-60: 300 76% 60%; - --sf-c-violet-65: 300 76% 65%; - --sf-c-violet-70: 300 76% 70%; - --sf-c-violet-75: 300 76% 75%; - --sf-c-violet-80: 300 76% 80%; - --sf-c-violet-85: 300 76% 85%; - --sf-c-violet-90: 300 76% 90%; - --sf-c-violet-95: 300 76% 95%; - --sf-c-violet-100: 300 76% 100%; -} - -.sf-c-violet, .sf-c-violet\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 72%) } -.sf-c-violet\:0, .sf-c-violet\:0\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } -.sf-c-violet\:5, .sf-c-violet\:5\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } -.sf-c-violet\:10, .sf-c-violet\:10\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } -.sf-c-violet\:15, .sf-c-violet\:15\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 15%) } -.sf-c-violet\:20, .sf-c-violet\:20\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 20%) } -.sf-c-violet\:25, .sf-c-violet\:25\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 25%) } -.sf-c-violet\:30, .sf-c-violet\:30\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 30%) } -.sf-c-violet\:35, .sf-c-violet\:35\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 35%) } -.sf-c-violet\:40, .sf-c-violet\:40\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 40%) } -.sf-c-violet\:45, .sf-c-violet\:45\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 45%) } -.sf-c-violet\:50, .sf-c-violet\:50\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 50%) } -.sf-c-violet\:55, .sf-c-violet\:55\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 55%) } -.sf-c-violet\:60, .sf-c-violet\:60\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 60%) } -.sf-c-violet\:65, .sf-c-violet\:65\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 65%) } -.sf-c-violet\:70, .sf-c-violet\:70\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 70%) } -.sf-c-violet\:75, .sf-c-violet\:75\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 75%) } -.sf-c-violet\:80, .sf-c-violet\:80\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 80%) } -.sf-c-violet\:85, .sf-c-violet\:85\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 85%) } -.sf-c-violet\:90, .sf-c-violet\:90\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 90%) } -.sf-c-violet\:95, .sf-c-violet\:95\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } -.sf-c-violet\:100, .sf-c-violet\:100\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } - -.sf-c-txt-violet { color: hsl(300, 76%, 10%) } -.sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } -.sf-c-txt-violet\:0, .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } -.sf-c-txt-violet\:5, .sf-c-txt-violet\:5\:st { color: hsl(300, 76%, 5%) } -.sf-c-txt-violet\:10, .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } -.sf-c-txt-violet\:15, .sf-c-txt-violet\:15\:st { color: hsl(300, 76%, 15%) } -.sf-c-txt-violet\:20, .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } -.sf-c-txt-violet\:25, .sf-c-txt-violet\:25\:st { color: hsl(300, 76%, 25%) } -.sf-c-txt-violet\:30, .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } -.sf-c-txt-violet\:35, .sf-c-txt-violet\:35\:st { color: hsl(300, 76%, 35%) } -.sf-c-txt-violet\:40, .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } -.sf-c-txt-violet\:45, .sf-c-txt-violet\:45\:st { color: hsl(300, 76%, 45%) } -.sf-c-txt-violet\:50, .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } -.sf-c-txt-violet\:55, .sf-c-txt-violet\:55\:st { color: hsl(300, 76%, 55%) } -.sf-c-txt-violet\:60, .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } -.sf-c-txt-violet\:65, .sf-c-txt-violet\:65\:st { color: hsl(300, 76%, 65%) } -.sf-c-txt-violet\:70, .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } -.sf-c-txt-violet\:75, .sf-c-txt-violet\:75\:st { color: hsl(300, 76%, 75%) } -.sf-c-txt-violet\:80, .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } -.sf-c-txt-violet\:85, .sf-c-txt-violet\:85\:st { color: hsl(300, 76%, 85%) } -.sf-c-txt-violet\:90, .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } -.sf-c-txt-violet\:95, .sf-c-txt-violet\:95\:st { color: hsl(300, 76%, 95%) } -.sf-c-txt-violet\:100, .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } - -html[data-theme='dark'] .sf-c-violet, html.dark .sf-c-violet { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 28%) } -html[data-theme='dark'] .sf-c-violet\:0, html.dark .sf-c-violet\:0 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } -html[data-theme='dark'] .sf-c-violet\:5, html.dark .sf-c-violet\:5 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } -html[data-theme='dark'] .sf-c-violet\:10, html.dark .sf-c-violet\:10 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-violet\:15, html.dark .sf-c-violet\:15 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 85%) } -html[data-theme='dark'] .sf-c-violet\:20, html.dark .sf-c-violet\:20 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-violet\:25, html.dark .sf-c-violet\:25 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 75%) } -html[data-theme='dark'] .sf-c-violet\:30, html.dark .sf-c-violet\:30 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-violet\:35, html.dark .sf-c-violet\:35 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 65%) } -html[data-theme='dark'] .sf-c-violet\:40, html.dark .sf-c-violet\:40 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-violet\:45, html.dark .sf-c-violet\:45 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 55%) } -html[data-theme='dark'] .sf-c-violet\:50, html.dark .sf-c-violet\:50 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-violet\:55, html.dark .sf-c-violet\:55 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 45%) } -html[data-theme='dark'] .sf-c-violet\:60, html.dark .sf-c-violet\:60 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-violet\:65, html.dark .sf-c-violet\:65 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 35%) } -html[data-theme='dark'] .sf-c-violet\:70, html.dark .sf-c-violet\:70 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-violet\:75, html.dark .sf-c-violet\:75 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 25%) } -html[data-theme='dark'] .sf-c-violet\:80, html.dark .sf-c-violet\:80 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-violet\:85, html.dark .sf-c-violet\:85 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 15%) } -html[data-theme='dark'] .sf-c-violet\:90, html.dark .sf-c-violet\:90 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-violet\:95, html.dark .sf-c-violet\:95 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } -html[data-theme='dark'] .sf-c-violet\:100, html.dark .sf-c-violet\:100 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } - -html[data-theme='dark'] .sf-c-violet\:st, html.dark .sf-c-violet\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-violet\:0\:st, html.dark .sf-c-violet\:0\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } -html[data-theme='dark'] .sf-c-violet\:5\:st, html.dark .sf-c-violet\:5\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } -html[data-theme='dark'] .sf-c-violet\:10\:st, html.dark .sf-c-violet\:10\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-violet\:15\:st, html.dark .sf-c-violet\:15\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 15%) } -html[data-theme='dark'] .sf-c-violet\:20\:st, html.dark .sf-c-violet\:20\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-violet\:25\:st, html.dark .sf-c-violet\:25\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 25%) } -html[data-theme='dark'] .sf-c-violet\:30\:st, html.dark .sf-c-violet\:30\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-violet\:35\:st, html.dark .sf-c-violet\:35\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 35%) } -html[data-theme='dark'] .sf-c-violet\:40\:st, html.dark .sf-c-violet\:40\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-violet\:45\:st, html.dark .sf-c-violet\:45\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 45%) } -html[data-theme='dark'] .sf-c-violet\:50\:st, html.dark .sf-c-violet\:50\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-violet\:55\:st, html.dark .sf-c-violet\:55\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 55%) } -html[data-theme='dark'] .sf-c-violet\:60\:st, html.dark .sf-c-violet\:60\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-violet\:65\:st, html.dark .sf-c-violet\:65\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 65%) } -html[data-theme='dark'] .sf-c-violet\:70\:st, html.dark .sf-c-violet\:70\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-violet\:75\:st, html.dark .sf-c-violet\:75\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 75%) } -html[data-theme='dark'] .sf-c-violet\:80\:st, html.dark .sf-c-violet\:80\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-violet\:85\:st, html.dark .sf-c-violet\:85\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 85%) } -html[data-theme='dark'] .sf-c-violet\:90\:st, html.dark .sf-c-violet\:90\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-violet\:95\:st, html.dark .sf-c-violet\:95\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } -html[data-theme='dark'] .sf-c-violet\:100\:st, html.dark .sf-c-violet\:100\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } - -html[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } -html[data-theme='dark'] .sf-c-txt-violet\:5, html.dark .sf-c-txt-violet\:5 { color: hsl(300, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-violet\:15, html.dark .sf-c-txt-violet\:15 { color: hsl(300, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-violet\:25, html.dark .sf-c-txt-violet\:25 { color: hsl(300, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-violet\:35, html.dark .sf-c-txt-violet\:35 { color: hsl(300, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-violet\:45, html.dark .sf-c-txt-violet\:45 { color: hsl(300, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-violet\:55, html.dark .sf-c-txt-violet\:55 { color: hsl(300, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-violet\:65, html.dark .sf-c-txt-violet\:65 { color: hsl(300, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-violet\:75, html.dark .sf-c-txt-violet\:75 { color: hsl(300, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-violet\:85, html.dark .sf-c-txt-violet\:85 { color: hsl(300, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-violet\:95, html.dark .sf-c-txt-violet\:95 { color: hsl(300, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } - -html[data-theme='dark'] .sf-c-txt-violet\:st, html.dark .sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } -html[data-theme='dark'] .sf-c-txt-violet\:0\:st, html.dark .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } -html[data-theme='dark'] .sf-c-txt-violet\:5\:st, html.dark .sf-c-txt-violet\:5\:st { color: hsl(300, 76%, 5%) } -html[data-theme='dark'] .sf-c-txt-violet\:10\:st, html.dark .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } -html[data-theme='dark'] .sf-c-txt-violet\:15\:st, html.dark .sf-c-txt-violet\:15\:st { color: hsl(300, 76%, 15%) } -html[data-theme='dark'] .sf-c-txt-violet\:20\:st, html.dark .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } -html[data-theme='dark'] .sf-c-txt-violet\:25\:st, html.dark .sf-c-txt-violet\:25\:st { color: hsl(300, 76%, 25%) } -html[data-theme='dark'] .sf-c-txt-violet\:30\:st, html.dark .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } -html[data-theme='dark'] .sf-c-txt-violet\:35\:st, html.dark .sf-c-txt-violet\:35\:st { color: hsl(300, 76%, 35%) } -html[data-theme='dark'] .sf-c-txt-violet\:40\:st, html.dark .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } -html[data-theme='dark'] .sf-c-txt-violet\:45\:st, html.dark .sf-c-txt-violet\:45\:st { color: hsl(300, 76%, 45%) } -html[data-theme='dark'] .sf-c-txt-violet\:50\:st, html.dark .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } -html[data-theme='dark'] .sf-c-txt-violet\:55\:st, html.dark .sf-c-txt-violet\:55\:st { color: hsl(300, 76%, 55%) } -html[data-theme='dark'] .sf-c-txt-violet\:60\:st, html.dark .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } -html[data-theme='dark'] .sf-c-txt-violet\:65\:st, html.dark .sf-c-txt-violet\:65\:st { color: hsl(300, 76%, 65%) } -html[data-theme='dark'] .sf-c-txt-violet\:70\:st, html.dark .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } -html[data-theme='dark'] .sf-c-txt-violet\:75\:st, html.dark .sf-c-txt-violet\:75\:st { color: hsl(300, 76%, 75%) } -html[data-theme='dark'] .sf-c-txt-violet\:80\:st, html.dark .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } -html[data-theme='dark'] .sf-c-txt-violet\:85\:st, html.dark .sf-c-txt-violet\:85\:st { color: hsl(300, 76%, 85%) } -html[data-theme='dark'] .sf-c-txt-violet\:90\:st, html.dark .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } -html[data-theme='dark'] .sf-c-txt-violet\:95\:st, html.dark .sf-c-txt-violet\:95\:st { color: hsl(300, 76%, 95%) } -html[data-theme='dark'] .sf-c-txt-violet\:100\:st, html.dark .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-violet, html.auto .sf-c-violet { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 28%) } - html[data-theme='auto'] .sf-c-violet\:0, html.auto .sf-c-violet\:0 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } - html[data-theme='auto'] .sf-c-violet\:5, html.auto .sf-c-violet\:5 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } - html[data-theme='auto'] .sf-c-violet\:10, html.auto .sf-c-violet\:10 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-violet\:15, html.auto .sf-c-violet\:15 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 85%) } - html[data-theme='auto'] .sf-c-violet\:20, html.auto .sf-c-violet\:20 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-violet\:25, html.auto .sf-c-violet\:25 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 75%) } - html[data-theme='auto'] .sf-c-violet\:30, html.auto .sf-c-violet\:30 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-violet\:35, html.auto .sf-c-violet\:35 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 65%) } - html[data-theme='auto'] .sf-c-violet\:40, html.auto .sf-c-violet\:40 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-violet\:45, html.auto .sf-c-violet\:45 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 55%) } - html[data-theme='auto'] .sf-c-violet\:50, html.auto .sf-c-violet\:50 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-violet\:55, html.auto .sf-c-violet\:55 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 45%) } - html[data-theme='auto'] .sf-c-violet\:60, html.auto .sf-c-violet\:60 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-violet\:65, html.auto .sf-c-violet\:65 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 35%) } - html[data-theme='auto'] .sf-c-violet\:70, html.auto .sf-c-violet\:70 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-violet\:75, html.auto .sf-c-violet\:75 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 25%) } - html[data-theme='auto'] .sf-c-violet\:80, html.auto .sf-c-violet\:80 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-violet\:85, html.auto .sf-c-violet\:85 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 15%) } - html[data-theme='auto'] .sf-c-violet\:90, html.auto .sf-c-violet\:90 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-violet\:95, html.auto .sf-c-violet\:95 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } - html[data-theme='auto'] .sf-c-violet\:100, html.auto .sf-c-violet\:100 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } - - html[data-theme='auto'] .sf-c-violet\:st, html.auto .sf-c-violet\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-violet\:0\:st, html.auto .sf-c-violet\:0\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } - html[data-theme='auto'] .sf-c-violet\:5\:st, html.auto .sf-c-violet\:5\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } - html[data-theme='auto'] .sf-c-violet\:10\:st, html.auto .sf-c-violet\:10\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-violet\:15\:st, html.auto .sf-c-violet\:15\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 15%) } - html[data-theme='auto'] .sf-c-violet\:20\:st, html.auto .sf-c-violet\:20\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-violet\:25\:st, html.auto .sf-c-violet\:25\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 25%) } - html[data-theme='auto'] .sf-c-violet\:30\:st, html.auto .sf-c-violet\:30\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-violet\:35\:st, html.auto .sf-c-violet\:35\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 35%) } - html[data-theme='auto'] .sf-c-violet\:40\:st, html.auto .sf-c-violet\:40\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-violet\:45\:st, html.auto .sf-c-violet\:45\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 45%) } - html[data-theme='auto'] .sf-c-violet\:50\:st, html.auto .sf-c-violet\:50\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-violet\:55\:st, html.auto .sf-c-violet\:55\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 55%) } - html[data-theme='auto'] .sf-c-violet\:60\:st, html.auto .sf-c-violet\:60\:st { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-violet\:65\:st, html.auto .sf-c-violet\:65\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 65%) } - html[data-theme='auto'] .sf-c-violet\:70\:st, html.auto .sf-c-violet\:70\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-violet\:75\:st, html.auto .sf-c-violet\:75\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 75%) } - html[data-theme='auto'] .sf-c-violet\:80\:st, html.auto .sf-c-violet\:80\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-violet\:85\:st, html.auto .sf-c-violet\:85\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 85%) } - html[data-theme='auto'] .sf-c-violet\:90\:st, html.auto .sf-c-violet\:90\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-violet\:95\:st, html.auto .sf-c-violet\:95\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } - html[data-theme='auto'] .sf-c-violet\:100\:st, html.auto .sf-c-violet\:100\:st { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } - - html[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } - html[data-theme='auto'] .sf-c-txt-violet\:5, html.auto .sf-c-txt-violet\:5 { color: hsl(300, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-violet\:15, html.auto .sf-c-txt-violet\:15 { color: hsl(300, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-violet\:25, html.auto .sf-c-txt-violet\:25 { color: hsl(300, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-violet\:35, html.auto .sf-c-txt-violet\:35 { color: hsl(300, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-violet\:45, html.auto .sf-c-txt-violet\:45 { color: hsl(300, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-violet\:55, html.auto .sf-c-txt-violet\:55 { color: hsl(300, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-violet\:65, html.auto .sf-c-txt-violet\:65 { color: hsl(300, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-violet\:75, html.auto .sf-c-txt-violet\:75 { color: hsl(300, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-violet\:85, html.auto .sf-c-txt-violet\:85 { color: hsl(300, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-violet\:95, html.auto .sf-c-txt-violet\:95 { color: hsl(300, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } - - html[data-theme='auto'] .sf-c-txt-violet\:st, html.auto .sf-c-txt-violet\:st { color: hsl(300, 76%, 72%) } - html[data-theme='auto'] .sf-c-txt-violet\:0\:st, html.auto .sf-c-txt-violet\:0\:st { color: hsl(300, 76%, 0%) } - html[data-theme='auto'] .sf-c-txt-violet\:5\:st, html.auto .sf-c-txt-violet\:5\:st { color: hsl(300, 76%, 5%) } - html[data-theme='auto'] .sf-c-txt-violet\:10\:st, html.auto .sf-c-txt-violet\:10\:st { color: hsl(300, 76%, 10%) } - html[data-theme='auto'] .sf-c-txt-violet\:15\:st, html.auto .sf-c-txt-violet\:15\:st { color: hsl(300, 76%, 15%) } - html[data-theme='auto'] .sf-c-txt-violet\:20\:st, html.auto .sf-c-txt-violet\:20\:st { color: hsl(300, 76%, 20%) } - html[data-theme='auto'] .sf-c-txt-violet\:25\:st, html.auto .sf-c-txt-violet\:25\:st { color: hsl(300, 76%, 25%) } - html[data-theme='auto'] .sf-c-txt-violet\:30\:st, html.auto .sf-c-txt-violet\:30\:st { color: hsl(300, 76%, 30%) } - html[data-theme='auto'] .sf-c-txt-violet\:35\:st, html.auto .sf-c-txt-violet\:35\:st { color: hsl(300, 76%, 35%) } - html[data-theme='auto'] .sf-c-txt-violet\:40\:st, html.auto .sf-c-txt-violet\:40\:st { color: hsl(300, 76%, 40%) } - html[data-theme='auto'] .sf-c-txt-violet\:45\:st, html.auto .sf-c-txt-violet\:45\:st { color: hsl(300, 76%, 45%) } - html[data-theme='auto'] .sf-c-txt-violet\:50\:st, html.auto .sf-c-txt-violet\:50\:st { color: hsl(300, 76%, 50%) } - html[data-theme='auto'] .sf-c-txt-violet\:55\:st, html.auto .sf-c-txt-violet\:55\:st { color: hsl(300, 76%, 55%) } - html[data-theme='auto'] .sf-c-txt-violet\:60\:st, html.auto .sf-c-txt-violet\:60\:st { color: hsl(300, 76%, 60%) } - html[data-theme='auto'] .sf-c-txt-violet\:65\:st, html.auto .sf-c-txt-violet\:65\:st { color: hsl(300, 76%, 65%) } - html[data-theme='auto'] .sf-c-txt-violet\:70\:st, html.auto .sf-c-txt-violet\:70\:st { color: hsl(300, 76%, 70%) } - html[data-theme='auto'] .sf-c-txt-violet\:75\:st, html.auto .sf-c-txt-violet\:75\:st { color: hsl(300, 76%, 75%) } - html[data-theme='auto'] .sf-c-txt-violet\:80\:st, html.auto .sf-c-txt-violet\:80\:st { color: hsl(300, 76%, 80%) } - html[data-theme='auto'] .sf-c-txt-violet\:85\:st, html.auto .sf-c-txt-violet\:85\:st { color: hsl(300, 76%, 85%) } - html[data-theme='auto'] .sf-c-txt-violet\:90\:st, html.auto .sf-c-txt-violet\:90\:st { color: hsl(300, 76%, 90%) } - html[data-theme='auto'] .sf-c-txt-violet\:95\:st, html.auto .sf-c-txt-violet\:95\:st { color: hsl(300, 76%, 95%) } - html[data-theme='auto'] .sf-c-txt-violet\:100\:st, html.auto .sf-c-txt-violet\:100\:st { color: hsl(300, 76%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/wheat.css b/src/colors/20/wheat.css deleted file mode 100644 index 522277c..0000000 --- a/src/colors/20/wheat.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-wheat { - --sf-c-wheat: 39 77% 83%; - --sf-c-wheat-0: 39 77% 0%; - --sf-c-wheat-5: 39 77% 5%; - --sf-c-wheat-10: 39 77% 10%; - --sf-c-wheat-15: 39 77% 15%; - --sf-c-wheat-20: 39 77% 20%; - --sf-c-wheat-25: 39 77% 25%; - --sf-c-wheat-30: 39 77% 30%; - --sf-c-wheat-35: 39 77% 35%; - --sf-c-wheat-40: 39 77% 40%; - --sf-c-wheat-45: 39 77% 45%; - --sf-c-wheat-50: 39 77% 50%; - --sf-c-wheat-55: 39 77% 55%; - --sf-c-wheat-60: 39 77% 60%; - --sf-c-wheat-65: 39 77% 65%; - --sf-c-wheat-70: 39 77% 70%; - --sf-c-wheat-75: 39 77% 75%; - --sf-c-wheat-80: 39 77% 80%; - --sf-c-wheat-85: 39 77% 85%; - --sf-c-wheat-90: 39 77% 90%; - --sf-c-wheat-95: 39 77% 95%; - --sf-c-wheat-100: 39 77% 100%; -} - -.sf-c-wheat, .sf-c-wheat\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 83%) } -.sf-c-wheat\:0, .sf-c-wheat\:0\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } -.sf-c-wheat\:5, .sf-c-wheat\:5\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } -.sf-c-wheat\:10, .sf-c-wheat\:10\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } -.sf-c-wheat\:15, .sf-c-wheat\:15\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 15%) } -.sf-c-wheat\:20, .sf-c-wheat\:20\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 20%) } -.sf-c-wheat\:25, .sf-c-wheat\:25\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 25%) } -.sf-c-wheat\:30, .sf-c-wheat\:30\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 30%) } -.sf-c-wheat\:35, .sf-c-wheat\:35\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 35%) } -.sf-c-wheat\:40, .sf-c-wheat\:40\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 40%) } -.sf-c-wheat\:45, .sf-c-wheat\:45\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 45%) } -.sf-c-wheat\:50, .sf-c-wheat\:50\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 50%) } -.sf-c-wheat\:55, .sf-c-wheat\:55\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 55%) } -.sf-c-wheat\:60, .sf-c-wheat\:60\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 60%) } -.sf-c-wheat\:65, .sf-c-wheat\:65\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 65%) } -.sf-c-wheat\:70, .sf-c-wheat\:70\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 70%) } -.sf-c-wheat\:75, .sf-c-wheat\:75\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 75%) } -.sf-c-wheat\:80, .sf-c-wheat\:80\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 80%) } -.sf-c-wheat\:85, .sf-c-wheat\:85\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 85%) } -.sf-c-wheat\:90, .sf-c-wheat\:90\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90%) } -.sf-c-wheat\:95, .sf-c-wheat\:95\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } -.sf-c-wheat\:100, .sf-c-wheat\:100\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } - -.sf-c-txt-wheat { color: hsl(39, 77%, 10%) } -.sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } -.sf-c-txt-wheat\:0, .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } -.sf-c-txt-wheat\:5, .sf-c-txt-wheat\:5\:st { color: hsl(39, 77%, 5%) } -.sf-c-txt-wheat\:10, .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } -.sf-c-txt-wheat\:15, .sf-c-txt-wheat\:15\:st { color: hsl(39, 77%, 15%) } -.sf-c-txt-wheat\:20, .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } -.sf-c-txt-wheat\:25, .sf-c-txt-wheat\:25\:st { color: hsl(39, 77%, 25%) } -.sf-c-txt-wheat\:30, .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } -.sf-c-txt-wheat\:35, .sf-c-txt-wheat\:35\:st { color: hsl(39, 77%, 35%) } -.sf-c-txt-wheat\:40, .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } -.sf-c-txt-wheat\:45, .sf-c-txt-wheat\:45\:st { color: hsl(39, 77%, 45%) } -.sf-c-txt-wheat\:50, .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } -.sf-c-txt-wheat\:55, .sf-c-txt-wheat\:55\:st { color: hsl(39, 77%, 55%) } -.sf-c-txt-wheat\:60, .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } -.sf-c-txt-wheat\:65, .sf-c-txt-wheat\:65\:st { color: hsl(39, 77%, 65%) } -.sf-c-txt-wheat\:70, .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } -.sf-c-txt-wheat\:75, .sf-c-txt-wheat\:75\:st { color: hsl(39, 77%, 75%) } -.sf-c-txt-wheat\:80, .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } -.sf-c-txt-wheat\:85, .sf-c-txt-wheat\:85\:st { color: hsl(39, 77%, 85%) } -.sf-c-txt-wheat\:90, .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } -.sf-c-txt-wheat\:95, .sf-c-txt-wheat\:95\:st { color: hsl(39, 77%, 95%) } -.sf-c-txt-wheat\:100, .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } - -html[data-theme='dark'] .sf-c-wheat, html.dark .sf-c-wheat { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 17%) } -html[data-theme='dark'] .sf-c-wheat\:0, html.dark .sf-c-wheat\:0 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } -html[data-theme='dark'] .sf-c-wheat\:5, html.dark .sf-c-wheat\:5 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } -html[data-theme='dark'] .sf-c-wheat\:10, html.dark .sf-c-wheat\:10 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-wheat\:15, html.dark .sf-c-wheat\:15 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 85%) } -html[data-theme='dark'] .sf-c-wheat\:20, html.dark .sf-c-wheat\:20 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-wheat\:25, html.dark .sf-c-wheat\:25 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 75%) } -html[data-theme='dark'] .sf-c-wheat\:30, html.dark .sf-c-wheat\:30 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-wheat\:35, html.dark .sf-c-wheat\:35 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 65%) } -html[data-theme='dark'] .sf-c-wheat\:40, html.dark .sf-c-wheat\:40 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-wheat\:45, html.dark .sf-c-wheat\:45 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 55%) } -html[data-theme='dark'] .sf-c-wheat\:50, html.dark .sf-c-wheat\:50 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-wheat\:55, html.dark .sf-c-wheat\:55 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 45%) } -html[data-theme='dark'] .sf-c-wheat\:60, html.dark .sf-c-wheat\:60 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-wheat\:65, html.dark .sf-c-wheat\:65 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 35%) } -html[data-theme='dark'] .sf-c-wheat\:70, html.dark .sf-c-wheat\:70 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-wheat\:75, html.dark .sf-c-wheat\:75 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 25%) } -html[data-theme='dark'] .sf-c-wheat\:80, html.dark .sf-c-wheat\:80 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-wheat\:85, html.dark .sf-c-wheat\:85 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 15%) } -html[data-theme='dark'] .sf-c-wheat\:90, html.dark .sf-c-wheat\:90 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-wheat\:95, html.dark .sf-c-wheat\:95 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } -html[data-theme='dark'] .sf-c-wheat\:100, html.dark .sf-c-wheat\:100 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } - -html[data-theme='dark'] .sf-c-wheat\:st, html.dark .sf-c-wheat\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-wheat\:0\:st, html.dark .sf-c-wheat\:0\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } -html[data-theme='dark'] .sf-c-wheat\:5\:st, html.dark .sf-c-wheat\:5\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } -html[data-theme='dark'] .sf-c-wheat\:10\:st, html.dark .sf-c-wheat\:10\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-wheat\:15\:st, html.dark .sf-c-wheat\:15\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 15%) } -html[data-theme='dark'] .sf-c-wheat\:20\:st, html.dark .sf-c-wheat\:20\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-wheat\:25\:st, html.dark .sf-c-wheat\:25\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 25%) } -html[data-theme='dark'] .sf-c-wheat\:30\:st, html.dark .sf-c-wheat\:30\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-wheat\:35\:st, html.dark .sf-c-wheat\:35\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 35%) } -html[data-theme='dark'] .sf-c-wheat\:40\:st, html.dark .sf-c-wheat\:40\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-wheat\:45\:st, html.dark .sf-c-wheat\:45\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 45%) } -html[data-theme='dark'] .sf-c-wheat\:50\:st, html.dark .sf-c-wheat\:50\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-wheat\:55\:st, html.dark .sf-c-wheat\:55\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 55%) } -html[data-theme='dark'] .sf-c-wheat\:60\:st, html.dark .sf-c-wheat\:60\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-wheat\:65\:st, html.dark .sf-c-wheat\:65\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 65%) } -html[data-theme='dark'] .sf-c-wheat\:70\:st, html.dark .sf-c-wheat\:70\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-wheat\:75\:st, html.dark .sf-c-wheat\:75\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 75%) } -html[data-theme='dark'] .sf-c-wheat\:80\:st, html.dark .sf-c-wheat\:80\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-wheat\:85\:st, html.dark .sf-c-wheat\:85\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 85%) } -html[data-theme='dark'] .sf-c-wheat\:90\:st, html.dark .sf-c-wheat\:90\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-wheat\:95\:st, html.dark .sf-c-wheat\:95\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } -html[data-theme='dark'] .sf-c-wheat\:100\:st, html.dark .sf-c-wheat\:100\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } - -html[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } -html[data-theme='dark'] .sf-c-txt-wheat\:5, html.dark .sf-c-txt-wheat\:5 { color: hsl(39, 77%, 95%) } -html[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-wheat\:15, html.dark .sf-c-txt-wheat\:15 { color: hsl(39, 77%, 85%) } -html[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-wheat\:25, html.dark .sf-c-txt-wheat\:25 { color: hsl(39, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-wheat\:35, html.dark .sf-c-txt-wheat\:35 { color: hsl(39, 77%, 65%) } -html[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-wheat\:45, html.dark .sf-c-txt-wheat\:45 { color: hsl(39, 77%, 55%) } -html[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-wheat\:55, html.dark .sf-c-txt-wheat\:55 { color: hsl(39, 77%, 45%) } -html[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-wheat\:65, html.dark .sf-c-txt-wheat\:65 { color: hsl(39, 77%, 35%) } -html[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-wheat\:75, html.dark .sf-c-txt-wheat\:75 { color: hsl(39, 77%, 25%) } -html[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-wheat\:85, html.dark .sf-c-txt-wheat\:85 { color: hsl(39, 77%, 15%) } -html[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-wheat\:95, html.dark .sf-c-txt-wheat\:95 { color: hsl(39, 77%, 5%) } -html[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } - -html[data-theme='dark'] .sf-c-txt-wheat\:st, html.dark .sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } -html[data-theme='dark'] .sf-c-txt-wheat\:0\:st, html.dark .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } -html[data-theme='dark'] .sf-c-txt-wheat\:5\:st, html.dark .sf-c-txt-wheat\:5\:st { color: hsl(39, 77%, 5%) } -html[data-theme='dark'] .sf-c-txt-wheat\:10\:st, html.dark .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } -html[data-theme='dark'] .sf-c-txt-wheat\:15\:st, html.dark .sf-c-txt-wheat\:15\:st { color: hsl(39, 77%, 15%) } -html[data-theme='dark'] .sf-c-txt-wheat\:20\:st, html.dark .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } -html[data-theme='dark'] .sf-c-txt-wheat\:25\:st, html.dark .sf-c-txt-wheat\:25\:st { color: hsl(39, 77%, 25%) } -html[data-theme='dark'] .sf-c-txt-wheat\:30\:st, html.dark .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } -html[data-theme='dark'] .sf-c-txt-wheat\:35\:st, html.dark .sf-c-txt-wheat\:35\:st { color: hsl(39, 77%, 35%) } -html[data-theme='dark'] .sf-c-txt-wheat\:40\:st, html.dark .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } -html[data-theme='dark'] .sf-c-txt-wheat\:45\:st, html.dark .sf-c-txt-wheat\:45\:st { color: hsl(39, 77%, 45%) } -html[data-theme='dark'] .sf-c-txt-wheat\:50\:st, html.dark .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } -html[data-theme='dark'] .sf-c-txt-wheat\:55\:st, html.dark .sf-c-txt-wheat\:55\:st { color: hsl(39, 77%, 55%) } -html[data-theme='dark'] .sf-c-txt-wheat\:60\:st, html.dark .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } -html[data-theme='dark'] .sf-c-txt-wheat\:65\:st, html.dark .sf-c-txt-wheat\:65\:st { color: hsl(39, 77%, 65%) } -html[data-theme='dark'] .sf-c-txt-wheat\:70\:st, html.dark .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } -html[data-theme='dark'] .sf-c-txt-wheat\:75\:st, html.dark .sf-c-txt-wheat\:75\:st { color: hsl(39, 77%, 75%) } -html[data-theme='dark'] .sf-c-txt-wheat\:80\:st, html.dark .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } -html[data-theme='dark'] .sf-c-txt-wheat\:85\:st, html.dark .sf-c-txt-wheat\:85\:st { color: hsl(39, 77%, 85%) } -html[data-theme='dark'] .sf-c-txt-wheat\:90\:st, html.dark .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } -html[data-theme='dark'] .sf-c-txt-wheat\:95\:st, html.dark .sf-c-txt-wheat\:95\:st { color: hsl(39, 77%, 95%) } -html[data-theme='dark'] .sf-c-txt-wheat\:100\:st, html.dark .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-wheat, html.auto .sf-c-wheat { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 17%) } - html[data-theme='auto'] .sf-c-wheat\:0, html.auto .sf-c-wheat\:0 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } - html[data-theme='auto'] .sf-c-wheat\:5, html.auto .sf-c-wheat\:5 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } - html[data-theme='auto'] .sf-c-wheat\:10, html.auto .sf-c-wheat\:10 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-wheat\:15, html.auto .sf-c-wheat\:15 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 85%) } - html[data-theme='auto'] .sf-c-wheat\:20, html.auto .sf-c-wheat\:20 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-wheat\:25, html.auto .sf-c-wheat\:25 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 75%) } - html[data-theme='auto'] .sf-c-wheat\:30, html.auto .sf-c-wheat\:30 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-wheat\:35, html.auto .sf-c-wheat\:35 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 65%) } - html[data-theme='auto'] .sf-c-wheat\:40, html.auto .sf-c-wheat\:40 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-wheat\:45, html.auto .sf-c-wheat\:45 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 55%) } - html[data-theme='auto'] .sf-c-wheat\:50, html.auto .sf-c-wheat\:50 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-wheat\:55, html.auto .sf-c-wheat\:55 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 45%) } - html[data-theme='auto'] .sf-c-wheat\:60, html.auto .sf-c-wheat\:60 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-wheat\:65, html.auto .sf-c-wheat\:65 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 35%) } - html[data-theme='auto'] .sf-c-wheat\:70, html.auto .sf-c-wheat\:70 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-wheat\:75, html.auto .sf-c-wheat\:75 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 25%) } - html[data-theme='auto'] .sf-c-wheat\:80, html.auto .sf-c-wheat\:80 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-wheat\:85, html.auto .sf-c-wheat\:85 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 15%) } - html[data-theme='auto'] .sf-c-wheat\:90, html.auto .sf-c-wheat\:90 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-wheat\:95, html.auto .sf-c-wheat\:95 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } - html[data-theme='auto'] .sf-c-wheat\:100, html.auto .sf-c-wheat\:100 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } - - html[data-theme='auto'] .sf-c-wheat\:st, html.auto .sf-c-wheat\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-wheat\:0\:st, html.auto .sf-c-wheat\:0\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } - html[data-theme='auto'] .sf-c-wheat\:5\:st, html.auto .sf-c-wheat\:5\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } - html[data-theme='auto'] .sf-c-wheat\:10\:st, html.auto .sf-c-wheat\:10\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-wheat\:15\:st, html.auto .sf-c-wheat\:15\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 15%) } - html[data-theme='auto'] .sf-c-wheat\:20\:st, html.auto .sf-c-wheat\:20\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-wheat\:25\:st, html.auto .sf-c-wheat\:25\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 25%) } - html[data-theme='auto'] .sf-c-wheat\:30\:st, html.auto .sf-c-wheat\:30\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-wheat\:35\:st, html.auto .sf-c-wheat\:35\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 35%) } - html[data-theme='auto'] .sf-c-wheat\:40\:st, html.auto .sf-c-wheat\:40\:st { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-wheat\:45\:st, html.auto .sf-c-wheat\:45\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 45%) } - html[data-theme='auto'] .sf-c-wheat\:50\:st, html.auto .sf-c-wheat\:50\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-wheat\:55\:st, html.auto .sf-c-wheat\:55\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 55%) } - html[data-theme='auto'] .sf-c-wheat\:60\:st, html.auto .sf-c-wheat\:60\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-wheat\:65\:st, html.auto .sf-c-wheat\:65\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 65%) } - html[data-theme='auto'] .sf-c-wheat\:70\:st, html.auto .sf-c-wheat\:70\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-wheat\:75\:st, html.auto .sf-c-wheat\:75\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 75%) } - html[data-theme='auto'] .sf-c-wheat\:80\:st, html.auto .sf-c-wheat\:80\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-wheat\:85\:st, html.auto .sf-c-wheat\:85\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 85%) } - html[data-theme='auto'] .sf-c-wheat\:90\:st, html.auto .sf-c-wheat\:90\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-wheat\:95\:st, html.auto .sf-c-wheat\:95\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } - html[data-theme='auto'] .sf-c-wheat\:100\:st, html.auto .sf-c-wheat\:100\:st { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } - - html[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } - html[data-theme='auto'] .sf-c-txt-wheat\:5, html.auto .sf-c-txt-wheat\:5 { color: hsl(39, 77%, 95%) } - html[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-wheat\:15, html.auto .sf-c-txt-wheat\:15 { color: hsl(39, 77%, 85%) } - html[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-wheat\:25, html.auto .sf-c-txt-wheat\:25 { color: hsl(39, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-wheat\:35, html.auto .sf-c-txt-wheat\:35 { color: hsl(39, 77%, 65%) } - html[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-wheat\:45, html.auto .sf-c-txt-wheat\:45 { color: hsl(39, 77%, 55%) } - html[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-wheat\:55, html.auto .sf-c-txt-wheat\:55 { color: hsl(39, 77%, 45%) } - html[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-wheat\:65, html.auto .sf-c-txt-wheat\:65 { color: hsl(39, 77%, 35%) } - html[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-wheat\:75, html.auto .sf-c-txt-wheat\:75 { color: hsl(39, 77%, 25%) } - html[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-wheat\:85, html.auto .sf-c-txt-wheat\:85 { color: hsl(39, 77%, 15%) } - html[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-wheat\:95, html.auto .sf-c-txt-wheat\:95 { color: hsl(39, 77%, 5%) } - html[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } - - html[data-theme='auto'] .sf-c-txt-wheat\:st, html.auto .sf-c-txt-wheat\:st { color: hsl(39, 77%, 83%) } - html[data-theme='auto'] .sf-c-txt-wheat\:0\:st, html.auto .sf-c-txt-wheat\:0\:st { color: hsl(39, 77%, 0%) } - html[data-theme='auto'] .sf-c-txt-wheat\:5\:st, html.auto .sf-c-txt-wheat\:5\:st { color: hsl(39, 77%, 5%) } - html[data-theme='auto'] .sf-c-txt-wheat\:10\:st, html.auto .sf-c-txt-wheat\:10\:st { color: hsl(39, 77%, 10%) } - html[data-theme='auto'] .sf-c-txt-wheat\:15\:st, html.auto .sf-c-txt-wheat\:15\:st { color: hsl(39, 77%, 15%) } - html[data-theme='auto'] .sf-c-txt-wheat\:20\:st, html.auto .sf-c-txt-wheat\:20\:st { color: hsl(39, 77%, 20%) } - html[data-theme='auto'] .sf-c-txt-wheat\:25\:st, html.auto .sf-c-txt-wheat\:25\:st { color: hsl(39, 77%, 25%) } - html[data-theme='auto'] .sf-c-txt-wheat\:30\:st, html.auto .sf-c-txt-wheat\:30\:st { color: hsl(39, 77%, 30%) } - html[data-theme='auto'] .sf-c-txt-wheat\:35\:st, html.auto .sf-c-txt-wheat\:35\:st { color: hsl(39, 77%, 35%) } - html[data-theme='auto'] .sf-c-txt-wheat\:40\:st, html.auto .sf-c-txt-wheat\:40\:st { color: hsl(39, 77%, 40%) } - html[data-theme='auto'] .sf-c-txt-wheat\:45\:st, html.auto .sf-c-txt-wheat\:45\:st { color: hsl(39, 77%, 45%) } - html[data-theme='auto'] .sf-c-txt-wheat\:50\:st, html.auto .sf-c-txt-wheat\:50\:st { color: hsl(39, 77%, 50%) } - html[data-theme='auto'] .sf-c-txt-wheat\:55\:st, html.auto .sf-c-txt-wheat\:55\:st { color: hsl(39, 77%, 55%) } - html[data-theme='auto'] .sf-c-txt-wheat\:60\:st, html.auto .sf-c-txt-wheat\:60\:st { color: hsl(39, 77%, 60%) } - html[data-theme='auto'] .sf-c-txt-wheat\:65\:st, html.auto .sf-c-txt-wheat\:65\:st { color: hsl(39, 77%, 65%) } - html[data-theme='auto'] .sf-c-txt-wheat\:70\:st, html.auto .sf-c-txt-wheat\:70\:st { color: hsl(39, 77%, 70%) } - html[data-theme='auto'] .sf-c-txt-wheat\:75\:st, html.auto .sf-c-txt-wheat\:75\:st { color: hsl(39, 77%, 75%) } - html[data-theme='auto'] .sf-c-txt-wheat\:80\:st, html.auto .sf-c-txt-wheat\:80\:st { color: hsl(39, 77%, 80%) } - html[data-theme='auto'] .sf-c-txt-wheat\:85\:st, html.auto .sf-c-txt-wheat\:85\:st { color: hsl(39, 77%, 85%) } - html[data-theme='auto'] .sf-c-txt-wheat\:90\:st, html.auto .sf-c-txt-wheat\:90\:st { color: hsl(39, 77%, 90%) } - html[data-theme='auto'] .sf-c-txt-wheat\:95\:st, html.auto .sf-c-txt-wheat\:95\:st { color: hsl(39, 77%, 95%) } - html[data-theme='auto'] .sf-c-txt-wheat\:100\:st, html.auto .sf-c-txt-wheat\:100\:st { color: hsl(39, 77%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/white.css b/src/colors/20/white.css deleted file mode 100644 index 918e100..0000000 --- a/src/colors/20/white.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-white { - --sf-c-white: 0 0% 100%; - --sf-c-white-0: 0 0% 0%; - --sf-c-white-5: 0 0% 5%; - --sf-c-white-10: 0 0% 10%; - --sf-c-white-15: 0 0% 15%; - --sf-c-white-20: 0 0% 20%; - --sf-c-white-25: 0 0% 25%; - --sf-c-white-30: 0 0% 30%; - --sf-c-white-35: 0 0% 35%; - --sf-c-white-40: 0 0% 40%; - --sf-c-white-45: 0 0% 45%; - --sf-c-white-50: 0 0% 50%; - --sf-c-white-55: 0 0% 55%; - --sf-c-white-60: 0 0% 60%; - --sf-c-white-65: 0 0% 65%; - --sf-c-white-70: 0 0% 70%; - --sf-c-white-75: 0 0% 75%; - --sf-c-white-80: 0 0% 80%; - --sf-c-white-85: 0 0% 85%; - --sf-c-white-90: 0 0% 90%; - --sf-c-white-95: 0 0% 95%; - --sf-c-white-100: 0 0% 100%; -} - -.sf-c-white, .sf-c-white\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -.sf-c-white\:0, .sf-c-white\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-white\:5, .sf-c-white\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-white\:10, .sf-c-white\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-white\:15, .sf-c-white\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-white\:20, .sf-c-white\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-white\:25, .sf-c-white\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-white\:30, .sf-c-white\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-white\:35, .sf-c-white\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-white\:40, .sf-c-white\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-white\:45, .sf-c-white\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-white\:50, .sf-c-white\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-white\:55, .sf-c-white\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-white\:60, .sf-c-white\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-white\:65, .sf-c-white\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-white\:70, .sf-c-white\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-white\:75, .sf-c-white\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-white\:80, .sf-c-white\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-white\:85, .sf-c-white\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-white\:90, .sf-c-white\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-white\:95, .sf-c-white\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-white\:100, .sf-c-white\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-white { color: hsl(0, 0%, 10%) } -.sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } -.sf-c-txt-white\:0, .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-white\:5, .sf-c-txt-white\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-white\:10, .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-white\:15, .sf-c-txt-white\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-white\:20, .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-white\:25, .sf-c-txt-white\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-white\:30, .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-white\:35, .sf-c-txt-white\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-white\:40, .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-white\:45, .sf-c-txt-white\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-white\:50, .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-white\:55, .sf-c-txt-white\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-white\:60, .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-white\:65, .sf-c-txt-white\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-white\:70, .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-white\:75, .sf-c-txt-white\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-white\:80, .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-white\:85, .sf-c-txt-white\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-white\:90, .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-white\:95, .sf-c-txt-white\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-white\:100, .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-white, html.dark .sf-c-white { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-white\:0, html.dark .sf-c-white\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-white\:5, html.dark .sf-c-white\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-white\:10, html.dark .sf-c-white\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-white\:15, html.dark .sf-c-white\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-white\:20, html.dark .sf-c-white\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-white\:25, html.dark .sf-c-white\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-white\:30, html.dark .sf-c-white\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-white\:35, html.dark .sf-c-white\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-white\:40, html.dark .sf-c-white\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-white\:45, html.dark .sf-c-white\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-white\:50, html.dark .sf-c-white\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-white\:55, html.dark .sf-c-white\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-white\:60, html.dark .sf-c-white\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-white\:65, html.dark .sf-c-white\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-white\:70, html.dark .sf-c-white\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-white\:75, html.dark .sf-c-white\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-white\:80, html.dark .sf-c-white\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-white\:85, html.dark .sf-c-white\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-white\:90, html.dark .sf-c-white\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-white\:95, html.dark .sf-c-white\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-white\:100, html.dark .sf-c-white\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-white\:st, html.dark .sf-c-white\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-white\:0\:st, html.dark .sf-c-white\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-white\:5\:st, html.dark .sf-c-white\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-white\:10\:st, html.dark .sf-c-white\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-white\:15\:st, html.dark .sf-c-white\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-white\:20\:st, html.dark .sf-c-white\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-white\:25\:st, html.dark .sf-c-white\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-white\:30\:st, html.dark .sf-c-white\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-white\:35\:st, html.dark .sf-c-white\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-white\:40\:st, html.dark .sf-c-white\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-white\:45\:st, html.dark .sf-c-white\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-white\:50\:st, html.dark .sf-c-white\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-white\:55\:st, html.dark .sf-c-white\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-white\:60\:st, html.dark .sf-c-white\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-white\:65\:st, html.dark .sf-c-white\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-white\:70\:st, html.dark .sf-c-white\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-white\:75\:st, html.dark .sf-c-white\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-white\:80\:st, html.dark .sf-c-white\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-white\:85\:st, html.dark .sf-c-white\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-white\:90\:st, html.dark .sf-c-white\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-white\:95\:st, html.dark .sf-c-white\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-white\:100\:st, html.dark .sf-c-white\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:5, html.dark .sf-c-txt-white\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-white\:15, html.dark .sf-c-txt-white\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-white\:25, html.dark .sf-c-txt-white\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-white\:35, html.dark .sf-c-txt-white\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-white\:45, html.dark .sf-c-txt-white\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-white\:55, html.dark .sf-c-txt-white\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-white\:65, html.dark .sf-c-txt-white\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-white\:75, html.dark .sf-c-txt-white\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-white\:85, html.dark .sf-c-txt-white\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-white\:95, html.dark .sf-c-txt-white\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-white\:st, html.dark .sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-white\:0\:st, html.dark .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-white\:5\:st, html.dark .sf-c-txt-white\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-white\:10\:st, html.dark .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-white\:15\:st, html.dark .sf-c-txt-white\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-white\:20\:st, html.dark .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-white\:25\:st, html.dark .sf-c-txt-white\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-white\:30\:st, html.dark .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-white\:35\:st, html.dark .sf-c-txt-white\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-white\:40\:st, html.dark .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-white\:45\:st, html.dark .sf-c-txt-white\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-white\:50\:st, html.dark .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-white\:55\:st, html.dark .sf-c-txt-white\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-white\:60\:st, html.dark .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-white\:65\:st, html.dark .sf-c-txt-white\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-white\:70\:st, html.dark .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-white\:75\:st, html.dark .sf-c-txt-white\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-white\:80\:st, html.dark .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-white\:85\:st, html.dark .sf-c-txt-white\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-white\:90\:st, html.dark .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-white\:95\:st, html.dark .sf-c-txt-white\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-white\:100\:st, html.dark .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-white, html.auto .sf-c-white { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-white\:0, html.auto .sf-c-white\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-white\:5, html.auto .sf-c-white\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-white\:10, html.auto .sf-c-white\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-white\:15, html.auto .sf-c-white\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-white\:20, html.auto .sf-c-white\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-white\:25, html.auto .sf-c-white\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-white\:30, html.auto .sf-c-white\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-white\:35, html.auto .sf-c-white\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-white\:40, html.auto .sf-c-white\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-white\:45, html.auto .sf-c-white\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-white\:50, html.auto .sf-c-white\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-white\:55, html.auto .sf-c-white\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-white\:60, html.auto .sf-c-white\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-white\:65, html.auto .sf-c-white\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-white\:70, html.auto .sf-c-white\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-white\:75, html.auto .sf-c-white\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-white\:80, html.auto .sf-c-white\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-white\:85, html.auto .sf-c-white\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-white\:90, html.auto .sf-c-white\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-white\:95, html.auto .sf-c-white\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-white\:100, html.auto .sf-c-white\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-white\:st, html.auto .sf-c-white\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-white\:0\:st, html.auto .sf-c-white\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-white\:5\:st, html.auto .sf-c-white\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-white\:10\:st, html.auto .sf-c-white\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-white\:15\:st, html.auto .sf-c-white\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-white\:20\:st, html.auto .sf-c-white\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-white\:25\:st, html.auto .sf-c-white\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-white\:30\:st, html.auto .sf-c-white\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-white\:35\:st, html.auto .sf-c-white\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-white\:40\:st, html.auto .sf-c-white\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-white\:45\:st, html.auto .sf-c-white\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-white\:50\:st, html.auto .sf-c-white\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-white\:55\:st, html.auto .sf-c-white\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-white\:60\:st, html.auto .sf-c-white\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-white\:65\:st, html.auto .sf-c-white\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-white\:70\:st, html.auto .sf-c-white\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-white\:75\:st, html.auto .sf-c-white\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-white\:80\:st, html.auto .sf-c-white\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-white\:85\:st, html.auto .sf-c-white\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-white\:90\:st, html.auto .sf-c-white\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-white\:95\:st, html.auto .sf-c-white\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-white\:100\:st, html.auto .sf-c-white\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:5, html.auto .sf-c-txt-white\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-white\:15, html.auto .sf-c-txt-white\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-white\:25, html.auto .sf-c-txt-white\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-white\:35, html.auto .sf-c-txt-white\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-white\:45, html.auto .sf-c-txt-white\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-white\:55, html.auto .sf-c-txt-white\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-white\:65, html.auto .sf-c-txt-white\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-white\:75, html.auto .sf-c-txt-white\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-white\:85, html.auto .sf-c-txt-white\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-white\:95, html.auto .sf-c-txt-white\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-white\:st, html.auto .sf-c-txt-white\:st { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-white\:0\:st, html.auto .sf-c-txt-white\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-white\:5\:st, html.auto .sf-c-txt-white\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-white\:10\:st, html.auto .sf-c-txt-white\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-white\:15\:st, html.auto .sf-c-txt-white\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-white\:20\:st, html.auto .sf-c-txt-white\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-white\:25\:st, html.auto .sf-c-txt-white\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-white\:30\:st, html.auto .sf-c-txt-white\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-white\:35\:st, html.auto .sf-c-txt-white\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-white\:40\:st, html.auto .sf-c-txt-white\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-white\:45\:st, html.auto .sf-c-txt-white\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-white\:50\:st, html.auto .sf-c-txt-white\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-white\:55\:st, html.auto .sf-c-txt-white\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-white\:60\:st, html.auto .sf-c-txt-white\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-white\:65\:st, html.auto .sf-c-txt-white\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-white\:70\:st, html.auto .sf-c-txt-white\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-white\:75\:st, html.auto .sf-c-txt-white\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-white\:80\:st, html.auto .sf-c-txt-white\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-white\:85\:st, html.auto .sf-c-txt-white\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-white\:90\:st, html.auto .sf-c-txt-white\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-white\:95\:st, html.auto .sf-c-txt-white\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-white\:100\:st, html.auto .sf-c-txt-white\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/whitesmoke.css b/src/colors/20/whitesmoke.css deleted file mode 100644 index aa13b73..0000000 --- a/src/colors/20/whitesmoke.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-whitesmoke { - --sf-c-whitesmoke: 0 0% 96%; - --sf-c-whitesmoke-0: 0 0% 0%; - --sf-c-whitesmoke-5: 0 0% 5%; - --sf-c-whitesmoke-10: 0 0% 10%; - --sf-c-whitesmoke-15: 0 0% 15%; - --sf-c-whitesmoke-20: 0 0% 20%; - --sf-c-whitesmoke-25: 0 0% 25%; - --sf-c-whitesmoke-30: 0 0% 30%; - --sf-c-whitesmoke-35: 0 0% 35%; - --sf-c-whitesmoke-40: 0 0% 40%; - --sf-c-whitesmoke-45: 0 0% 45%; - --sf-c-whitesmoke-50: 0 0% 50%; - --sf-c-whitesmoke-55: 0 0% 55%; - --sf-c-whitesmoke-60: 0 0% 60%; - --sf-c-whitesmoke-65: 0 0% 65%; - --sf-c-whitesmoke-70: 0 0% 70%; - --sf-c-whitesmoke-75: 0 0% 75%; - --sf-c-whitesmoke-80: 0 0% 80%; - --sf-c-whitesmoke-85: 0 0% 85%; - --sf-c-whitesmoke-90: 0 0% 90%; - --sf-c-whitesmoke-95: 0 0% 95%; - --sf-c-whitesmoke-100: 0 0% 100%; -} - -.sf-c-whitesmoke, .sf-c-whitesmoke\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 96%) } -.sf-c-whitesmoke\:0, .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -.sf-c-whitesmoke\:5, .sf-c-whitesmoke\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -.sf-c-whitesmoke\:10, .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -.sf-c-whitesmoke\:15, .sf-c-whitesmoke\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -.sf-c-whitesmoke\:20, .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -.sf-c-whitesmoke\:25, .sf-c-whitesmoke\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -.sf-c-whitesmoke\:30, .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -.sf-c-whitesmoke\:35, .sf-c-whitesmoke\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -.sf-c-whitesmoke\:40, .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -.sf-c-whitesmoke\:45, .sf-c-whitesmoke\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -.sf-c-whitesmoke\:50, .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -.sf-c-whitesmoke\:55, .sf-c-whitesmoke\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -.sf-c-whitesmoke\:60, .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -.sf-c-whitesmoke\:65, .sf-c-whitesmoke\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -.sf-c-whitesmoke\:70, .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -.sf-c-whitesmoke\:75, .sf-c-whitesmoke\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -.sf-c-whitesmoke\:80, .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -.sf-c-whitesmoke\:85, .sf-c-whitesmoke\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -.sf-c-whitesmoke\:90, .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -.sf-c-whitesmoke\:95, .sf-c-whitesmoke\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -.sf-c-whitesmoke\:100, .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -.sf-c-txt-whitesmoke { color: hsl(0, 0%, 10%) } -.sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } -.sf-c-txt-whitesmoke\:0, .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } -.sf-c-txt-whitesmoke\:5, .sf-c-txt-whitesmoke\:5\:st { color: hsl(0, 0%, 5%) } -.sf-c-txt-whitesmoke\:10, .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } -.sf-c-txt-whitesmoke\:15, .sf-c-txt-whitesmoke\:15\:st { color: hsl(0, 0%, 15%) } -.sf-c-txt-whitesmoke\:20, .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } -.sf-c-txt-whitesmoke\:25, .sf-c-txt-whitesmoke\:25\:st { color: hsl(0, 0%, 25%) } -.sf-c-txt-whitesmoke\:30, .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } -.sf-c-txt-whitesmoke\:35, .sf-c-txt-whitesmoke\:35\:st { color: hsl(0, 0%, 35%) } -.sf-c-txt-whitesmoke\:40, .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } -.sf-c-txt-whitesmoke\:45, .sf-c-txt-whitesmoke\:45\:st { color: hsl(0, 0%, 45%) } -.sf-c-txt-whitesmoke\:50, .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } -.sf-c-txt-whitesmoke\:55, .sf-c-txt-whitesmoke\:55\:st { color: hsl(0, 0%, 55%) } -.sf-c-txt-whitesmoke\:60, .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } -.sf-c-txt-whitesmoke\:65, .sf-c-txt-whitesmoke\:65\:st { color: hsl(0, 0%, 65%) } -.sf-c-txt-whitesmoke\:70, .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } -.sf-c-txt-whitesmoke\:75, .sf-c-txt-whitesmoke\:75\:st { color: hsl(0, 0%, 75%) } -.sf-c-txt-whitesmoke\:80, .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } -.sf-c-txt-whitesmoke\:85, .sf-c-txt-whitesmoke\:85\:st { color: hsl(0, 0%, 85%) } -.sf-c-txt-whitesmoke\:90, .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } -.sf-c-txt-whitesmoke\:95, .sf-c-txt-whitesmoke\:95\:st { color: hsl(0, 0%, 95%) } -.sf-c-txt-whitesmoke\:100, .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-whitesmoke, html.dark .sf-c-whitesmoke { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 4%) } -html[data-theme='dark'] .sf-c-whitesmoke\:0, html.dark .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-whitesmoke\:5, html.dark .sf-c-whitesmoke\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-whitesmoke\:10, html.dark .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-whitesmoke\:15, html.dark .sf-c-whitesmoke\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-whitesmoke\:20, html.dark .sf-c-whitesmoke\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-whitesmoke\:25, html.dark .sf-c-whitesmoke\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-whitesmoke\:30, html.dark .sf-c-whitesmoke\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-whitesmoke\:35, html.dark .sf-c-whitesmoke\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-whitesmoke\:40, html.dark .sf-c-whitesmoke\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-whitesmoke\:45, html.dark .sf-c-whitesmoke\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-whitesmoke\:50, html.dark .sf-c-whitesmoke\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-whitesmoke\:55, html.dark .sf-c-whitesmoke\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-whitesmoke\:60, html.dark .sf-c-whitesmoke\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-whitesmoke\:65, html.dark .sf-c-whitesmoke\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-whitesmoke\:70, html.dark .sf-c-whitesmoke\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-whitesmoke\:75, html.dark .sf-c-whitesmoke\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-whitesmoke\:80, html.dark .sf-c-whitesmoke\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-whitesmoke\:85, html.dark .sf-c-whitesmoke\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-whitesmoke\:90, html.dark .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-whitesmoke\:95, html.dark .sf-c-whitesmoke\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-whitesmoke\:100, html.dark .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-whitesmoke\:st, html.dark .sf-c-whitesmoke\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-whitesmoke\:0\:st, html.dark .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-whitesmoke\:5\:st, html.dark .sf-c-whitesmoke\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-whitesmoke\:10\:st, html.dark .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-whitesmoke\:15\:st, html.dark .sf-c-whitesmoke\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-whitesmoke\:20\:st, html.dark .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-whitesmoke\:25\:st, html.dark .sf-c-whitesmoke\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-whitesmoke\:30\:st, html.dark .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-whitesmoke\:35\:st, html.dark .sf-c-whitesmoke\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-whitesmoke\:40\:st, html.dark .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-whitesmoke\:45\:st, html.dark .sf-c-whitesmoke\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-whitesmoke\:50\:st, html.dark .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-whitesmoke\:55\:st, html.dark .sf-c-whitesmoke\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-whitesmoke\:60\:st, html.dark .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-whitesmoke\:65\:st, html.dark .sf-c-whitesmoke\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-whitesmoke\:70\:st, html.dark .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-whitesmoke\:75\:st, html.dark .sf-c-whitesmoke\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-whitesmoke\:80\:st, html.dark .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-whitesmoke\:85\:st, html.dark .sf-c-whitesmoke\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-whitesmoke\:90\:st, html.dark .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-whitesmoke\:95\:st, html.dark .sf-c-whitesmoke\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-whitesmoke\:100\:st, html.dark .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - -html[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:5, html.dark .sf-c-txt-whitesmoke\:5 { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:15, html.dark .sf-c-txt-whitesmoke\:15 { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:25, html.dark .sf-c-txt-whitesmoke\:25 { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:35, html.dark .sf-c-txt-whitesmoke\:35 { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:45, html.dark .sf-c-txt-whitesmoke\:45 { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:55, html.dark .sf-c-txt-whitesmoke\:55 { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:65, html.dark .sf-c-txt-whitesmoke\:65 { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:75, html.dark .sf-c-txt-whitesmoke\:75 { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:85, html.dark .sf-c-txt-whitesmoke\:85 { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:95, html.dark .sf-c-txt-whitesmoke\:95 { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } - -html[data-theme='dark'] .sf-c-txt-whitesmoke\:st, html.dark .sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:st, html.dark .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:5\:st, html.dark .sf-c-txt-whitesmoke\:5\:st { color: hsl(0, 0%, 5%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:st, html.dark .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:15\:st, html.dark .sf-c-txt-whitesmoke\:15\:st { color: hsl(0, 0%, 15%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:st, html.dark .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:25\:st, html.dark .sf-c-txt-whitesmoke\:25\:st { color: hsl(0, 0%, 25%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:st, html.dark .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:35\:st, html.dark .sf-c-txt-whitesmoke\:35\:st { color: hsl(0, 0%, 35%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:st, html.dark .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:45\:st, html.dark .sf-c-txt-whitesmoke\:45\:st { color: hsl(0, 0%, 45%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:st, html.dark .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:55\:st, html.dark .sf-c-txt-whitesmoke\:55\:st { color: hsl(0, 0%, 55%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:st, html.dark .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:65\:st, html.dark .sf-c-txt-whitesmoke\:65\:st { color: hsl(0, 0%, 65%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:st, html.dark .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:75\:st, html.dark .sf-c-txt-whitesmoke\:75\:st { color: hsl(0, 0%, 75%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:st, html.dark .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:85\:st, html.dark .sf-c-txt-whitesmoke\:85\:st { color: hsl(0, 0%, 85%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:st, html.dark .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:95\:st, html.dark .sf-c-txt-whitesmoke\:95\:st { color: hsl(0, 0%, 95%) } -html[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:st, html.dark .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-whitesmoke, html.auto .sf-c-whitesmoke { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 4%) } - html[data-theme='auto'] .sf-c-whitesmoke\:0, html.auto .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-whitesmoke\:5, html.auto .sf-c-whitesmoke\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-whitesmoke\:10, html.auto .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-whitesmoke\:15, html.auto .sf-c-whitesmoke\:15 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-whitesmoke\:20, html.auto .sf-c-whitesmoke\:20 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-whitesmoke\:25, html.auto .sf-c-whitesmoke\:25 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-whitesmoke\:30, html.auto .sf-c-whitesmoke\:30 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-whitesmoke\:35, html.auto .sf-c-whitesmoke\:35 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-whitesmoke\:40, html.auto .sf-c-whitesmoke\:40 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-whitesmoke\:45, html.auto .sf-c-whitesmoke\:45 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-whitesmoke\:50, html.auto .sf-c-whitesmoke\:50 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-whitesmoke\:55, html.auto .sf-c-whitesmoke\:55 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-whitesmoke\:60, html.auto .sf-c-whitesmoke\:60 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-whitesmoke\:65, html.auto .sf-c-whitesmoke\:65 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-whitesmoke\:70, html.auto .sf-c-whitesmoke\:70 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-whitesmoke\:75, html.auto .sf-c-whitesmoke\:75 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-whitesmoke\:80, html.auto .sf-c-whitesmoke\:80 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-whitesmoke\:85, html.auto .sf-c-whitesmoke\:85 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-whitesmoke\:90, html.auto .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-whitesmoke\:95, html.auto .sf-c-whitesmoke\:95 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-whitesmoke\:100, html.auto .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-whitesmoke\:st, html.auto .sf-c-whitesmoke\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-whitesmoke\:0\:st, html.auto .sf-c-whitesmoke\:0\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-whitesmoke\:5\:st, html.auto .sf-c-whitesmoke\:5\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-whitesmoke\:10\:st, html.auto .sf-c-whitesmoke\:10\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-whitesmoke\:15\:st, html.auto .sf-c-whitesmoke\:15\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-whitesmoke\:20\:st, html.auto .sf-c-whitesmoke\:20\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-whitesmoke\:25\:st, html.auto .sf-c-whitesmoke\:25\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-whitesmoke\:30\:st, html.auto .sf-c-whitesmoke\:30\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-whitesmoke\:35\:st, html.auto .sf-c-whitesmoke\:35\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-whitesmoke\:40\:st, html.auto .sf-c-whitesmoke\:40\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-whitesmoke\:45\:st, html.auto .sf-c-whitesmoke\:45\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-whitesmoke\:50\:st, html.auto .sf-c-whitesmoke\:50\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-whitesmoke\:55\:st, html.auto .sf-c-whitesmoke\:55\:st { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-whitesmoke\:60\:st, html.auto .sf-c-whitesmoke\:60\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-whitesmoke\:65\:st, html.auto .sf-c-whitesmoke\:65\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-whitesmoke\:70\:st, html.auto .sf-c-whitesmoke\:70\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-whitesmoke\:75\:st, html.auto .sf-c-whitesmoke\:75\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-whitesmoke\:80\:st, html.auto .sf-c-whitesmoke\:80\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-whitesmoke\:85\:st, html.auto .sf-c-whitesmoke\:85\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-whitesmoke\:90\:st, html.auto .sf-c-whitesmoke\:90\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-whitesmoke\:95\:st, html.auto .sf-c-whitesmoke\:95\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-whitesmoke\:100\:st, html.auto .sf-c-whitesmoke\:100\:st { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } - - html[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:5, html.auto .sf-c-txt-whitesmoke\:5 { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:15, html.auto .sf-c-txt-whitesmoke\:15 { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:25, html.auto .sf-c-txt-whitesmoke\:25 { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:35, html.auto .sf-c-txt-whitesmoke\:35 { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:45, html.auto .sf-c-txt-whitesmoke\:45 { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:55, html.auto .sf-c-txt-whitesmoke\:55 { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:65, html.auto .sf-c-txt-whitesmoke\:65 { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:75, html.auto .sf-c-txt-whitesmoke\:75 { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:85, html.auto .sf-c-txt-whitesmoke\:85 { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:95, html.auto .sf-c-txt-whitesmoke\:95 { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } - - html[data-theme='auto'] .sf-c-txt-whitesmoke\:st, html.auto .sf-c-txt-whitesmoke\:st { color: hsl(0, 0%, 96%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:st, html.auto .sf-c-txt-whitesmoke\:0\:st { color: hsl(0, 0%, 0%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:5\:st, html.auto .sf-c-txt-whitesmoke\:5\:st { color: hsl(0, 0%, 5%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:st, html.auto .sf-c-txt-whitesmoke\:10\:st { color: hsl(0, 0%, 10%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:15\:st, html.auto .sf-c-txt-whitesmoke\:15\:st { color: hsl(0, 0%, 15%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:st, html.auto .sf-c-txt-whitesmoke\:20\:st { color: hsl(0, 0%, 20%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:25\:st, html.auto .sf-c-txt-whitesmoke\:25\:st { color: hsl(0, 0%, 25%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:st, html.auto .sf-c-txt-whitesmoke\:30\:st { color: hsl(0, 0%, 30%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:35\:st, html.auto .sf-c-txt-whitesmoke\:35\:st { color: hsl(0, 0%, 35%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:st, html.auto .sf-c-txt-whitesmoke\:40\:st { color: hsl(0, 0%, 40%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:45\:st, html.auto .sf-c-txt-whitesmoke\:45\:st { color: hsl(0, 0%, 45%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:st, html.auto .sf-c-txt-whitesmoke\:50\:st { color: hsl(0, 0%, 50%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:55\:st, html.auto .sf-c-txt-whitesmoke\:55\:st { color: hsl(0, 0%, 55%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:st, html.auto .sf-c-txt-whitesmoke\:60\:st { color: hsl(0, 0%, 60%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:65\:st, html.auto .sf-c-txt-whitesmoke\:65\:st { color: hsl(0, 0%, 65%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:st, html.auto .sf-c-txt-whitesmoke\:70\:st { color: hsl(0, 0%, 70%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:75\:st, html.auto .sf-c-txt-whitesmoke\:75\:st { color: hsl(0, 0%, 75%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:st, html.auto .sf-c-txt-whitesmoke\:80\:st { color: hsl(0, 0%, 80%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:85\:st, html.auto .sf-c-txt-whitesmoke\:85\:st { color: hsl(0, 0%, 85%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:st, html.auto .sf-c-txt-whitesmoke\:90\:st { color: hsl(0, 0%, 90%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:95\:st, html.auto .sf-c-txt-whitesmoke\:95\:st { color: hsl(0, 0%, 95%) } - html[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:st, html.auto .sf-c-txt-whitesmoke\:100\:st { color: hsl(0, 0%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/yellow.css b/src/colors/20/yellow.css deleted file mode 100644 index 95f76ab..0000000 --- a/src/colors/20/yellow.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-yellow { - --sf-c-yellow: 60 100% 50%; - --sf-c-yellow-0: 60 100% 0%; - --sf-c-yellow-5: 60 100% 5%; - --sf-c-yellow-10: 60 100% 10%; - --sf-c-yellow-15: 60 100% 15%; - --sf-c-yellow-20: 60 100% 20%; - --sf-c-yellow-25: 60 100% 25%; - --sf-c-yellow-30: 60 100% 30%; - --sf-c-yellow-35: 60 100% 35%; - --sf-c-yellow-40: 60 100% 40%; - --sf-c-yellow-45: 60 100% 45%; - --sf-c-yellow-50: 60 100% 50%; - --sf-c-yellow-55: 60 100% 55%; - --sf-c-yellow-60: 60 100% 60%; - --sf-c-yellow-65: 60 100% 65%; - --sf-c-yellow-70: 60 100% 70%; - --sf-c-yellow-75: 60 100% 75%; - --sf-c-yellow-80: 60 100% 80%; - --sf-c-yellow-85: 60 100% 85%; - --sf-c-yellow-90: 60 100% 90%; - --sf-c-yellow-95: 60 100% 95%; - --sf-c-yellow-100: 60 100% 100%; -} - -.sf-c-yellow, .sf-c-yellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -.sf-c-yellow\:0, .sf-c-yellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -.sf-c-yellow\:5, .sf-c-yellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -.sf-c-yellow\:10, .sf-c-yellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -.sf-c-yellow\:15, .sf-c-yellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -.sf-c-yellow\:20, .sf-c-yellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -.sf-c-yellow\:25, .sf-c-yellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -.sf-c-yellow\:30, .sf-c-yellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -.sf-c-yellow\:35, .sf-c-yellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -.sf-c-yellow\:40, .sf-c-yellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -.sf-c-yellow\:45, .sf-c-yellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -.sf-c-yellow\:50, .sf-c-yellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -.sf-c-yellow\:55, .sf-c-yellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -.sf-c-yellow\:60, .sf-c-yellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -.sf-c-yellow\:65, .sf-c-yellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -.sf-c-yellow\:70, .sf-c-yellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -.sf-c-yellow\:75, .sf-c-yellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -.sf-c-yellow\:80, .sf-c-yellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -.sf-c-yellow\:85, .sf-c-yellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -.sf-c-yellow\:90, .sf-c-yellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -.sf-c-yellow\:95, .sf-c-yellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -.sf-c-yellow\:100, .sf-c-yellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -.sf-c-txt-yellow { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:0, .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } -.sf-c-txt-yellow\:5, .sf-c-txt-yellow\:5\:st { color: hsl(60, 100%, 5%) } -.sf-c-txt-yellow\:10, .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } -.sf-c-txt-yellow\:15, .sf-c-txt-yellow\:15\:st { color: hsl(60, 100%, 15%) } -.sf-c-txt-yellow\:20, .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } -.sf-c-txt-yellow\:25, .sf-c-txt-yellow\:25\:st { color: hsl(60, 100%, 25%) } -.sf-c-txt-yellow\:30, .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } -.sf-c-txt-yellow\:35, .sf-c-txt-yellow\:35\:st { color: hsl(60, 100%, 35%) } -.sf-c-txt-yellow\:40, .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } -.sf-c-txt-yellow\:45, .sf-c-txt-yellow\:45\:st { color: hsl(60, 100%, 45%) } -.sf-c-txt-yellow\:50, .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } -.sf-c-txt-yellow\:55, .sf-c-txt-yellow\:55\:st { color: hsl(60, 100%, 55%) } -.sf-c-txt-yellow\:60, .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } -.sf-c-txt-yellow\:65, .sf-c-txt-yellow\:65\:st { color: hsl(60, 100%, 65%) } -.sf-c-txt-yellow\:70, .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } -.sf-c-txt-yellow\:75, .sf-c-txt-yellow\:75\:st { color: hsl(60, 100%, 75%) } -.sf-c-txt-yellow\:80, .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } -.sf-c-txt-yellow\:85, .sf-c-txt-yellow\:85\:st { color: hsl(60, 100%, 85%) } -.sf-c-txt-yellow\:90, .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } -.sf-c-txt-yellow\:95, .sf-c-txt-yellow\:95\:st { color: hsl(60, 100%, 95%) } -.sf-c-txt-yellow\:100, .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-yellow, html.dark .sf-c-yellow { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:0, html.dark .sf-c-yellow\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-yellow\:5, html.dark .sf-c-yellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-yellow\:10, html.dark .sf-c-yellow\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-yellow\:15, html.dark .sf-c-yellow\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-yellow\:20, html.dark .sf-c-yellow\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-yellow\:25, html.dark .sf-c-yellow\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-yellow\:30, html.dark .sf-c-yellow\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-yellow\:35, html.dark .sf-c-yellow\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-yellow\:40, html.dark .sf-c-yellow\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-yellow\:45, html.dark .sf-c-yellow\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-yellow\:50, html.dark .sf-c-yellow\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:55, html.dark .sf-c-yellow\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-yellow\:60, html.dark .sf-c-yellow\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-yellow\:65, html.dark .sf-c-yellow\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-yellow\:70, html.dark .sf-c-yellow\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-yellow\:75, html.dark .sf-c-yellow\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-yellow\:80, html.dark .sf-c-yellow\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-yellow\:85, html.dark .sf-c-yellow\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-yellow\:90, html.dark .sf-c-yellow\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-yellow\:95, html.dark .sf-c-yellow\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-yellow\:100, html.dark .sf-c-yellow\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-yellow\:st, html.dark .sf-c-yellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:0\:st, html.dark .sf-c-yellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-yellow\:5\:st, html.dark .sf-c-yellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-yellow\:10\:st, html.dark .sf-c-yellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-yellow\:15\:st, html.dark .sf-c-yellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-yellow\:20\:st, html.dark .sf-c-yellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-yellow\:25\:st, html.dark .sf-c-yellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-yellow\:30\:st, html.dark .sf-c-yellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-yellow\:35\:st, html.dark .sf-c-yellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-yellow\:40\:st, html.dark .sf-c-yellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-yellow\:45\:st, html.dark .sf-c-yellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-yellow\:50\:st, html.dark .sf-c-yellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-yellow\:55\:st, html.dark .sf-c-yellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-yellow\:60\:st, html.dark .sf-c-yellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-yellow\:65\:st, html.dark .sf-c-yellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-yellow\:70\:st, html.dark .sf-c-yellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-yellow\:75\:st, html.dark .sf-c-yellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-yellow\:80\:st, html.dark .sf-c-yellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-yellow\:85\:st, html.dark .sf-c-yellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-yellow\:90\:st, html.dark .sf-c-yellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-yellow\:95\:st, html.dark .sf-c-yellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-yellow\:100\:st, html.dark .sf-c-yellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - -html[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } -html[data-theme='dark'] .sf-c-txt-yellow\:5, html.dark .sf-c-txt-yellow\:5 { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellow\:15, html.dark .sf-c-txt-yellow\:15 { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellow\:25, html.dark .sf-c-txt-yellow\:25 { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellow\:35, html.dark .sf-c-txt-yellow\:35 { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellow\:45, html.dark .sf-c-txt-yellow\:45 { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:55, html.dark .sf-c-txt-yellow\:55 { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellow\:65, html.dark .sf-c-txt-yellow\:65 { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellow\:75, html.dark .sf-c-txt-yellow\:75 { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellow\:85, html.dark .sf-c-txt-yellow\:85 { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellow\:95, html.dark .sf-c-txt-yellow\:95 { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } - -html[data-theme='dark'] .sf-c-txt-yellow\:st, html.dark .sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:0\:st, html.dark .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } -html[data-theme='dark'] .sf-c-txt-yellow\:5\:st, html.dark .sf-c-txt-yellow\:5\:st { color: hsl(60, 100%, 5%) } -html[data-theme='dark'] .sf-c-txt-yellow\:10\:st, html.dark .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellow\:15\:st, html.dark .sf-c-txt-yellow\:15\:st { color: hsl(60, 100%, 15%) } -html[data-theme='dark'] .sf-c-txt-yellow\:20\:st, html.dark .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellow\:25\:st, html.dark .sf-c-txt-yellow\:25\:st { color: hsl(60, 100%, 25%) } -html[data-theme='dark'] .sf-c-txt-yellow\:30\:st, html.dark .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellow\:35\:st, html.dark .sf-c-txt-yellow\:35\:st { color: hsl(60, 100%, 35%) } -html[data-theme='dark'] .sf-c-txt-yellow\:40\:st, html.dark .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellow\:45\:st, html.dark .sf-c-txt-yellow\:45\:st { color: hsl(60, 100%, 45%) } -html[data-theme='dark'] .sf-c-txt-yellow\:50\:st, html.dark .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellow\:55\:st, html.dark .sf-c-txt-yellow\:55\:st { color: hsl(60, 100%, 55%) } -html[data-theme='dark'] .sf-c-txt-yellow\:60\:st, html.dark .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellow\:65\:st, html.dark .sf-c-txt-yellow\:65\:st { color: hsl(60, 100%, 65%) } -html[data-theme='dark'] .sf-c-txt-yellow\:70\:st, html.dark .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellow\:75\:st, html.dark .sf-c-txt-yellow\:75\:st { color: hsl(60, 100%, 75%) } -html[data-theme='dark'] .sf-c-txt-yellow\:80\:st, html.dark .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellow\:85\:st, html.dark .sf-c-txt-yellow\:85\:st { color: hsl(60, 100%, 85%) } -html[data-theme='dark'] .sf-c-txt-yellow\:90\:st, html.dark .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellow\:95\:st, html.dark .sf-c-txt-yellow\:95\:st { color: hsl(60, 100%, 95%) } -html[data-theme='dark'] .sf-c-txt-yellow\:100\:st, html.dark .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-yellow, html.auto .sf-c-yellow { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:0, html.auto .sf-c-yellow\:0 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-yellow\:5, html.auto .sf-c-yellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-yellow\:10, html.auto .sf-c-yellow\:10 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-yellow\:15, html.auto .sf-c-yellow\:15 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-yellow\:20, html.auto .sf-c-yellow\:20 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-yellow\:25, html.auto .sf-c-yellow\:25 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-yellow\:30, html.auto .sf-c-yellow\:30 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-yellow\:35, html.auto .sf-c-yellow\:35 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-yellow\:40, html.auto .sf-c-yellow\:40 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-yellow\:45, html.auto .sf-c-yellow\:45 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-yellow\:50, html.auto .sf-c-yellow\:50 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:55, html.auto .sf-c-yellow\:55 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-yellow\:60, html.auto .sf-c-yellow\:60 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-yellow\:65, html.auto .sf-c-yellow\:65 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-yellow\:70, html.auto .sf-c-yellow\:70 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-yellow\:75, html.auto .sf-c-yellow\:75 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-yellow\:80, html.auto .sf-c-yellow\:80 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-yellow\:85, html.auto .sf-c-yellow\:85 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-yellow\:90, html.auto .sf-c-yellow\:90 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-yellow\:95, html.auto .sf-c-yellow\:95 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-yellow\:100, html.auto .sf-c-yellow\:100 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-yellow\:st, html.auto .sf-c-yellow\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:0\:st, html.auto .sf-c-yellow\:0\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-yellow\:5\:st, html.auto .sf-c-yellow\:5\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-yellow\:10\:st, html.auto .sf-c-yellow\:10\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-yellow\:15\:st, html.auto .sf-c-yellow\:15\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-yellow\:20\:st, html.auto .sf-c-yellow\:20\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-yellow\:25\:st, html.auto .sf-c-yellow\:25\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-yellow\:30\:st, html.auto .sf-c-yellow\:30\:st { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-yellow\:35\:st, html.auto .sf-c-yellow\:35\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-yellow\:40\:st, html.auto .sf-c-yellow\:40\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-yellow\:45\:st, html.auto .sf-c-yellow\:45\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-yellow\:50\:st, html.auto .sf-c-yellow\:50\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-yellow\:55\:st, html.auto .sf-c-yellow\:55\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-yellow\:60\:st, html.auto .sf-c-yellow\:60\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-yellow\:65\:st, html.auto .sf-c-yellow\:65\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-yellow\:70\:st, html.auto .sf-c-yellow\:70\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-yellow\:75\:st, html.auto .sf-c-yellow\:75\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-yellow\:80\:st, html.auto .sf-c-yellow\:80\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-yellow\:85\:st, html.auto .sf-c-yellow\:85\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-yellow\:90\:st, html.auto .sf-c-yellow\:90\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-yellow\:95\:st, html.auto .sf-c-yellow\:95\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-yellow\:100\:st, html.auto .sf-c-yellow\:100\:st { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } - - html[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } - html[data-theme='auto'] .sf-c-txt-yellow\:5, html.auto .sf-c-txt-yellow\:5 { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellow\:15, html.auto .sf-c-txt-yellow\:15 { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellow\:25, html.auto .sf-c-txt-yellow\:25 { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellow\:35, html.auto .sf-c-txt-yellow\:35 { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellow\:45, html.auto .sf-c-txt-yellow\:45 { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:55, html.auto .sf-c-txt-yellow\:55 { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellow\:65, html.auto .sf-c-txt-yellow\:65 { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellow\:75, html.auto .sf-c-txt-yellow\:75 { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellow\:85, html.auto .sf-c-txt-yellow\:85 { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellow\:95, html.auto .sf-c-txt-yellow\:95 { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } - - html[data-theme='auto'] .sf-c-txt-yellow\:st, html.auto .sf-c-txt-yellow\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:0\:st, html.auto .sf-c-txt-yellow\:0\:st { color: hsl(60, 100%, 0%) } - html[data-theme='auto'] .sf-c-txt-yellow\:5\:st, html.auto .sf-c-txt-yellow\:5\:st { color: hsl(60, 100%, 5%) } - html[data-theme='auto'] .sf-c-txt-yellow\:10\:st, html.auto .sf-c-txt-yellow\:10\:st { color: hsl(60, 100%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellow\:15\:st, html.auto .sf-c-txt-yellow\:15\:st { color: hsl(60, 100%, 15%) } - html[data-theme='auto'] .sf-c-txt-yellow\:20\:st, html.auto .sf-c-txt-yellow\:20\:st { color: hsl(60, 100%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellow\:25\:st, html.auto .sf-c-txt-yellow\:25\:st { color: hsl(60, 100%, 25%) } - html[data-theme='auto'] .sf-c-txt-yellow\:30\:st, html.auto .sf-c-txt-yellow\:30\:st { color: hsl(60, 100%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellow\:35\:st, html.auto .sf-c-txt-yellow\:35\:st { color: hsl(60, 100%, 35%) } - html[data-theme='auto'] .sf-c-txt-yellow\:40\:st, html.auto .sf-c-txt-yellow\:40\:st { color: hsl(60, 100%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellow\:45\:st, html.auto .sf-c-txt-yellow\:45\:st { color: hsl(60, 100%, 45%) } - html[data-theme='auto'] .sf-c-txt-yellow\:50\:st, html.auto .sf-c-txt-yellow\:50\:st { color: hsl(60, 100%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellow\:55\:st, html.auto .sf-c-txt-yellow\:55\:st { color: hsl(60, 100%, 55%) } - html[data-theme='auto'] .sf-c-txt-yellow\:60\:st, html.auto .sf-c-txt-yellow\:60\:st { color: hsl(60, 100%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellow\:65\:st, html.auto .sf-c-txt-yellow\:65\:st { color: hsl(60, 100%, 65%) } - html[data-theme='auto'] .sf-c-txt-yellow\:70\:st, html.auto .sf-c-txt-yellow\:70\:st { color: hsl(60, 100%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellow\:75\:st, html.auto .sf-c-txt-yellow\:75\:st { color: hsl(60, 100%, 75%) } - html[data-theme='auto'] .sf-c-txt-yellow\:80\:st, html.auto .sf-c-txt-yellow\:80\:st { color: hsl(60, 100%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellow\:85\:st, html.auto .sf-c-txt-yellow\:85\:st { color: hsl(60, 100%, 85%) } - html[data-theme='auto'] .sf-c-txt-yellow\:90\:st, html.auto .sf-c-txt-yellow\:90\:st { color: hsl(60, 100%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellow\:95\:st, html.auto .sf-c-txt-yellow\:95\:st { color: hsl(60, 100%, 95%) } - html[data-theme='auto'] .sf-c-txt-yellow\:100\:st, html.auto .sf-c-txt-yellow\:100\:st { color: hsl(60, 100%, 100%) } -} \ No newline at end of file diff --git a/src/colors/20/yellowgreen.css b/src/colors/20/yellowgreen.css deleted file mode 100644 index 15ba8fd..0000000 --- a/src/colors/20/yellowgreen.css +++ /dev/null @@ -1,257 +0,0 @@ -.sf-var-yellowgreen { - --sf-c-yellowgreen: 80 61% 50%; - --sf-c-yellowgreen-0: 80 61% 0%; - --sf-c-yellowgreen-5: 80 61% 5%; - --sf-c-yellowgreen-10: 80 61% 10%; - --sf-c-yellowgreen-15: 80 61% 15%; - --sf-c-yellowgreen-20: 80 61% 20%; - --sf-c-yellowgreen-25: 80 61% 25%; - --sf-c-yellowgreen-30: 80 61% 30%; - --sf-c-yellowgreen-35: 80 61% 35%; - --sf-c-yellowgreen-40: 80 61% 40%; - --sf-c-yellowgreen-45: 80 61% 45%; - --sf-c-yellowgreen-50: 80 61% 50%; - --sf-c-yellowgreen-55: 80 61% 55%; - --sf-c-yellowgreen-60: 80 61% 60%; - --sf-c-yellowgreen-65: 80 61% 65%; - --sf-c-yellowgreen-70: 80 61% 70%; - --sf-c-yellowgreen-75: 80 61% 75%; - --sf-c-yellowgreen-80: 80 61% 80%; - --sf-c-yellowgreen-85: 80 61% 85%; - --sf-c-yellowgreen-90: 80 61% 90%; - --sf-c-yellowgreen-95: 80 61% 95%; - --sf-c-yellowgreen-100: 80 61% 100%; -} - -.sf-c-yellowgreen, .sf-c-yellowgreen\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -.sf-c-yellowgreen\:0, .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } -.sf-c-yellowgreen\:5, .sf-c-yellowgreen\:5\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } -.sf-c-yellowgreen\:10, .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } -.sf-c-yellowgreen\:15, .sf-c-yellowgreen\:15\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 15%) } -.sf-c-yellowgreen\:20, .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 20%) } -.sf-c-yellowgreen\:25, .sf-c-yellowgreen\:25\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 25%) } -.sf-c-yellowgreen\:30, .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 30%) } -.sf-c-yellowgreen\:35, .sf-c-yellowgreen\:35\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 35%) } -.sf-c-yellowgreen\:40, .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 40%) } -.sf-c-yellowgreen\:45, .sf-c-yellowgreen\:45\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 45%) } -.sf-c-yellowgreen\:50, .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -.sf-c-yellowgreen\:55, .sf-c-yellowgreen\:55\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 55%) } -.sf-c-yellowgreen\:60, .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 60%) } -.sf-c-yellowgreen\:65, .sf-c-yellowgreen\:65\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 65%) } -.sf-c-yellowgreen\:70, .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 70%) } -.sf-c-yellowgreen\:75, .sf-c-yellowgreen\:75\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 75%) } -.sf-c-yellowgreen\:80, .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 80%) } -.sf-c-yellowgreen\:85, .sf-c-yellowgreen\:85\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 85%) } -.sf-c-yellowgreen\:90, .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 90%) } -.sf-c-yellowgreen\:95, .sf-c-yellowgreen\:95\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } -.sf-c-yellowgreen\:100, .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } - -.sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:0, .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } -.sf-c-txt-yellowgreen\:5, .sf-c-txt-yellowgreen\:5\:st { color: hsl(80, 61%, 5%) } -.sf-c-txt-yellowgreen\:10, .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } -.sf-c-txt-yellowgreen\:15, .sf-c-txt-yellowgreen\:15\:st { color: hsl(80, 61%, 15%) } -.sf-c-txt-yellowgreen\:20, .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } -.sf-c-txt-yellowgreen\:25, .sf-c-txt-yellowgreen\:25\:st { color: hsl(80, 61%, 25%) } -.sf-c-txt-yellowgreen\:30, .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } -.sf-c-txt-yellowgreen\:35, .sf-c-txt-yellowgreen\:35\:st { color: hsl(80, 61%, 35%) } -.sf-c-txt-yellowgreen\:40, .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } -.sf-c-txt-yellowgreen\:45, .sf-c-txt-yellowgreen\:45\:st { color: hsl(80, 61%, 45%) } -.sf-c-txt-yellowgreen\:50, .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } -.sf-c-txt-yellowgreen\:55, .sf-c-txt-yellowgreen\:55\:st { color: hsl(80, 61%, 55%) } -.sf-c-txt-yellowgreen\:60, .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } -.sf-c-txt-yellowgreen\:65, .sf-c-txt-yellowgreen\:65\:st { color: hsl(80, 61%, 65%) } -.sf-c-txt-yellowgreen\:70, .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } -.sf-c-txt-yellowgreen\:75, .sf-c-txt-yellowgreen\:75\:st { color: hsl(80, 61%, 75%) } -.sf-c-txt-yellowgreen\:80, .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } -.sf-c-txt-yellowgreen\:85, .sf-c-txt-yellowgreen\:85\:st { color: hsl(80, 61%, 85%) } -.sf-c-txt-yellowgreen\:90, .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } -.sf-c-txt-yellowgreen\:95, .sf-c-txt-yellowgreen\:95\:st { color: hsl(80, 61%, 95%) } -.sf-c-txt-yellowgreen\:100, .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } - -html[data-theme='dark'] .sf-c-yellowgreen, html.dark .sf-c-yellowgreen { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:0, html.dark .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } -html[data-theme='dark'] .sf-c-yellowgreen\:5, html.dark .sf-c-yellowgreen\:5 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } -html[data-theme='dark'] .sf-c-yellowgreen\:10, html.dark .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-yellowgreen\:15, html.dark .sf-c-yellowgreen\:15 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 85%) } -html[data-theme='dark'] .sf-c-yellowgreen\:20, html.dark .sf-c-yellowgreen\:20 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-yellowgreen\:25, html.dark .sf-c-yellowgreen\:25 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 75%) } -html[data-theme='dark'] .sf-c-yellowgreen\:30, html.dark .sf-c-yellowgreen\:30 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-yellowgreen\:35, html.dark .sf-c-yellowgreen\:35 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 65%) } -html[data-theme='dark'] .sf-c-yellowgreen\:40, html.dark .sf-c-yellowgreen\:40 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-yellowgreen\:45, html.dark .sf-c-yellowgreen\:45 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 55%) } -html[data-theme='dark'] .sf-c-yellowgreen\:50, html.dark .sf-c-yellowgreen\:50 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:55, html.dark .sf-c-yellowgreen\:55 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 45%) } -html[data-theme='dark'] .sf-c-yellowgreen\:60, html.dark .sf-c-yellowgreen\:60 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-yellowgreen\:65, html.dark .sf-c-yellowgreen\:65 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 35%) } -html[data-theme='dark'] .sf-c-yellowgreen\:70, html.dark .sf-c-yellowgreen\:70 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-yellowgreen\:75, html.dark .sf-c-yellowgreen\:75 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 25%) } -html[data-theme='dark'] .sf-c-yellowgreen\:80, html.dark .sf-c-yellowgreen\:80 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-yellowgreen\:85, html.dark .sf-c-yellowgreen\:85 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 15%) } -html[data-theme='dark'] .sf-c-yellowgreen\:90, html.dark .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-yellowgreen\:95, html.dark .sf-c-yellowgreen\:95 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } -html[data-theme='dark'] .sf-c-yellowgreen\:100, html.dark .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } - -html[data-theme='dark'] .sf-c-yellowgreen\:st, html.dark .sf-c-yellowgreen\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:0\:st, html.dark .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } -html[data-theme='dark'] .sf-c-yellowgreen\:5\:st, html.dark .sf-c-yellowgreen\:5\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } -html[data-theme='dark'] .sf-c-yellowgreen\:10\:st, html.dark .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-yellowgreen\:15\:st, html.dark .sf-c-yellowgreen\:15\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 15%) } -html[data-theme='dark'] .sf-c-yellowgreen\:20\:st, html.dark .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-yellowgreen\:25\:st, html.dark .sf-c-yellowgreen\:25\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 25%) } -html[data-theme='dark'] .sf-c-yellowgreen\:30\:st, html.dark .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-yellowgreen\:35\:st, html.dark .sf-c-yellowgreen\:35\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 35%) } -html[data-theme='dark'] .sf-c-yellowgreen\:40\:st, html.dark .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-yellowgreen\:45\:st, html.dark .sf-c-yellowgreen\:45\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 45%) } -html[data-theme='dark'] .sf-c-yellowgreen\:50\:st, html.dark .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-yellowgreen\:55\:st, html.dark .sf-c-yellowgreen\:55\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 55%) } -html[data-theme='dark'] .sf-c-yellowgreen\:60\:st, html.dark .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-yellowgreen\:65\:st, html.dark .sf-c-yellowgreen\:65\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 65%) } -html[data-theme='dark'] .sf-c-yellowgreen\:70\:st, html.dark .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-yellowgreen\:75\:st, html.dark .sf-c-yellowgreen\:75\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 75%) } -html[data-theme='dark'] .sf-c-yellowgreen\:80\:st, html.dark .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-yellowgreen\:85\:st, html.dark .sf-c-yellowgreen\:85\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 85%) } -html[data-theme='dark'] .sf-c-yellowgreen\:90\:st, html.dark .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-yellowgreen\:95\:st, html.dark .sf-c-yellowgreen\:95\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } -html[data-theme='dark'] .sf-c-yellowgreen\:100\:st, html.dark .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } - -html[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:5, html.dark .sf-c-txt-yellowgreen\:5 { color: hsl(80, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:15, html.dark .sf-c-txt-yellowgreen\:15 { color: hsl(80, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:25, html.dark .sf-c-txt-yellowgreen\:25 { color: hsl(80, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:35, html.dark .sf-c-txt-yellowgreen\:35 { color: hsl(80, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:45, html.dark .sf-c-txt-yellowgreen\:45 { color: hsl(80, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:55, html.dark .sf-c-txt-yellowgreen\:55 { color: hsl(80, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:65, html.dark .sf-c-txt-yellowgreen\:65 { color: hsl(80, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:75, html.dark .sf-c-txt-yellowgreen\:75 { color: hsl(80, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:85, html.dark .sf-c-txt-yellowgreen\:85 { color: hsl(80, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:95, html.dark .sf-c-txt-yellowgreen\:95 { color: hsl(80, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } - -html[data-theme='dark'] .sf-c-txt-yellowgreen\:st, html.dark .sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:st, html.dark .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:5\:st, html.dark .sf-c-txt-yellowgreen\:5\:st { color: hsl(80, 61%, 5%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:st, html.dark .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:15\:st, html.dark .sf-c-txt-yellowgreen\:15\:st { color: hsl(80, 61%, 15%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:st, html.dark .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:25\:st, html.dark .sf-c-txt-yellowgreen\:25\:st { color: hsl(80, 61%, 25%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:st, html.dark .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:35\:st, html.dark .sf-c-txt-yellowgreen\:35\:st { color: hsl(80, 61%, 35%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:st, html.dark .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:45\:st, html.dark .sf-c-txt-yellowgreen\:45\:st { color: hsl(80, 61%, 45%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:st, html.dark .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:55\:st, html.dark .sf-c-txt-yellowgreen\:55\:st { color: hsl(80, 61%, 55%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:st, html.dark .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:65\:st, html.dark .sf-c-txt-yellowgreen\:65\:st { color: hsl(80, 61%, 65%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:st, html.dark .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:75\:st, html.dark .sf-c-txt-yellowgreen\:75\:st { color: hsl(80, 61%, 75%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:st, html.dark .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:85\:st, html.dark .sf-c-txt-yellowgreen\:85\:st { color: hsl(80, 61%, 85%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:st, html.dark .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:95\:st, html.dark .sf-c-txt-yellowgreen\:95\:st { color: hsl(80, 61%, 95%) } -html[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:st, html.dark .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } - -@media (prefers-color-scheme: dark) { - html[data-theme='auto'] .sf-c-yellowgreen, html.auto .sf-c-yellowgreen { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:0, html.auto .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } - html[data-theme='auto'] .sf-c-yellowgreen\:5, html.auto .sf-c-yellowgreen\:5 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } - html[data-theme='auto'] .sf-c-yellowgreen\:10, html.auto .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-yellowgreen\:15, html.auto .sf-c-yellowgreen\:15 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 85%) } - html[data-theme='auto'] .sf-c-yellowgreen\:20, html.auto .sf-c-yellowgreen\:20 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-yellowgreen\:25, html.auto .sf-c-yellowgreen\:25 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 75%) } - html[data-theme='auto'] .sf-c-yellowgreen\:30, html.auto .sf-c-yellowgreen\:30 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-yellowgreen\:35, html.auto .sf-c-yellowgreen\:35 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 65%) } - html[data-theme='auto'] .sf-c-yellowgreen\:40, html.auto .sf-c-yellowgreen\:40 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-yellowgreen\:45, html.auto .sf-c-yellowgreen\:45 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 55%) } - html[data-theme='auto'] .sf-c-yellowgreen\:50, html.auto .sf-c-yellowgreen\:50 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:55, html.auto .sf-c-yellowgreen\:55 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 45%) } - html[data-theme='auto'] .sf-c-yellowgreen\:60, html.auto .sf-c-yellowgreen\:60 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-yellowgreen\:65, html.auto .sf-c-yellowgreen\:65 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 35%) } - html[data-theme='auto'] .sf-c-yellowgreen\:70, html.auto .sf-c-yellowgreen\:70 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-yellowgreen\:75, html.auto .sf-c-yellowgreen\:75 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 25%) } - html[data-theme='auto'] .sf-c-yellowgreen\:80, html.auto .sf-c-yellowgreen\:80 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-yellowgreen\:85, html.auto .sf-c-yellowgreen\:85 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 15%) } - html[data-theme='auto'] .sf-c-yellowgreen\:90, html.auto .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-yellowgreen\:95, html.auto .sf-c-yellowgreen\:95 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } - html[data-theme='auto'] .sf-c-yellowgreen\:100, html.auto .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } - - html[data-theme='auto'] .sf-c-yellowgreen\:st, html.auto .sf-c-yellowgreen\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:0\:st, html.auto .sf-c-yellowgreen\:0\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } - html[data-theme='auto'] .sf-c-yellowgreen\:5\:st, html.auto .sf-c-yellowgreen\:5\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } - html[data-theme='auto'] .sf-c-yellowgreen\:10\:st, html.auto .sf-c-yellowgreen\:10\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-yellowgreen\:15\:st, html.auto .sf-c-yellowgreen\:15\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 15%) } - html[data-theme='auto'] .sf-c-yellowgreen\:20\:st, html.auto .sf-c-yellowgreen\:20\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-yellowgreen\:25\:st, html.auto .sf-c-yellowgreen\:25\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 25%) } - html[data-theme='auto'] .sf-c-yellowgreen\:30\:st, html.auto .sf-c-yellowgreen\:30\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-yellowgreen\:35\:st, html.auto .sf-c-yellowgreen\:35\:st { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 35%) } - html[data-theme='auto'] .sf-c-yellowgreen\:40\:st, html.auto .sf-c-yellowgreen\:40\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-yellowgreen\:45\:st, html.auto .sf-c-yellowgreen\:45\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 45%) } - html[data-theme='auto'] .sf-c-yellowgreen\:50\:st, html.auto .sf-c-yellowgreen\:50\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-yellowgreen\:55\:st, html.auto .sf-c-yellowgreen\:55\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 55%) } - html[data-theme='auto'] .sf-c-yellowgreen\:60\:st, html.auto .sf-c-yellowgreen\:60\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-yellowgreen\:65\:st, html.auto .sf-c-yellowgreen\:65\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 65%) } - html[data-theme='auto'] .sf-c-yellowgreen\:70\:st, html.auto .sf-c-yellowgreen\:70\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-yellowgreen\:75\:st, html.auto .sf-c-yellowgreen\:75\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 75%) } - html[data-theme='auto'] .sf-c-yellowgreen\:80\:st, html.auto .sf-c-yellowgreen\:80\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-yellowgreen\:85\:st, html.auto .sf-c-yellowgreen\:85\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 85%) } - html[data-theme='auto'] .sf-c-yellowgreen\:90\:st, html.auto .sf-c-yellowgreen\:90\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-yellowgreen\:95\:st, html.auto .sf-c-yellowgreen\:95\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } - html[data-theme='auto'] .sf-c-yellowgreen\:100\:st, html.auto .sf-c-yellowgreen\:100\:st { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } - - html[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:5, html.auto .sf-c-txt-yellowgreen\:5 { color: hsl(80, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:15, html.auto .sf-c-txt-yellowgreen\:15 { color: hsl(80, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:25, html.auto .sf-c-txt-yellowgreen\:25 { color: hsl(80, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:35, html.auto .sf-c-txt-yellowgreen\:35 { color: hsl(80, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:45, html.auto .sf-c-txt-yellowgreen\:45 { color: hsl(80, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:55, html.auto .sf-c-txt-yellowgreen\:55 { color: hsl(80, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:65, html.auto .sf-c-txt-yellowgreen\:65 { color: hsl(80, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:75, html.auto .sf-c-txt-yellowgreen\:75 { color: hsl(80, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:85, html.auto .sf-c-txt-yellowgreen\:85 { color: hsl(80, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:95, html.auto .sf-c-txt-yellowgreen\:95 { color: hsl(80, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } - - html[data-theme='auto'] .sf-c-txt-yellowgreen\:st, html.auto .sf-c-txt-yellowgreen\:st { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:st, html.auto .sf-c-txt-yellowgreen\:0\:st { color: hsl(80, 61%, 0%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:5\:st, html.auto .sf-c-txt-yellowgreen\:5\:st { color: hsl(80, 61%, 5%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:st, html.auto .sf-c-txt-yellowgreen\:10\:st { color: hsl(80, 61%, 10%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:15\:st, html.auto .sf-c-txt-yellowgreen\:15\:st { color: hsl(80, 61%, 15%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:st, html.auto .sf-c-txt-yellowgreen\:20\:st { color: hsl(80, 61%, 20%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:25\:st, html.auto .sf-c-txt-yellowgreen\:25\:st { color: hsl(80, 61%, 25%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:st, html.auto .sf-c-txt-yellowgreen\:30\:st { color: hsl(80, 61%, 30%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:35\:st, html.auto .sf-c-txt-yellowgreen\:35\:st { color: hsl(80, 61%, 35%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:st, html.auto .sf-c-txt-yellowgreen\:40\:st { color: hsl(80, 61%, 40%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:45\:st, html.auto .sf-c-txt-yellowgreen\:45\:st { color: hsl(80, 61%, 45%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:st, html.auto .sf-c-txt-yellowgreen\:50\:st { color: hsl(80, 61%, 50%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:55\:st, html.auto .sf-c-txt-yellowgreen\:55\:st { color: hsl(80, 61%, 55%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:st, html.auto .sf-c-txt-yellowgreen\:60\:st { color: hsl(80, 61%, 60%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:65\:st, html.auto .sf-c-txt-yellowgreen\:65\:st { color: hsl(80, 61%, 65%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:st, html.auto .sf-c-txt-yellowgreen\:70\:st { color: hsl(80, 61%, 70%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:75\:st, html.auto .sf-c-txt-yellowgreen\:75\:st { color: hsl(80, 61%, 75%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:st, html.auto .sf-c-txt-yellowgreen\:80\:st { color: hsl(80, 61%, 80%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:85\:st, html.auto .sf-c-txt-yellowgreen\:85\:st { color: hsl(80, 61%, 85%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:st, html.auto .sf-c-txt-yellowgreen\:90\:st { color: hsl(80, 61%, 90%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:95\:st, html.auto .sf-c-txt-yellowgreen\:95\:st { color: hsl(80, 61%, 95%) } - html[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:st, html.auto .sf-c-txt-yellowgreen\:100\:st { color: hsl(80, 61%, 100%) } -} \ No newline at end of file diff --git a/src/rainbow.css b/src/rainbow.css deleted file mode 100644 index c610923..0000000 --- a/src/rainbow.css +++ /dev/null @@ -1,8 +0,0 @@ -@import './colors/10/black.css'; -@import './colors/10/blue.css'; -@import './colors/10/green.css'; -@import './colors/10/orange.css'; -@import './colors/10/red.css'; -@import './colors/10/skyblue.css'; -@import './colors/10/violet.css'; -@import './colors/10/yellow.css'; \ No newline at end of file diff --git a/src/web.css b/src/web.css deleted file mode 100644 index 96f5586..0000000 --- a/src/web.css +++ /dev/null @@ -1,16 +0,0 @@ -@import './colors/10/aqua.css'; -@import './colors/10/black.css'; -@import './colors/10/blue.css'; -@import './colors/10/fuchsia.css'; -@import './colors/10/gray.css'; -@import './colors/10/green.css'; -@import './colors/10/lime.css'; -@import './colors/10/maroon.css'; -@import './colors/10/navy.css'; -@import './colors/10/olive.css'; -@import './colors/10/purple.css'; -@import './colors/10/red.css'; -@import './colors/10/silver.css'; -@import './colors/10/teal.css'; -@import './colors/10/white.css'; -@import './colors/10/yellow.css'; \ No newline at end of file diff --git a/utils/colors.js b/utils/colors.js new file mode 100644 index 0000000..4c276fb --- /dev/null +++ b/utils/colors.js @@ -0,0 +1,150 @@ +export const colors = new Map([ + ['aliceblue', { hsl: [208, 100, 97] }], + ['antiquewhite', { hsl: [34, 78, 91] }], + ['aqua', { hsl: [180, 100, 50] }], + ['aquamarine', { hsl: [160, 100, 75] }], + ['azure', { hsl: [180, 100, 97] }], + ['beige', { hsl: [60, 56, 91] }], + ['bisque', { hsl: [33, 100, 88] }], + ['black', { hsl: [0, 0, 0] }], + ['blanchedalmond', { hsl: [36, 100, 90] }], + ['blue', { hsl: [240, 100, 50] }], + ['blueviolet', { hsl: [271, 76, 53] }], + ['brown', { hsl: [0, 59, 41] }], + ['burlywood', { hsl: [34, 57, 70] }], + ['cadetblue', { hsl: [182, 25, 50] }], + ['chartreuse', { hsl: [90, 100, 50] }], + ['chocolate', { hsl: [25, 75, 47] }], + ['coral', { hsl: [16, 100, 66] }], + ['cornflowerblue', { hsl: [219, 79, 66] }], + ['cornsilk', { hsl: [48, 100, 93] }], + ['crimson', { hsl: [348, 83, 47] }], + ['cyan', { hsl: [180, 100, 50] }], + ['darkblue', { hsl: [240, 100, 27] }], + ['darkcyan', { hsl: [180, 100, 27] }], + ['darkgoldenrod', { hsl: [43, 89, 38] }], + ['darkgray', { hsl: [0, 0, 66] }], + ['darkgrey', { hsl: [0, 0, 66] }], + ['darkgreen', { hsl: [120, 100, 20] }], + ['darkkhaki', { hsl: [56, 38, 58] }], + ['darkmagenta', { hsl: [300, 100, 27] }], + ['darkolivegreen', { hsl: [82, 39, 30] }], + ['darkorange', { hsl: [33, 100, 50] }], + ['darkorchid', { hsl: [280, 61, 50] }], + ['darkred', { hsl: [0, 100, 27] }], + ['darksalmon', { hsl: [15, 72, 70] }], + ['darkseagreen', { hsl: [120, 25, 65] }], + ['darkslateblue', { hsl: [248, 39, 39] }], + ['darkslategray', { hsl: [180, 25, 25] }], + ['darkslategrey', { hsl: [180, 25, 25] }], + ['darkturquoise', { hsl: [181, 100, 41] }], + ['darkviolet', { hsl: [282, 100, 41] }], + ['deeppink', { hsl: [328, 100, 54] }], + ['deepskyblue', { hsl: [195, 100, 50] }], + ['dimgray', { hsl: [0, 0, 41] }], + ['dimgrey', { hsl: [0, 0, 41] }], + ['dodgerblue', { hsl: [210, 100, 56] }], + ['firebrick', { hsl: [0, 68, 42] }], + ['floralwhite', { hsl: [40, 100, 97] }], + ['forestgreen', { hsl: [120, 61, 34] }], + ['fuchsia', { hsl: [300, 100, 50] }], + ['gainsboro', { hsl: [0, 0, 86] }], + ['ghostwhite', { hsl: [240, 100, 99] }], + ['gold', { hsl: [51, 100, 50] }], + ['goldenrod', { hsl: [43, 74, 49] }], + ['gray', { hsl: [0, 0, 50] }], + ['grey', { hsl: [0, 0, 50] }], + ['green', { hsl: [120, 100, 25] }], + ['greenyellow', { hsl: [84, 100, 59] }], + ['honeydew', { hsl: [120, 100, 97] }], + ['hotpink', { hsl: [330, 100, 71] }], + ['indianred', { hsl: [0, 53, 58] }], + ['indigo', { hsl: [275, 100, 25] }], + ['ivory', { hsl: [60, 100, 97] }], + ['khaki', { hsl: [54, 77, 75] }], + ['lavender', { hsl: [240, 67, 94] }], + ['lavenderblush', { hsl: [340, 100, 97] }], + ['lawngreen', { hsl: [90, 100, 49] }], + ['lemonchiffon', { hsl: [54, 100, 90] }], + ['lightblue', { hsl: [195, 53, 79] }], + ['lightcoral', { hsl: [0, 79, 72] }], + ['lightcyan', { hsl: [180, 100, 94] }], + ['lightgoldenrodyellow', { hsl: [60, 80, 90] }], + ['lightgray', { hsl: [0, 0, 83] }], + ['lightgrey', { hsl: [0, 0, 83] }], + ['lightgreen', { hsl: [120, 73, 75] }], + ['lightpink', { hsl: [351, 100, 86] }], + ['lightsalmon', { hsl: [17, 100, 74] }], + ['lightseagreen', { hsl: [177, 70, 41] }], + ['lightskyblue', { hsl: [203, 92, 75] }], + ['lightslategray', { hsl: [210, 14, 53] }], + ['lightslategrey', { hsl: [210, 14, 53] }], + ['lightsteelblue', { hsl: [214, 41, 78] }], + ['lightyellow', { hsl: [60, 100, 94] }], + ['lime', { hsl: [120, 100, 50] }], + ['limegreen', { hsl: [120, 61, 50] }], + ['linen', { hsl: [30, 67, 94] }], + ['magenta', { hsl: [300, 100, 50] }], + ['maroon', { hsl: [0, 100, 25] }], + ['mediumaquamarine', { hsl: [160, 51, 60] }], + ['mediumblue', { hsl: [240, 100, 40] }], + ['mediumorchid', { hsl: [288, 59, 58] }], + ['mediumpurple', { hsl: [260, 60, 65] }], + ['mediumseagreen', { hsl: [147, 50, 47] }], + ['mediumslateblue', { hsl: [249, 80, 67] }], + ['mediumspringgreen', { hsl: [157, 100, 49] }], + ['mediumturquoise', { hsl: [178, 60, 55] }], + ['mediumvioletred', { hsl: [322, 81, 43] }], + ['midnightblue', { hsl: [240, 64, 27] }], + ['mintcream', { hsl: [150, 100, 98] }], + ['mistyrose', { hsl: [6, 100, 94] }], + ['moccasin', { hsl: [38, 100, 85] }], + ['navajowhite', { hsl: [36, 100, 84] }], + ['navy', { hsl: [240, 100, 25] }], + ['oldlace', { hsl: [39, 85, 95] }], + ['olive', { hsl: [60, 100, 25] }], + ['olivedrab', { hsl: [80, 60, 35] }], + ['orange', { hsl: [39, 100, 50] }], + ['orangered', { hsl: [16, 100, 50] }], + ['orchid', { hsl: [302, 59, 65] }], + ['palegoldenrod', { hsl: [55, 67, 80] }], + ['palegreen', { hsl: [120, 93, 79] }], + ['paleturquoise', { hsl: [180, 65, 81] }], + ['palevioletred', { hsl: [340, 60, 65] }], + ['papayawhip', { hsl: [37, 100, 92] }], + ['peachpuff', { hsl: [28, 100, 86] }], + ['peru', { hsl: [30, 59, 53] }], + ['pink', { hsl: [350, 100, 88] }], + ['plum', { hsl: [300, 47, 75] }], + ['powderblue', { hsl: [187, 52, 80] }], + ['purple', { hsl: [300, 100, 25] }], + ['rebeccapurple', { hsl: [270, 50, 40] }], + ['red', { hsl: [0, 100, 50] }], + ['rosybrown', { hsl: [0, 25, 65] }], + ['royalblue', { hsl: [225, 73, 57] }], + ['saddlebrown', { hsl: [25, 76, 31] }], + ['salmon', { hsl: [6, 93, 71] }], + ['sandybrown', { hsl: [28, 87, 67] }], + ['seagreen', { hsl: [146, 50, 36] }], + ['seashell', { hsl: [25, 100, 97] }], + ['sienna', { hsl: [19, 56, 40] }], + ['silver', { hsl: [0, 0, 75] }], + ['skyblue', { hsl: [197, 71, 73] }], + ['slateblue', { hsl: [248, 53, 58] }], + ['slategray', { hsl: [210, 13, 50] }], + ['slategrey', { hsl: [210, 13, 50] }], + ['snow', { hsl: [0, 100, 99] }], + ['springgreen', { hsl: [150, 100, 50] }], + ['steelblue', { hsl: [207, 44, 49] }], + ['tan', { hsl: [34, 44, 69] }], + ['teal', { hsl: [180, 100, 25] }], + ['thistle', { hsl: [300, 24, 80] }], + ['tomato', { hsl: [9, 100, 64] }], + ['turquoise', { hsl: [174, 72, 56] }], + ['violet', { hsl: [300, 76, 72] }], + ['wheat', { hsl: [39, 77, 83] }], + ['white', { hsl: [0, 0, 100] }], + ['whitesmoke', { hsl: [0, 0, 96] }], + ['yellow', { hsl: [60, 100, 50] }], + ['yellowgreen', { hsl: [80, 61, 50] }], +]) diff --git a/utils/config.js b/utils/config.js new file mode 100644 index 0000000..f384beb --- /dev/null +++ b/utils/config.js @@ -0,0 +1,28 @@ +import { existsSync, writeFileSync, readFileSync } from 'fs' +import { resolve } from 'path' +import stringify from 'json-stringify-pretty-compact' + +const configPath = resolve('style-forge.colors.config.json') + +const defaultConfig = { + defaultFormat: 'HSL', + outputDir: 'src/assets/styles/colors', + atomicSubDir: "single", + paletteRanges: [ + [0, 0, [0]], + [240, 100, [50]], + [120, 100, [25]], + [39, 100, [50]], + [0, 100, [50]], + [197, 71, [73]], + [300, 76, [72]], + [60, 100, [50]], + ] +} + +if (!existsSync(configPath)) { + writeFileSync(configPath, stringify(defaultConfig)) + console.log('🆕 Created style-forge.colors.config.json with default settings') +} + +export const config = JSON.parse(readFileSync(configPath, 'utf-8')) diff --git a/utils/convert.js b/utils/convert.js new file mode 100644 index 0000000..98c6cdd --- /dev/null +++ b/utils/convert.js @@ -0,0 +1,75 @@ +export function HSLToRGB([H, S, L]) { + // Validate input + if (isNaN(H) || isNaN(S) || isNaN(L) || H < 0 || H > 360 || S < 0 || S > 100 || L < 0 || L > 100) { + throw new Error('Invalid input. HSL values must be numbers within valid ranges.'); + } + + // Normalize S and L to the range [0, 1] + S /= 100; + L /= 100; + + const C = (1 - Math.abs(2 * L - 1)) * S; + const X = C * (1 - Math.abs((H / 60) % 2 - 1)); + const m = L - C / 2; + + let R = 0, G = 0, B = 0; + + if (H < 60) { + R = C; + G = X; + } else if (H < 120) { + R = X; + G = C; + } else if (H < 180) { + G = C; + B = X; + } else if (H < 240) { + G = X; + B = C; + } else if (H < 300) { + R = X; + B = C; + } else { + R = C; + B = X; + } + + // Convert RGB values to the range [0, 255] and round them + R = Math.round((R + m) * 255); + G = Math.round((G + m) * 255); + B = Math.round((B + m) * 255); + + return [R, G, B]; +} +export function RGBToHEX([r, g, b]) { + return ('#' + [r, g, b].map((x) => { + const hex = x.toString(16) + return hex.length === 1 ? '0' + hex : hex + }).join('')) +} +export function RGBToHSL([r, g, b]) { + r /= 255 + g /= 255 + b /= 255 + + const max = Math.max(r, g, b) + const min = Math.min(r, g, b) + let h, s, l = (max + min) / 2 + + if (max === min) { + h = s = 0 // achromatic + } else { + const d = max - min + s = l > 0.5 ? d / (2 - max - min) : d / (max + min) + + switch (max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break + case g: h = (b - r) / d + 2; break + case b: h = (r - g) / d + 4; break + } + + h *= 60 + } + + return [Math.round(h), Math.round(s * 100), Math.round(l * 100)] +} diff --git a/utils/fs.js b/utils/fs.js new file mode 100644 index 0000000..076e0d1 --- /dev/null +++ b/utils/fs.js @@ -0,0 +1,15 @@ +import { existsSync } from 'fs'; +import { dirname } from 'path'; +import { writeFile, mkdir } from 'fs/promises'; + +export const ensureDirectoryExists = async (dirPath) => { + if (!existsSync(dirPath)) { + await mkdir(dirPath, { recursive: true }); + } +}; + +export const writeFileWithDirs = async (filePath, data) => { + const dirPath = dirname(filePath); + await ensureDirectoryExists(dirPath); + await writeFile(filePath, data); +}; diff --git a/utils/palette.js b/utils/palette.js new file mode 100644 index 0000000..b5483dd --- /dev/null +++ b/utils/palette.js @@ -0,0 +1,19 @@ +import { config } from './config.js' +import { writeFileWithDirs } from './fs.js' +import { generateSingleColorCSS } from '../generators/styleBlocks.js' + +export async function handleSingleColor(H, S, L) { + const css = generateSingleColorCSS(H, S, L) + const path = `${config.outputDir}/${config.atomicSubDir}/${H}.${S}.${L}.css` + await writeFileWithDirs(path, css) + console.log(`✅ Generated → ${path}`) +} + +export async function handlePaletteRanges(ranges) { + console.log('🎨 Generating colors from config.paletteRanges...') + for (const [H, S, lightnessList] of ranges) { + for (const L of lightnessList) { + await handleSingleColor(H, S, L) + } + } +} diff --git a/utils/tools.js b/utils/tools.js new file mode 100644 index 0000000..0fbaf53 --- /dev/null +++ b/utils/tools.js @@ -0,0 +1,8 @@ +export function getLuminance([R, G, B]) { + [R, G, B] = [R, G, B].map(x => x / 255).map(x => x <= 0.03928 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4) + return R * 0.2126 + G * 0.7152 + B * 0.0722 +} + +export function getContrastRatio(a, b) { + return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05) +} diff --git a/web.css b/web.css deleted file mode 100644 index 0670152..0000000 --- a/web.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! style-forge.colors 2025.2.5 | MIT License | https://github.com/Style-Forge/colors */ - -.sf-var-aqua{--sf-c-aqua:180 100% 50%;--sf-c-aqua-0:180 100% 0%;--sf-c-aqua-10:180 100% 10%;--sf-c-aqua-20:180 100% 20%;--sf-c-aqua-30:180 100% 30%;--sf-c-aqua-40:180 100% 40%;--sf-c-aqua-50:180 100% 50%;--sf-c-aqua-60:180 100% 60%;--sf-c-aqua-70:180 100% 70%;--sf-c-aqua-80:180 100% 80%;--sf-c-aqua-90:180 100% 90%;--sf-c-aqua-100:180 100% 100%}.sf-c-aqua,.sf-c-aqua\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}.sf-c-aqua\:0,.sf-c-aqua\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}.sf-c-aqua\:10,.sf-c-aqua\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}.sf-c-aqua\:20,.sf-c-aqua\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}.sf-c-aqua\:30,.sf-c-aqua\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}.sf-c-aqua\:40,.sf-c-aqua\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}.sf-c-aqua\:50,.sf-c-aqua\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}.sf-c-aqua\:60,.sf-c-aqua\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}.sf-c-aqua\:70,.sf-c-aqua\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}.sf-c-aqua\:80,.sf-c-aqua\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}.sf-c-aqua\:90,.sf-c-aqua\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}.sf-c-aqua\:100,.sf-c-aqua\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}.sf-c-txt-aqua{color:hsl(180,100%,50%)}.sf-c-txt-aqua\:st{color:hsl(180,100%,50%)}.sf-c-txt-aqua\:0,.sf-c-txt-aqua\:0\:st{color:hsl(180,100%,0%)}.sf-c-txt-aqua\:10,.sf-c-txt-aqua\:10\:st{color:hsl(180,100%,10%)}.sf-c-txt-aqua\:20,.sf-c-txt-aqua\:20\:st{color:hsl(180,100%,20%)}.sf-c-txt-aqua\:30,.sf-c-txt-aqua\:30\:st{color:hsl(180,100%,30%)}.sf-c-txt-aqua\:40,.sf-c-txt-aqua\:40\:st{color:hsl(180,100%,40%)}.sf-c-txt-aqua\:50,.sf-c-txt-aqua\:50\:st{color:hsl(180,100%,50%)}.sf-c-txt-aqua\:60,.sf-c-txt-aqua\:60\:st{color:hsl(180,100%,60%)}.sf-c-txt-aqua\:70,.sf-c-txt-aqua\:70\:st{color:hsl(180,100%,70%)}.sf-c-txt-aqua\:80,.sf-c-txt-aqua\:80\:st{color:hsl(180,100%,80%)}.sf-c-txt-aqua\:90,.sf-c-txt-aqua\:90\:st{color:hsl(180,100%,90%)}.sf-c-txt-aqua\:100,.sf-c-txt-aqua\:100\:st{color:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-aqua,html.dark .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-aqua\:0,html.dark .sf-c-aqua\:0{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-aqua\:10,html.dark .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-aqua\:20,html.dark .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-aqua\:30,html.dark .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-aqua\:40,html.dark .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-aqua\:50,html.dark .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-aqua\:60,html.dark .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-aqua\:70,html.dark .sf-c-aqua\:70{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-aqua\:80,html.dark .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-aqua\:90,html.dark .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-aqua\:100,html.dark .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-aqua\:st,html.dark .sf-c-aqua\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-aqua\:0\:st,html.dark .sf-c-aqua\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-aqua\:10\:st,html.dark .sf-c-aqua\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-aqua\:20\:st,html.dark .sf-c-aqua\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-aqua\:30\:st,html.dark .sf-c-aqua\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-aqua\:40\:st,html.dark .sf-c-aqua\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-aqua\:50\:st,html.dark .sf-c-aqua\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-aqua\:60\:st,html.dark .sf-c-aqua\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-aqua\:70\:st,html.dark .sf-c-aqua\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-aqua\:80\:st,html.dark .sf-c-aqua\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-aqua\:90\:st,html.dark .sf-c-aqua\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-aqua\:100\:st,html.dark .sf-c-aqua\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-txt-aqua,html.dark .sf-c-txt-aqua{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-aqua\:0,html.dark .sf-c-txt-aqua\:0{color:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-txt-aqua\:10,html.dark .sf-c-txt-aqua\:10{color:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-txt-aqua\:20,html.dark .sf-c-txt-aqua\:20{color:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-txt-aqua\:30,html.dark .sf-c-txt-aqua\:30{color:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-txt-aqua\:40,html.dark .sf-c-txt-aqua\:40{color:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-txt-aqua\:50,html.dark .sf-c-txt-aqua\:50{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-aqua\:60,html.dark .sf-c-txt-aqua\:60{color:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-txt-aqua\:70,html.dark .sf-c-txt-aqua\:70{color:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-txt-aqua\:80,html.dark .sf-c-txt-aqua\:80{color:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-txt-aqua\:90,html.dark .sf-c-txt-aqua\:90{color:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-txt-aqua\:100,html.dark .sf-c-txt-aqua\:100{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-txt-aqua\:st,html.dark .sf-c-txt-aqua\:st{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-aqua\:0\:st,html.dark .sf-c-txt-aqua\:0\:st{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-txt-aqua\:10\:st,html.dark .sf-c-txt-aqua\:10\:st{color:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-txt-aqua\:20\:st,html.dark .sf-c-txt-aqua\:20\:st{color:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-txt-aqua\:30\:st,html.dark .sf-c-txt-aqua\:30\:st{color:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-txt-aqua\:40\:st,html.dark .sf-c-txt-aqua\:40\:st{color:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-txt-aqua\:50\:st,html.dark .sf-c-txt-aqua\:50\:st{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-aqua\:60\:st,html.dark .sf-c-txt-aqua\:60\:st{color:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-txt-aqua\:70\:st,html.dark .sf-c-txt-aqua\:70\:st{color:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-txt-aqua\:80\:st,html.dark .sf-c-txt-aqua\:80\:st{color:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-txt-aqua\:90\:st,html.dark .sf-c-txt-aqua\:90\:st{color:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-txt-aqua\:100\:st,html.dark .sf-c-txt-aqua\:100\:st{color:hsl(180,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-aqua,html.auto .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-aqua\:0,html.auto .sf-c-aqua\:0{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-aqua\:10,html.auto .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-aqua\:20,html.auto .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-aqua\:30,html.auto .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-aqua\:40,html.auto .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-aqua\:50,html.auto .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-aqua\:60,html.auto .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-aqua\:70,html.auto .sf-c-aqua\:70{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-aqua\:80,html.auto .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-aqua\:90,html.auto .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-aqua\:100,html.auto .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-aqua\:st,html.auto .sf-c-aqua\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-aqua\:0\:st,html.auto .sf-c-aqua\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-aqua\:10\:st,html.auto .sf-c-aqua\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-aqua\:20\:st,html.auto .sf-c-aqua\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-aqua\:30\:st,html.auto .sf-c-aqua\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-aqua\:40\:st,html.auto .sf-c-aqua\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-aqua\:50\:st,html.auto .sf-c-aqua\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-aqua\:60\:st,html.auto .sf-c-aqua\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-aqua\:70\:st,html.auto .sf-c-aqua\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-aqua\:80\:st,html.auto .sf-c-aqua\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-aqua\:90\:st,html.auto .sf-c-aqua\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-aqua\:100\:st,html.auto .sf-c-aqua\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-txt-aqua,html.auto .sf-c-txt-aqua{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-aqua\:0,html.auto .sf-c-txt-aqua\:0{color:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-txt-aqua\:10,html.auto .sf-c-txt-aqua\:10{color:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-txt-aqua\:20,html.auto .sf-c-txt-aqua\:20{color:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-txt-aqua\:30,html.auto .sf-c-txt-aqua\:30{color:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-txt-aqua\:40,html.auto .sf-c-txt-aqua\:40{color:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-txt-aqua\:50,html.auto .sf-c-txt-aqua\:50{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-aqua\:60,html.auto .sf-c-txt-aqua\:60{color:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-txt-aqua\:70,html.auto .sf-c-txt-aqua\:70{color:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-txt-aqua\:80,html.auto .sf-c-txt-aqua\:80{color:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-txt-aqua\:90,html.auto .sf-c-txt-aqua\:90{color:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-txt-aqua\:100,html.auto .sf-c-txt-aqua\:100{color:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-txt-aqua\:st,html.auto .sf-c-txt-aqua\:st{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-aqua\:0\:st,html.auto .sf-c-txt-aqua\:0\:st{color:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-txt-aqua\:10\:st,html.auto .sf-c-txt-aqua\:10\:st{color:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-txt-aqua\:20\:st,html.auto .sf-c-txt-aqua\:20\:st{color:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-txt-aqua\:30\:st,html.auto .sf-c-txt-aqua\:30\:st{color:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-txt-aqua\:40\:st,html.auto .sf-c-txt-aqua\:40\:st{color:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-txt-aqua\:50\:st,html.auto .sf-c-txt-aqua\:50\:st{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-aqua\:60\:st,html.auto .sf-c-txt-aqua\:60\:st{color:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-txt-aqua\:70\:st,html.auto .sf-c-txt-aqua\:70\:st{color:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-txt-aqua\:80\:st,html.auto .sf-c-txt-aqua\:80\:st{color:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-txt-aqua\:90\:st,html.auto .sf-c-txt-aqua\:90\:st{color:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-txt-aqua\:100\:st,html.auto .sf-c-txt-aqua\:100\:st{color:hsl(180,100%,100%)}}.sf-var-black{--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%}.sf-c-black,.sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-black\:0,.sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-black\:10,.sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}.sf-c-black\:20,.sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}.sf-c-black\:30,.sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}.sf-c-black\:40,.sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}.sf-c-black\:50,.sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-black\:60,.sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}.sf-c-black\:70,.sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}.sf-c-black\:80,.sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}.sf-c-black\:90,.sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}.sf-c-black\:100,.sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-black{color:hsl(0,0%,0%)}.sf-c-txt-black\:st{color:hsl(0,0%,0%)}.sf-c-txt-black\:0,.sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}.sf-c-txt-black\:10,.sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}.sf-c-txt-black\:20,.sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}.sf-c-txt-black\:30,.sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}.sf-c-txt-black\:40,.sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}.sf-c-txt-black\:50,.sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}.sf-c-txt-black\:60,.sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}.sf-c-txt-black\:70,.sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}.sf-c-txt-black\:80,.sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}.sf-c-txt-black\:90,.sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}.sf-c-txt-black\:100,.sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:st,html.dark .sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:0\:st,html.dark .sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black\:10\:st,html.dark .sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-black\:20\:st,html.dark .sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-black\:30\:st,html.dark .sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-black\:40\:st,html.dark .sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-black\:50\:st,html.dark .sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-black\:60\:st,html.dark .sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-black\:70\:st,html.dark .sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-black\:80\:st,html.dark .sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-black\:90\:st,html.dark .sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-black\:100\:st,html.dark .sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:st,html.dark .sf-c-txt-black\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:0\:st,html.dark .sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-black\:10\:st,html.dark .sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-black\:20\:st,html.dark .sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-black\:30\:st,html.dark .sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-black\:40\:st,html.dark .sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-black\:50\:st,html.dark .sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-black\:60\:st,html.dark .sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-black\:70\:st,html.dark .sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-black\:80\:st,html.dark .sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-black\:90\:st,html.dark .sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-black\:100\:st,html.dark .sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:st,html.auto .sf-c-black\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:0\:st,html.auto .sf-c-black\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-black\:10\:st,html.auto .sf-c-black\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-black\:20\:st,html.auto .sf-c-black\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-black\:30\:st,html.auto .sf-c-black\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-black\:40\:st,html.auto .sf-c-black\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-black\:50\:st,html.auto .sf-c-black\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-black\:60\:st,html.auto .sf-c-black\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-black\:70\:st,html.auto .sf-c-black\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-black\:80\:st,html.auto .sf-c-black\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-black\:90\:st,html.auto .sf-c-black\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-black\:100\:st,html.auto .sf-c-black\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:st,html.auto .sf-c-txt-black\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:0\:st,html.auto .sf-c-txt-black\:0\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-black\:10\:st,html.auto .sf-c-txt-black\:10\:st{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-black\:20\:st,html.auto .sf-c-txt-black\:20\:st{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-black\:30\:st,html.auto .sf-c-txt-black\:30\:st{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-black\:40\:st,html.auto .sf-c-txt-black\:40\:st{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-black\:50\:st,html.auto .sf-c-txt-black\:50\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-black\:60\:st,html.auto .sf-c-txt-black\:60\:st{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-black\:70\:st,html.auto .sf-c-txt-black\:70\:st{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-black\:80\:st,html.auto .sf-c-txt-black\:80\:st{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-black\:90\:st,html.auto .sf-c-txt-black\:90\:st{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-black\:100\:st,html.auto .sf-c-txt-black\:100\:st{color:hsl(0,0%,100%)}}.sf-var-blue{--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%}.sf-c-blue,.sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}.sf-c-blue\:0,.sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}.sf-c-blue\:10,.sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}.sf-c-blue\:20,.sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}.sf-c-blue\:30,.sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}.sf-c-blue\:40,.sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}.sf-c-blue\:50,.sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}.sf-c-blue\:60,.sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}.sf-c-blue\:70,.sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}.sf-c-blue\:80,.sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}.sf-c-blue\:90,.sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}.sf-c-blue\:100,.sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-blue{color:hsl(240,100%,50%)}.sf-c-txt-blue\:st{color:hsl(240,100%,50%)}.sf-c-txt-blue\:0,.sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}.sf-c-txt-blue\:10,.sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}.sf-c-txt-blue\:20,.sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}.sf-c-txt-blue\:30,.sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}.sf-c-txt-blue\:40,.sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}.sf-c-txt-blue\:50,.sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}.sf-c-txt-blue\:60,.sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}.sf-c-txt-blue\:70,.sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}.sf-c-txt-blue\:80,.sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}.sf-c-txt-blue\:90,.sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}.sf-c-txt-blue\:100,.sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue\:st,html.dark .sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:0\:st,html.dark .sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue\:10\:st,html.dark .sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-blue\:20\:st,html.dark .sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-blue\:30\:st,html.dark .sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-blue\:40\:st,html.dark .sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-blue\:50\:st,html.dark .sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-blue\:60\:st,html.dark .sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-blue\:70\:st,html.dark .sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-blue\:80\:st,html.dark .sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-blue\:90\:st,html.dark .sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-blue\:100\:st,html.dark .sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-blue\:st,html.dark .sf-c-txt-blue\:st{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:0\:st,html.dark .sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-blue\:10\:st,html.dark .sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-blue\:20\:st,html.dark .sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-blue\:30\:st,html.dark .sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-blue\:40\:st,html.dark .sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-blue\:50\:st,html.dark .sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-blue\:60\:st,html.dark .sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-blue\:70\:st,html.dark .sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-blue\:80\:st,html.dark .sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-blue\:90\:st,html.dark .sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-blue\:100\:st,html.dark .sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-blue\:st,html.auto .sf-c-blue\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:0\:st,html.auto .sf-c-blue\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-blue\:10\:st,html.auto .sf-c-blue\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-blue\:20\:st,html.auto .sf-c-blue\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-blue\:30\:st,html.auto .sf-c-blue\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-blue\:40\:st,html.auto .sf-c-blue\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-blue\:50\:st,html.auto .sf-c-blue\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-blue\:60\:st,html.auto .sf-c-blue\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-blue\:70\:st,html.auto .sf-c-blue\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-blue\:80\:st,html.auto .sf-c-blue\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-blue\:90\:st,html.auto .sf-c-blue\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-blue\:100\:st,html.auto .sf-c-blue\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-blue\:st,html.auto .sf-c-txt-blue\:st{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:0\:st,html.auto .sf-c-txt-blue\:0\:st{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-blue\:10\:st,html.auto .sf-c-txt-blue\:10\:st{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-blue\:20\:st,html.auto .sf-c-txt-blue\:20\:st{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-blue\:30\:st,html.auto .sf-c-txt-blue\:30\:st{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-blue\:40\:st,html.auto .sf-c-txt-blue\:40\:st{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-blue\:50\:st,html.auto .sf-c-txt-blue\:50\:st{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-blue\:60\:st,html.auto .sf-c-txt-blue\:60\:st{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-blue\:70\:st,html.auto .sf-c-txt-blue\:70\:st{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-blue\:80\:st,html.auto .sf-c-txt-blue\:80\:st{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-blue\:90\:st,html.auto .sf-c-txt-blue\:90\:st{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-blue\:100\:st,html.auto .sf-c-txt-blue\:100\:st{color:hsl(240,100%,100%)}}.sf-var-fuchsia{--sf-c-fuchsia:300 100% 50%;--sf-c-fuchsia-0:300 100% 0%;--sf-c-fuchsia-10:300 100% 10%;--sf-c-fuchsia-20:300 100% 20%;--sf-c-fuchsia-30:300 100% 30%;--sf-c-fuchsia-40:300 100% 40%;--sf-c-fuchsia-50:300 100% 50%;--sf-c-fuchsia-60:300 100% 60%;--sf-c-fuchsia-70:300 100% 70%;--sf-c-fuchsia-80:300 100% 80%;--sf-c-fuchsia-90:300 100% 90%;--sf-c-fuchsia-100:300 100% 100%}.sf-c-fuchsia,.sf-c-fuchsia\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}.sf-c-fuchsia\:0,.sf-c-fuchsia\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}.sf-c-fuchsia\:10,.sf-c-fuchsia\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}.sf-c-fuchsia\:20,.sf-c-fuchsia\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}.sf-c-fuchsia\:30,.sf-c-fuchsia\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}.sf-c-fuchsia\:40,.sf-c-fuchsia\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}.sf-c-fuchsia\:50,.sf-c-fuchsia\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}.sf-c-fuchsia\:60,.sf-c-fuchsia\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}.sf-c-fuchsia\:70,.sf-c-fuchsia\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}.sf-c-fuchsia\:80,.sf-c-fuchsia\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}.sf-c-fuchsia\:90,.sf-c-fuchsia\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}.sf-c-fuchsia\:100,.sf-c-fuchsia\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}.sf-c-txt-fuchsia{color:hsl(300,100%,50%)}.sf-c-txt-fuchsia\:st{color:hsl(300,100%,50%)}.sf-c-txt-fuchsia\:0,.sf-c-txt-fuchsia\:0\:st{color:hsl(300,100%,0%)}.sf-c-txt-fuchsia\:10,.sf-c-txt-fuchsia\:10\:st{color:hsl(300,100%,10%)}.sf-c-txt-fuchsia\:20,.sf-c-txt-fuchsia\:20\:st{color:hsl(300,100%,20%)}.sf-c-txt-fuchsia\:30,.sf-c-txt-fuchsia\:30\:st{color:hsl(300,100%,30%)}.sf-c-txt-fuchsia\:40,.sf-c-txt-fuchsia\:40\:st{color:hsl(300,100%,40%)}.sf-c-txt-fuchsia\:50,.sf-c-txt-fuchsia\:50\:st{color:hsl(300,100%,50%)}.sf-c-txt-fuchsia\:60,.sf-c-txt-fuchsia\:60\:st{color:hsl(300,100%,60%)}.sf-c-txt-fuchsia\:70,.sf-c-txt-fuchsia\:70\:st{color:hsl(300,100%,70%)}.sf-c-txt-fuchsia\:80,.sf-c-txt-fuchsia\:80\:st{color:hsl(300,100%,80%)}.sf-c-txt-fuchsia\:90,.sf-c-txt-fuchsia\:90\:st{color:hsl(300,100%,90%)}.sf-c-txt-fuchsia\:100,.sf-c-txt-fuchsia\:100\:st{color:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-fuchsia,html.dark .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-fuchsia\:0,html.dark .sf-c-fuchsia\:0{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-fuchsia\:10,html.dark .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-fuchsia\:20,html.dark .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-fuchsia\:30,html.dark .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-fuchsia\:40,html.dark .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-fuchsia\:50,html.dark .sf-c-fuchsia\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-fuchsia\:60,html.dark .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-fuchsia\:70,html.dark .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-fuchsia\:80,html.dark .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-fuchsia\:90,html.dark .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-fuchsia\:100,html.dark .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-fuchsia\:st,html.dark .sf-c-fuchsia\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-fuchsia\:0\:st,html.dark .sf-c-fuchsia\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-fuchsia\:10\:st,html.dark .sf-c-fuchsia\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-fuchsia\:20\:st,html.dark .sf-c-fuchsia\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-fuchsia\:30\:st,html.dark .sf-c-fuchsia\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-fuchsia\:40\:st,html.dark .sf-c-fuchsia\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-fuchsia\:50\:st,html.dark .sf-c-fuchsia\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-fuchsia\:60\:st,html.dark .sf-c-fuchsia\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-fuchsia\:70\:st,html.dark .sf-c-fuchsia\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-fuchsia\:80\:st,html.dark .sf-c-fuchsia\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-fuchsia\:90\:st,html.dark .sf-c-fuchsia\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-fuchsia\:100\:st,html.dark .sf-c-fuchsia\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-txt-fuchsia,html.dark .sf-c-txt-fuchsia{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:0,html.dark .sf-c-txt-fuchsia\:0{color:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:10,html.dark .sf-c-txt-fuchsia\:10{color:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:20,html.dark .sf-c-txt-fuchsia\:20{color:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:30,html.dark .sf-c-txt-fuchsia\:30{color:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:40,html.dark .sf-c-txt-fuchsia\:40{color:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:50,html.dark .sf-c-txt-fuchsia\:50{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:60,html.dark .sf-c-txt-fuchsia\:60{color:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:70,html.dark .sf-c-txt-fuchsia\:70{color:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:80,html.dark .sf-c-txt-fuchsia\:80{color:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:90,html.dark .sf-c-txt-fuchsia\:90{color:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:100,html.dark .sf-c-txt-fuchsia\:100{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:st,html.dark .sf-c-txt-fuchsia\:st{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:st,html.dark .sf-c-txt-fuchsia\:0\:st{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:st,html.dark .sf-c-txt-fuchsia\:10\:st{color:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:st,html.dark .sf-c-txt-fuchsia\:20\:st{color:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:st,html.dark .sf-c-txt-fuchsia\:30\:st{color:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:st,html.dark .sf-c-txt-fuchsia\:40\:st{color:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:st,html.dark .sf-c-txt-fuchsia\:50\:st{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:st,html.dark .sf-c-txt-fuchsia\:60\:st{color:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:st,html.dark .sf-c-txt-fuchsia\:70\:st{color:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:st,html.dark .sf-c-txt-fuchsia\:80\:st{color:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:st,html.dark .sf-c-txt-fuchsia\:90\:st{color:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:st,html.dark .sf-c-txt-fuchsia\:100\:st{color:hsl(300,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-fuchsia,html.auto .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-fuchsia\:0,html.auto .sf-c-fuchsia\:0{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-fuchsia\:10,html.auto .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-fuchsia\:20,html.auto .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-fuchsia\:30,html.auto .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-fuchsia\:40,html.auto .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-fuchsia\:50,html.auto .sf-c-fuchsia\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-fuchsia\:60,html.auto .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-fuchsia\:70,html.auto .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-fuchsia\:80,html.auto .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-fuchsia\:90,html.auto .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-fuchsia\:100,html.auto .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-fuchsia\:st,html.auto .sf-c-fuchsia\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-fuchsia\:0\:st,html.auto .sf-c-fuchsia\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-fuchsia\:10\:st,html.auto .sf-c-fuchsia\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-fuchsia\:20\:st,html.auto .sf-c-fuchsia\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-fuchsia\:30\:st,html.auto .sf-c-fuchsia\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-fuchsia\:40\:st,html.auto .sf-c-fuchsia\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-fuchsia\:50\:st,html.auto .sf-c-fuchsia\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-fuchsia\:60\:st,html.auto .sf-c-fuchsia\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-fuchsia\:70\:st,html.auto .sf-c-fuchsia\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-fuchsia\:80\:st,html.auto .sf-c-fuchsia\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-fuchsia\:90\:st,html.auto .sf-c-fuchsia\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-fuchsia\:100\:st,html.auto .sf-c-fuchsia\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-txt-fuchsia,html.auto .sf-c-txt-fuchsia{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:0,html.auto .sf-c-txt-fuchsia\:0{color:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:10,html.auto .sf-c-txt-fuchsia\:10{color:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:20,html.auto .sf-c-txt-fuchsia\:20{color:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:30,html.auto .sf-c-txt-fuchsia\:30{color:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:40,html.auto .sf-c-txt-fuchsia\:40{color:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:50,html.auto .sf-c-txt-fuchsia\:50{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:60,html.auto .sf-c-txt-fuchsia\:60{color:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:70,html.auto .sf-c-txt-fuchsia\:70{color:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:80,html.auto .sf-c-txt-fuchsia\:80{color:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:90,html.auto .sf-c-txt-fuchsia\:90{color:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:100,html.auto .sf-c-txt-fuchsia\:100{color:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:st,html.auto .sf-c-txt-fuchsia\:st{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:st,html.auto .sf-c-txt-fuchsia\:0\:st{color:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:st,html.auto .sf-c-txt-fuchsia\:10\:st{color:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:st,html.auto .sf-c-txt-fuchsia\:20\:st{color:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:st,html.auto .sf-c-txt-fuchsia\:30\:st{color:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:st,html.auto .sf-c-txt-fuchsia\:40\:st{color:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:st,html.auto .sf-c-txt-fuchsia\:50\:st{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:st,html.auto .sf-c-txt-fuchsia\:60\:st{color:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:st,html.auto .sf-c-txt-fuchsia\:70\:st{color:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:st,html.auto .sf-c-txt-fuchsia\:80\:st{color:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:st,html.auto .sf-c-txt-fuchsia\:90\:st{color:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:st,html.auto .sf-c-txt-fuchsia\:100\:st{color:hsl(300,100%,100%)}}.sf-var-gray{--sf-c-gray:0 0% 50%;--sf-c-gray-0:0 0% 0%;--sf-c-gray-10:0 0% 10%;--sf-c-gray-20:0 0% 20%;--sf-c-gray-30:0 0% 30%;--sf-c-gray-40:0 0% 40%;--sf-c-gray-50:0 0% 50%;--sf-c-gray-60:0 0% 60%;--sf-c-gray-70:0 0% 70%;--sf-c-gray-80:0 0% 80%;--sf-c-gray-90:0 0% 90%;--sf-c-gray-100:0 0% 100%}.sf-c-gray,.sf-c-gray\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-gray\:0,.sf-c-gray\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-gray\:10,.sf-c-gray\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}.sf-c-gray\:20,.sf-c-gray\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}.sf-c-gray\:30,.sf-c-gray\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}.sf-c-gray\:40,.sf-c-gray\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}.sf-c-gray\:50,.sf-c-gray\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-gray\:60,.sf-c-gray\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}.sf-c-gray\:70,.sf-c-gray\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}.sf-c-gray\:80,.sf-c-gray\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}.sf-c-gray\:90,.sf-c-gray\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}.sf-c-gray\:100,.sf-c-gray\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-gray{color:hsl(0,0%,50%)}.sf-c-txt-gray\:st{color:hsl(0,0%,50%)}.sf-c-txt-gray\:0,.sf-c-txt-gray\:0\:st{color:hsl(0,0%,0%)}.sf-c-txt-gray\:10,.sf-c-txt-gray\:10\:st{color:hsl(0,0%,10%)}.sf-c-txt-gray\:20,.sf-c-txt-gray\:20\:st{color:hsl(0,0%,20%)}.sf-c-txt-gray\:30,.sf-c-txt-gray\:30\:st{color:hsl(0,0%,30%)}.sf-c-txt-gray\:40,.sf-c-txt-gray\:40\:st{color:hsl(0,0%,40%)}.sf-c-txt-gray\:50,.sf-c-txt-gray\:50\:st{color:hsl(0,0%,50%)}.sf-c-txt-gray\:60,.sf-c-txt-gray\:60\:st{color:hsl(0,0%,60%)}.sf-c-txt-gray\:70,.sf-c-txt-gray\:70\:st{color:hsl(0,0%,70%)}.sf-c-txt-gray\:80,.sf-c-txt-gray\:80\:st{color:hsl(0,0%,80%)}.sf-c-txt-gray\:90,.sf-c-txt-gray\:90\:st{color:hsl(0,0%,90%)}.sf-c-txt-gray\:100,.sf-c-txt-gray\:100\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-gray,html.dark .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-gray\:0,html.dark .sf-c-gray\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-gray\:10,html.dark .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-gray\:20,html.dark .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-gray\:30,html.dark .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-gray\:40,html.dark .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-gray\:50,html.dark .sf-c-gray\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-gray\:60,html.dark .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-gray\:70,html.dark .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-gray\:80,html.dark .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-gray\:90,html.dark .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-gray\:100,html.dark .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-gray\:st,html.dark .sf-c-gray\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-gray\:0\:st,html.dark .sf-c-gray\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-gray\:10\:st,html.dark .sf-c-gray\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-gray\:20\:st,html.dark .sf-c-gray\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-gray\:30\:st,html.dark .sf-c-gray\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-gray\:40\:st,html.dark .sf-c-gray\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-gray\:50\:st,html.dark .sf-c-gray\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-gray\:60\:st,html.dark .sf-c-gray\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-gray\:70\:st,html.dark .sf-c-gray\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-gray\:80\:st,html.dark .sf-c-gray\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-gray\:90\:st,html.dark .sf-c-gray\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-gray\:100\:st,html.dark .sf-c-gray\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-gray,html.dark .sf-c-txt-gray{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-gray\:0,html.dark .sf-c-txt-gray\:0{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-gray\:10,html.dark .sf-c-txt-gray\:10{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-gray\:20,html.dark .sf-c-txt-gray\:20{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-gray\:30,html.dark .sf-c-txt-gray\:30{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-gray\:40,html.dark .sf-c-txt-gray\:40{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-gray\:50,html.dark .sf-c-txt-gray\:50{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-gray\:60,html.dark .sf-c-txt-gray\:60{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-gray\:70,html.dark .sf-c-txt-gray\:70{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-gray\:80,html.dark .sf-c-txt-gray\:80{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-gray\:90,html.dark .sf-c-txt-gray\:90{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-gray\:100,html.dark .sf-c-txt-gray\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-gray\:st,html.dark .sf-c-txt-gray\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-gray\:0\:st,html.dark .sf-c-txt-gray\:0\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-gray\:10\:st,html.dark .sf-c-txt-gray\:10\:st{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-gray\:20\:st,html.dark .sf-c-txt-gray\:20\:st{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-gray\:30\:st,html.dark .sf-c-txt-gray\:30\:st{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-gray\:40\:st,html.dark .sf-c-txt-gray\:40\:st{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-gray\:50\:st,html.dark .sf-c-txt-gray\:50\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-gray\:60\:st,html.dark .sf-c-txt-gray\:60\:st{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-gray\:70\:st,html.dark .sf-c-txt-gray\:70\:st{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-gray\:80\:st,html.dark .sf-c-txt-gray\:80\:st{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-gray\:90\:st,html.dark .sf-c-txt-gray\:90\:st{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-gray\:100\:st,html.dark .sf-c-txt-gray\:100\:st{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-gray,html.auto .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-gray\:0,html.auto .sf-c-gray\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-gray\:10,html.auto .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-gray\:20,html.auto .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-gray\:30,html.auto .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-gray\:40,html.auto .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-gray\:50,html.auto .sf-c-gray\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-gray\:60,html.auto .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-gray\:70,html.auto .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-gray\:80,html.auto .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-gray\:90,html.auto .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-gray\:100,html.auto .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-gray\:st,html.auto .sf-c-gray\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-gray\:0\:st,html.auto .sf-c-gray\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-gray\:10\:st,html.auto .sf-c-gray\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-gray\:20\:st,html.auto .sf-c-gray\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-gray\:30\:st,html.auto .sf-c-gray\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-gray\:40\:st,html.auto .sf-c-gray\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-gray\:50\:st,html.auto .sf-c-gray\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-gray\:60\:st,html.auto .sf-c-gray\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-gray\:70\:st,html.auto .sf-c-gray\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-gray\:80\:st,html.auto .sf-c-gray\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-gray\:90\:st,html.auto .sf-c-gray\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-gray\:100\:st,html.auto .sf-c-gray\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-gray,html.auto .sf-c-txt-gray{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-gray\:0,html.auto .sf-c-txt-gray\:0{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-gray\:10,html.auto .sf-c-txt-gray\:10{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-gray\:20,html.auto .sf-c-txt-gray\:20{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-gray\:30,html.auto .sf-c-txt-gray\:30{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-gray\:40,html.auto .sf-c-txt-gray\:40{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-gray\:50,html.auto .sf-c-txt-gray\:50{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-gray\:60,html.auto .sf-c-txt-gray\:60{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-gray\:70,html.auto .sf-c-txt-gray\:70{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-gray\:80,html.auto .sf-c-txt-gray\:80{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-gray\:90,html.auto .sf-c-txt-gray\:90{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-gray\:100,html.auto .sf-c-txt-gray\:100{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-gray\:st,html.auto .sf-c-txt-gray\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-gray\:0\:st,html.auto .sf-c-txt-gray\:0\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-gray\:10\:st,html.auto .sf-c-txt-gray\:10\:st{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-gray\:20\:st,html.auto .sf-c-txt-gray\:20\:st{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-gray\:30\:st,html.auto .sf-c-txt-gray\:30\:st{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-gray\:40\:st,html.auto .sf-c-txt-gray\:40\:st{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-gray\:50\:st,html.auto .sf-c-txt-gray\:50\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-gray\:60\:st,html.auto .sf-c-txt-gray\:60\:st{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-gray\:70\:st,html.auto .sf-c-txt-gray\:70\:st{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-gray\:80\:st,html.auto .sf-c-txt-gray\:80\:st{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-gray\:90\:st,html.auto .sf-c-txt-gray\:90\:st{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-gray\:100\:st,html.auto .sf-c-txt-gray\:100\:st{color:hsl(0,0%,100%)}}.sf-var-green{--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%}.sf-c-green,.sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}.sf-c-green\:0,.sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}.sf-c-green\:10,.sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}.sf-c-green\:20,.sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}.sf-c-green\:30,.sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}.sf-c-green\:40,.sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}.sf-c-green\:50,.sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}.sf-c-green\:60,.sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}.sf-c-green\:70,.sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}.sf-c-green\:80,.sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}.sf-c-green\:90,.sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}.sf-c-green\:100,.sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-green{color:hsl(120,100%,25%)}.sf-c-txt-green\:st{color:hsl(120,100%,25%)}.sf-c-txt-green\:0,.sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}.sf-c-txt-green\:10,.sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}.sf-c-txt-green\:20,.sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}.sf-c-txt-green\:30,.sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}.sf-c-txt-green\:40,.sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}.sf-c-txt-green\:50,.sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}.sf-c-txt-green\:60,.sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}.sf-c-txt-green\:70,.sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}.sf-c-txt-green\:80,.sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}.sf-c-txt-green\:90,.sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}.sf-c-txt-green\:100,.sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green\:st,html.dark .sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html[data-theme='dark'] .sf-c-green\:0\:st,html.dark .sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green\:10\:st,html.dark .sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-green\:20\:st,html.dark .sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-green\:30\:st,html.dark .sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-green\:40\:st,html.dark .sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-green\:50\:st,html.dark .sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-green\:60\:st,html.dark .sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-green\:70\:st,html.dark .sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-green\:80\:st,html.dark .sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-green\:90\:st,html.dark .sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-green\:100\:st,html.dark .sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(120,100%,75%)}html[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-green\:st,html.dark .sf-c-txt-green\:st{color:hsl(120,100%,25%)}html[data-theme='dark'] .sf-c-txt-green\:0\:st,html.dark .sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-green\:10\:st,html.dark .sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-green\:20\:st,html.dark .sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-green\:30\:st,html.dark .sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-green\:40\:st,html.dark .sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-green\:50\:st,html.dark .sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-green\:60\:st,html.dark .sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-green\:70\:st,html.dark .sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-green\:80\:st,html.dark .sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-green\:90\:st,html.dark .sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-green\:100\:st,html.dark .sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-green\:st,html.auto .sf-c-green\:st{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html[data-theme='auto'] .sf-c-green\:0\:st,html.auto .sf-c-green\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-green\:10\:st,html.auto .sf-c-green\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-green\:20\:st,html.auto .sf-c-green\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-green\:30\:st,html.auto .sf-c-green\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-green\:40\:st,html.auto .sf-c-green\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-green\:50\:st,html.auto .sf-c-green\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-green\:60\:st,html.auto .sf-c-green\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-green\:70\:st,html.auto .sf-c-green\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-green\:80\:st,html.auto .sf-c-green\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-green\:90\:st,html.auto .sf-c-green\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-green\:100\:st,html.auto .sf-c-green\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(120,100%,75%)}html[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-green\:st,html.auto .sf-c-txt-green\:st{color:hsl(120,100%,25%)}html[data-theme='auto'] .sf-c-txt-green\:0\:st,html.auto .sf-c-txt-green\:0\:st{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-green\:10\:st,html.auto .sf-c-txt-green\:10\:st{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-green\:20\:st,html.auto .sf-c-txt-green\:20\:st{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-green\:30\:st,html.auto .sf-c-txt-green\:30\:st{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-green\:40\:st,html.auto .sf-c-txt-green\:40\:st{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-green\:50\:st,html.auto .sf-c-txt-green\:50\:st{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-green\:60\:st,html.auto .sf-c-txt-green\:60\:st{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-green\:70\:st,html.auto .sf-c-txt-green\:70\:st{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-green\:80\:st,html.auto .sf-c-txt-green\:80\:st{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-green\:90\:st,html.auto .sf-c-txt-green\:90\:st{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-green\:100\:st,html.auto .sf-c-txt-green\:100\:st{color:hsl(120,100%,100%)}}.sf-var-lime{--sf-c-lime:120 100% 50%;--sf-c-lime-0:120 100% 0%;--sf-c-lime-10:120 100% 10%;--sf-c-lime-20:120 100% 20%;--sf-c-lime-30:120 100% 30%;--sf-c-lime-40:120 100% 40%;--sf-c-lime-50:120 100% 50%;--sf-c-lime-60:120 100% 60%;--sf-c-lime-70:120 100% 70%;--sf-c-lime-80:120 100% 80%;--sf-c-lime-90:120 100% 90%;--sf-c-lime-100:120 100% 100%}.sf-c-lime,.sf-c-lime\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}.sf-c-lime\:0,.sf-c-lime\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}.sf-c-lime\:10,.sf-c-lime\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}.sf-c-lime\:20,.sf-c-lime\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}.sf-c-lime\:30,.sf-c-lime\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}.sf-c-lime\:40,.sf-c-lime\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}.sf-c-lime\:50,.sf-c-lime\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}.sf-c-lime\:60,.sf-c-lime\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}.sf-c-lime\:70,.sf-c-lime\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}.sf-c-lime\:80,.sf-c-lime\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}.sf-c-lime\:90,.sf-c-lime\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}.sf-c-lime\:100,.sf-c-lime\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-lime{color:hsl(120,100%,50%)}.sf-c-txt-lime\:st{color:hsl(120,100%,50%)}.sf-c-txt-lime\:0,.sf-c-txt-lime\:0\:st{color:hsl(120,100%,0%)}.sf-c-txt-lime\:10,.sf-c-txt-lime\:10\:st{color:hsl(120,100%,10%)}.sf-c-txt-lime\:20,.sf-c-txt-lime\:20\:st{color:hsl(120,100%,20%)}.sf-c-txt-lime\:30,.sf-c-txt-lime\:30\:st{color:hsl(120,100%,30%)}.sf-c-txt-lime\:40,.sf-c-txt-lime\:40\:st{color:hsl(120,100%,40%)}.sf-c-txt-lime\:50,.sf-c-txt-lime\:50\:st{color:hsl(120,100%,50%)}.sf-c-txt-lime\:60,.sf-c-txt-lime\:60\:st{color:hsl(120,100%,60%)}.sf-c-txt-lime\:70,.sf-c-txt-lime\:70\:st{color:hsl(120,100%,70%)}.sf-c-txt-lime\:80,.sf-c-txt-lime\:80\:st{color:hsl(120,100%,80%)}.sf-c-txt-lime\:90,.sf-c-txt-lime\:90\:st{color:hsl(120,100%,90%)}.sf-c-txt-lime\:100,.sf-c-txt-lime\:100\:st{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-lime,html.dark .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-lime\:0,html.dark .sf-c-lime\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-lime\:10,html.dark .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-lime\:20,html.dark .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-lime\:30,html.dark .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-lime\:40,html.dark .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-lime\:50,html.dark .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-lime\:60,html.dark .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-lime\:70,html.dark .sf-c-lime\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-lime\:80,html.dark .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-lime\:90,html.dark .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-lime\:100,html.dark .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-lime\:st,html.dark .sf-c-lime\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-lime\:0\:st,html.dark .sf-c-lime\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-lime\:10\:st,html.dark .sf-c-lime\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-lime\:20\:st,html.dark .sf-c-lime\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-lime\:30\:st,html.dark .sf-c-lime\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-lime\:40\:st,html.dark .sf-c-lime\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-lime\:50\:st,html.dark .sf-c-lime\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-lime\:60\:st,html.dark .sf-c-lime\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-lime\:70\:st,html.dark .sf-c-lime\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-lime\:80\:st,html.dark .sf-c-lime\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-lime\:90\:st,html.dark .sf-c-lime\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-lime\:100\:st,html.dark .sf-c-lime\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-lime,html.dark .sf-c-txt-lime{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-lime\:0,html.dark .sf-c-txt-lime\:0{color:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-txt-lime\:10,html.dark .sf-c-txt-lime\:10{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-lime\:20,html.dark .sf-c-txt-lime\:20{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-lime\:30,html.dark .sf-c-txt-lime\:30{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-lime\:40,html.dark .sf-c-txt-lime\:40{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-lime\:50,html.dark .sf-c-txt-lime\:50{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-lime\:60,html.dark .sf-c-txt-lime\:60{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-lime\:70,html.dark .sf-c-txt-lime\:70{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-lime\:80,html.dark .sf-c-txt-lime\:80{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-lime\:90,html.dark .sf-c-txt-lime\:90{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-lime\:100,html.dark .sf-c-txt-lime\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-lime\:st,html.dark .sf-c-txt-lime\:st{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-lime\:0\:st,html.dark .sf-c-txt-lime\:0\:st{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-txt-lime\:10\:st,html.dark .sf-c-txt-lime\:10\:st{color:hsl(120,100%,10%)}html[data-theme='dark'] .sf-c-txt-lime\:20\:st,html.dark .sf-c-txt-lime\:20\:st{color:hsl(120,100%,20%)}html[data-theme='dark'] .sf-c-txt-lime\:30\:st,html.dark .sf-c-txt-lime\:30\:st{color:hsl(120,100%,30%)}html[data-theme='dark'] .sf-c-txt-lime\:40\:st,html.dark .sf-c-txt-lime\:40\:st{color:hsl(120,100%,40%)}html[data-theme='dark'] .sf-c-txt-lime\:50\:st,html.dark .sf-c-txt-lime\:50\:st{color:hsl(120,100%,50%)}html[data-theme='dark'] .sf-c-txt-lime\:60\:st,html.dark .sf-c-txt-lime\:60\:st{color:hsl(120,100%,60%)}html[data-theme='dark'] .sf-c-txt-lime\:70\:st,html.dark .sf-c-txt-lime\:70\:st{color:hsl(120,100%,70%)}html[data-theme='dark'] .sf-c-txt-lime\:80\:st,html.dark .sf-c-txt-lime\:80\:st{color:hsl(120,100%,80%)}html[data-theme='dark'] .sf-c-txt-lime\:90\:st,html.dark .sf-c-txt-lime\:90\:st{color:hsl(120,100%,90%)}html[data-theme='dark'] .sf-c-txt-lime\:100\:st,html.dark .sf-c-txt-lime\:100\:st{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-lime,html.auto .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-lime\:0,html.auto .sf-c-lime\:0{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-lime\:10,html.auto .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-lime\:20,html.auto .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-lime\:30,html.auto .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-lime\:40,html.auto .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-lime\:50,html.auto .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-lime\:60,html.auto .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-lime\:70,html.auto .sf-c-lime\:70{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-lime\:80,html.auto .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-lime\:90,html.auto .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-lime\:100,html.auto .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-lime\:st,html.auto .sf-c-lime\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-lime\:0\:st,html.auto .sf-c-lime\:0\:st{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-lime\:10\:st,html.auto .sf-c-lime\:10\:st{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-lime\:20\:st,html.auto .sf-c-lime\:20\:st{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-lime\:30\:st,html.auto .sf-c-lime\:30\:st{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-lime\:40\:st,html.auto .sf-c-lime\:40\:st{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-lime\:50\:st,html.auto .sf-c-lime\:50\:st{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-lime\:60\:st,html.auto .sf-c-lime\:60\:st{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-lime\:70\:st,html.auto .sf-c-lime\:70\:st{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-lime\:80\:st,html.auto .sf-c-lime\:80\:st{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-lime\:90\:st,html.auto .sf-c-lime\:90\:st{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-lime\:100\:st,html.auto .sf-c-lime\:100\:st{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-lime,html.auto .sf-c-txt-lime{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-lime\:0,html.auto .sf-c-txt-lime\:0{color:hsl(120,100%,100%)}html[data-theme='auto'] .sf-c-txt-lime\:10,html.auto .sf-c-txt-lime\:10{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-lime\:20,html.auto .sf-c-txt-lime\:20{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-lime\:30,html.auto .sf-c-txt-lime\:30{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-lime\:40,html.auto .sf-c-txt-lime\:40{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-lime\:50,html.auto .sf-c-txt-lime\:50{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-lime\:60,html.auto .sf-c-txt-lime\:60{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-lime\:70,html.auto .sf-c-txt-lime\:70{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-lime\:80,html.auto .sf-c-txt-lime\:80{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-lime\:90,html.auto .sf-c-txt-lime\:90{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-lime\:100,html.auto .sf-c-txt-lime\:100{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-lime\:st,html.auto .sf-c-txt-lime\:st{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-lime\:0\:st,html.auto .sf-c-txt-lime\:0\:st{color:hsl(120,100%,0%)}html[data-theme='auto'] .sf-c-txt-lime\:10\:st,html.auto .sf-c-txt-lime\:10\:st{color:hsl(120,100%,10%)}html[data-theme='auto'] .sf-c-txt-lime\:20\:st,html.auto .sf-c-txt-lime\:20\:st{color:hsl(120,100%,20%)}html[data-theme='auto'] .sf-c-txt-lime\:30\:st,html.auto .sf-c-txt-lime\:30\:st{color:hsl(120,100%,30%)}html[data-theme='auto'] .sf-c-txt-lime\:40\:st,html.auto .sf-c-txt-lime\:40\:st{color:hsl(120,100%,40%)}html[data-theme='auto'] .sf-c-txt-lime\:50\:st,html.auto .sf-c-txt-lime\:50\:st{color:hsl(120,100%,50%)}html[data-theme='auto'] .sf-c-txt-lime\:60\:st,html.auto .sf-c-txt-lime\:60\:st{color:hsl(120,100%,60%)}html[data-theme='auto'] .sf-c-txt-lime\:70\:st,html.auto .sf-c-txt-lime\:70\:st{color:hsl(120,100%,70%)}html[data-theme='auto'] .sf-c-txt-lime\:80\:st,html.auto .sf-c-txt-lime\:80\:st{color:hsl(120,100%,80%)}html[data-theme='auto'] .sf-c-txt-lime\:90\:st,html.auto .sf-c-txt-lime\:90\:st{color:hsl(120,100%,90%)}html[data-theme='auto'] .sf-c-txt-lime\:100\:st,html.auto .sf-c-txt-lime\:100\:st{color:hsl(120,100%,100%)}}.sf-var-maroon{--sf-c-maroon:0 100% 25%;--sf-c-maroon-0:0 100% 0%;--sf-c-maroon-10:0 100% 10%;--sf-c-maroon-20:0 100% 20%;--sf-c-maroon-30:0 100% 30%;--sf-c-maroon-40:0 100% 40%;--sf-c-maroon-50:0 100% 50%;--sf-c-maroon-60:0 100% 60%;--sf-c-maroon-70:0 100% 70%;--sf-c-maroon-80:0 100% 80%;--sf-c-maroon-90:0 100% 90%;--sf-c-maroon-100:0 100% 100%}.sf-c-maroon,.sf-c-maroon\:st{color:hsl(0,100%,90%);background:hsl(0,100%,25%)}.sf-c-maroon\:0,.sf-c-maroon\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}.sf-c-maroon\:10,.sf-c-maroon\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}.sf-c-maroon\:20,.sf-c-maroon\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}.sf-c-maroon\:30,.sf-c-maroon\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}.sf-c-maroon\:40,.sf-c-maroon\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}.sf-c-maroon\:50,.sf-c-maroon\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}.sf-c-maroon\:60,.sf-c-maroon\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}.sf-c-maroon\:70,.sf-c-maroon\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}.sf-c-maroon\:80,.sf-c-maroon\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}.sf-c-maroon\:90,.sf-c-maroon\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}.sf-c-maroon\:100,.sf-c-maroon\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-maroon{color:hsl(0,100%,25%)}.sf-c-txt-maroon\:st{color:hsl(0,100%,25%)}.sf-c-txt-maroon\:0,.sf-c-txt-maroon\:0\:st{color:hsl(0,100%,0%)}.sf-c-txt-maroon\:10,.sf-c-txt-maroon\:10\:st{color:hsl(0,100%,10%)}.sf-c-txt-maroon\:20,.sf-c-txt-maroon\:20\:st{color:hsl(0,100%,20%)}.sf-c-txt-maroon\:30,.sf-c-txt-maroon\:30\:st{color:hsl(0,100%,30%)}.sf-c-txt-maroon\:40,.sf-c-txt-maroon\:40\:st{color:hsl(0,100%,40%)}.sf-c-txt-maroon\:50,.sf-c-txt-maroon\:50\:st{color:hsl(0,100%,50%)}.sf-c-txt-maroon\:60,.sf-c-txt-maroon\:60\:st{color:hsl(0,100%,60%)}.sf-c-txt-maroon\:70,.sf-c-txt-maroon\:70\:st{color:hsl(0,100%,70%)}.sf-c-txt-maroon\:80,.sf-c-txt-maroon\:80\:st{color:hsl(0,100%,80%)}.sf-c-txt-maroon\:90,.sf-c-txt-maroon\:90\:st{color:hsl(0,100%,90%)}.sf-c-txt-maroon\:100,.sf-c-txt-maroon\:100\:st{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-maroon,html.dark .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html[data-theme='dark'] .sf-c-maroon\:0,html.dark .sf-c-maroon\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-maroon\:10,html.dark .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-maroon\:20,html.dark .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-maroon\:30,html.dark .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-maroon\:40,html.dark .sf-c-maroon\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-maroon\:50,html.dark .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-maroon\:60,html.dark .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-maroon\:70,html.dark .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-maroon\:80,html.dark .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-maroon\:90,html.dark .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-maroon\:100,html.dark .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-maroon\:st,html.dark .sf-c-maroon\:st{color:hsl(0,100%,90%);background:hsl(0,100%,25%)}html[data-theme='dark'] .sf-c-maroon\:0\:st,html.dark .sf-c-maroon\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-maroon\:10\:st,html.dark .sf-c-maroon\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-maroon\:20\:st,html.dark .sf-c-maroon\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-maroon\:30\:st,html.dark .sf-c-maroon\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-maroon\:40\:st,html.dark .sf-c-maroon\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-maroon\:50\:st,html.dark .sf-c-maroon\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-maroon\:60\:st,html.dark .sf-c-maroon\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-maroon\:70\:st,html.dark .sf-c-maroon\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-maroon\:80\:st,html.dark .sf-c-maroon\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-maroon\:90\:st,html.dark .sf-c-maroon\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-maroon\:100\:st,html.dark .sf-c-maroon\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-maroon,html.dark .sf-c-txt-maroon{color:hsl(0,100%,75%)}html[data-theme='dark'] .sf-c-txt-maroon\:0,html.dark .sf-c-txt-maroon\:0{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-maroon\:10,html.dark .sf-c-txt-maroon\:10{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-maroon\:20,html.dark .sf-c-txt-maroon\:20{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-maroon\:30,html.dark .sf-c-txt-maroon\:30{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-maroon\:40,html.dark .sf-c-txt-maroon\:40{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-maroon\:50,html.dark .sf-c-txt-maroon\:50{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-maroon\:60,html.dark .sf-c-txt-maroon\:60{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-maroon\:70,html.dark .sf-c-txt-maroon\:70{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-maroon\:80,html.dark .sf-c-txt-maroon\:80{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-maroon\:90,html.dark .sf-c-txt-maroon\:90{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-maroon\:100,html.dark .sf-c-txt-maroon\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-maroon\:st,html.dark .sf-c-txt-maroon\:st{color:hsl(0,100%,25%)}html[data-theme='dark'] .sf-c-txt-maroon\:0\:st,html.dark .sf-c-txt-maroon\:0\:st{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-maroon\:10\:st,html.dark .sf-c-txt-maroon\:10\:st{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-maroon\:20\:st,html.dark .sf-c-txt-maroon\:20\:st{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-maroon\:30\:st,html.dark .sf-c-txt-maroon\:30\:st{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-maroon\:40\:st,html.dark .sf-c-txt-maroon\:40\:st{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-maroon\:50\:st,html.dark .sf-c-txt-maroon\:50\:st{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-maroon\:60\:st,html.dark .sf-c-txt-maroon\:60\:st{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-maroon\:70\:st,html.dark .sf-c-txt-maroon\:70\:st{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-maroon\:80\:st,html.dark .sf-c-txt-maroon\:80\:st{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-maroon\:90\:st,html.dark .sf-c-txt-maroon\:90\:st{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-maroon\:100\:st,html.dark .sf-c-txt-maroon\:100\:st{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-maroon,html.auto .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html[data-theme='auto'] .sf-c-maroon\:0,html.auto .sf-c-maroon\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-maroon\:10,html.auto .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-maroon\:20,html.auto .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-maroon\:30,html.auto .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-maroon\:40,html.auto .sf-c-maroon\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-maroon\:50,html.auto .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-maroon\:60,html.auto .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-maroon\:70,html.auto .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-maroon\:80,html.auto .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-maroon\:90,html.auto .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-maroon\:100,html.auto .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-maroon\:st,html.auto .sf-c-maroon\:st{color:hsl(0,100%,90%);background:hsl(0,100%,25%)}html[data-theme='auto'] .sf-c-maroon\:0\:st,html.auto .sf-c-maroon\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-maroon\:10\:st,html.auto .sf-c-maroon\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-maroon\:20\:st,html.auto .sf-c-maroon\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-maroon\:30\:st,html.auto .sf-c-maroon\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-maroon\:40\:st,html.auto .sf-c-maroon\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-maroon\:50\:st,html.auto .sf-c-maroon\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-maroon\:60\:st,html.auto .sf-c-maroon\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-maroon\:70\:st,html.auto .sf-c-maroon\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-maroon\:80\:st,html.auto .sf-c-maroon\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-maroon\:90\:st,html.auto .sf-c-maroon\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-maroon\:100\:st,html.auto .sf-c-maroon\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-maroon,html.auto .sf-c-txt-maroon{color:hsl(0,100%,75%)}html[data-theme='auto'] .sf-c-txt-maroon\:0,html.auto .sf-c-txt-maroon\:0{color:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-maroon\:10,html.auto .sf-c-txt-maroon\:10{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-maroon\:20,html.auto .sf-c-txt-maroon\:20{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-maroon\:30,html.auto .sf-c-txt-maroon\:30{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-maroon\:40,html.auto .sf-c-txt-maroon\:40{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-maroon\:50,html.auto .sf-c-txt-maroon\:50{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-maroon\:60,html.auto .sf-c-txt-maroon\:60{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-maroon\:70,html.auto .sf-c-txt-maroon\:70{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-maroon\:80,html.auto .sf-c-txt-maroon\:80{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-maroon\:90,html.auto .sf-c-txt-maroon\:90{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-maroon\:100,html.auto .sf-c-txt-maroon\:100{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-maroon\:st,html.auto .sf-c-txt-maroon\:st{color:hsl(0,100%,25%)}html[data-theme='auto'] .sf-c-txt-maroon\:0\:st,html.auto .sf-c-txt-maroon\:0\:st{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-maroon\:10\:st,html.auto .sf-c-txt-maroon\:10\:st{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-maroon\:20\:st,html.auto .sf-c-txt-maroon\:20\:st{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-maroon\:30\:st,html.auto .sf-c-txt-maroon\:30\:st{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-maroon\:40\:st,html.auto .sf-c-txt-maroon\:40\:st{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-maroon\:50\:st,html.auto .sf-c-txt-maroon\:50\:st{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-maroon\:60\:st,html.auto .sf-c-txt-maroon\:60\:st{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-maroon\:70\:st,html.auto .sf-c-txt-maroon\:70\:st{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-maroon\:80\:st,html.auto .sf-c-txt-maroon\:80\:st{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-maroon\:90\:st,html.auto .sf-c-txt-maroon\:90\:st{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-maroon\:100\:st,html.auto .sf-c-txt-maroon\:100\:st{color:hsl(0,100%,100%)}}.sf-var-navy{--sf-c-navy:240 100% 25%;--sf-c-navy-0:240 100% 0%;--sf-c-navy-10:240 100% 10%;--sf-c-navy-20:240 100% 20%;--sf-c-navy-30:240 100% 30%;--sf-c-navy-40:240 100% 40%;--sf-c-navy-50:240 100% 50%;--sf-c-navy-60:240 100% 60%;--sf-c-navy-70:240 100% 70%;--sf-c-navy-80:240 100% 80%;--sf-c-navy-90:240 100% 90%;--sf-c-navy-100:240 100% 100%}.sf-c-navy,.sf-c-navy\:st{color:hsl(240,100%,90%);background:hsl(240,100%,25%)}.sf-c-navy\:0,.sf-c-navy\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}.sf-c-navy\:10,.sf-c-navy\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}.sf-c-navy\:20,.sf-c-navy\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}.sf-c-navy\:30,.sf-c-navy\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}.sf-c-navy\:40,.sf-c-navy\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}.sf-c-navy\:50,.sf-c-navy\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}.sf-c-navy\:60,.sf-c-navy\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}.sf-c-navy\:70,.sf-c-navy\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}.sf-c-navy\:80,.sf-c-navy\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}.sf-c-navy\:90,.sf-c-navy\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}.sf-c-navy\:100,.sf-c-navy\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-navy{color:hsl(240,100%,25%)}.sf-c-txt-navy\:st{color:hsl(240,100%,25%)}.sf-c-txt-navy\:0,.sf-c-txt-navy\:0\:st{color:hsl(240,100%,0%)}.sf-c-txt-navy\:10,.sf-c-txt-navy\:10\:st{color:hsl(240,100%,10%)}.sf-c-txt-navy\:20,.sf-c-txt-navy\:20\:st{color:hsl(240,100%,20%)}.sf-c-txt-navy\:30,.sf-c-txt-navy\:30\:st{color:hsl(240,100%,30%)}.sf-c-txt-navy\:40,.sf-c-txt-navy\:40\:st{color:hsl(240,100%,40%)}.sf-c-txt-navy\:50,.sf-c-txt-navy\:50\:st{color:hsl(240,100%,50%)}.sf-c-txt-navy\:60,.sf-c-txt-navy\:60\:st{color:hsl(240,100%,60%)}.sf-c-txt-navy\:70,.sf-c-txt-navy\:70\:st{color:hsl(240,100%,70%)}.sf-c-txt-navy\:80,.sf-c-txt-navy\:80\:st{color:hsl(240,100%,80%)}.sf-c-txt-navy\:90,.sf-c-txt-navy\:90\:st{color:hsl(240,100%,90%)}.sf-c-txt-navy\:100,.sf-c-txt-navy\:100\:st{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-navy,html.dark .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html[data-theme='dark'] .sf-c-navy\:0,html.dark .sf-c-navy\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-navy\:10,html.dark .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-navy\:20,html.dark .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-navy\:30,html.dark .sf-c-navy\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-navy\:40,html.dark .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-navy\:50,html.dark .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-navy\:60,html.dark .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-navy\:70,html.dark .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-navy\:80,html.dark .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-navy\:90,html.dark .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-navy\:100,html.dark .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-navy\:st,html.dark .sf-c-navy\:st{color:hsl(240,100%,90%);background:hsl(240,100%,25%)}html[data-theme='dark'] .sf-c-navy\:0\:st,html.dark .sf-c-navy\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-navy\:10\:st,html.dark .sf-c-navy\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-navy\:20\:st,html.dark .sf-c-navy\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-navy\:30\:st,html.dark .sf-c-navy\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-navy\:40\:st,html.dark .sf-c-navy\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-navy\:50\:st,html.dark .sf-c-navy\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-navy\:60\:st,html.dark .sf-c-navy\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-navy\:70\:st,html.dark .sf-c-navy\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-navy\:80\:st,html.dark .sf-c-navy\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-navy\:90\:st,html.dark .sf-c-navy\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-navy\:100\:st,html.dark .sf-c-navy\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-navy,html.dark .sf-c-txt-navy{color:hsl(240,100%,75%)}html[data-theme='dark'] .sf-c-txt-navy\:0,html.dark .sf-c-txt-navy\:0{color:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-txt-navy\:10,html.dark .sf-c-txt-navy\:10{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-navy\:20,html.dark .sf-c-txt-navy\:20{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-navy\:30,html.dark .sf-c-txt-navy\:30{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-navy\:40,html.dark .sf-c-txt-navy\:40{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-navy\:50,html.dark .sf-c-txt-navy\:50{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-navy\:60,html.dark .sf-c-txt-navy\:60{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-navy\:70,html.dark .sf-c-txt-navy\:70{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-navy\:80,html.dark .sf-c-txt-navy\:80{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-navy\:90,html.dark .sf-c-txt-navy\:90{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-navy\:100,html.dark .sf-c-txt-navy\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-navy\:st,html.dark .sf-c-txt-navy\:st{color:hsl(240,100%,25%)}html[data-theme='dark'] .sf-c-txt-navy\:0\:st,html.dark .sf-c-txt-navy\:0\:st{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-txt-navy\:10\:st,html.dark .sf-c-txt-navy\:10\:st{color:hsl(240,100%,10%)}html[data-theme='dark'] .sf-c-txt-navy\:20\:st,html.dark .sf-c-txt-navy\:20\:st{color:hsl(240,100%,20%)}html[data-theme='dark'] .sf-c-txt-navy\:30\:st,html.dark .sf-c-txt-navy\:30\:st{color:hsl(240,100%,30%)}html[data-theme='dark'] .sf-c-txt-navy\:40\:st,html.dark .sf-c-txt-navy\:40\:st{color:hsl(240,100%,40%)}html[data-theme='dark'] .sf-c-txt-navy\:50\:st,html.dark .sf-c-txt-navy\:50\:st{color:hsl(240,100%,50%)}html[data-theme='dark'] .sf-c-txt-navy\:60\:st,html.dark .sf-c-txt-navy\:60\:st{color:hsl(240,100%,60%)}html[data-theme='dark'] .sf-c-txt-navy\:70\:st,html.dark .sf-c-txt-navy\:70\:st{color:hsl(240,100%,70%)}html[data-theme='dark'] .sf-c-txt-navy\:80\:st,html.dark .sf-c-txt-navy\:80\:st{color:hsl(240,100%,80%)}html[data-theme='dark'] .sf-c-txt-navy\:90\:st,html.dark .sf-c-txt-navy\:90\:st{color:hsl(240,100%,90%)}html[data-theme='dark'] .sf-c-txt-navy\:100\:st,html.dark .sf-c-txt-navy\:100\:st{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-navy,html.auto .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html[data-theme='auto'] .sf-c-navy\:0,html.auto .sf-c-navy\:0{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-navy\:10,html.auto .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-navy\:20,html.auto .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-navy\:30,html.auto .sf-c-navy\:30{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-navy\:40,html.auto .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-navy\:50,html.auto .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-navy\:60,html.auto .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-navy\:70,html.auto .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-navy\:80,html.auto .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-navy\:90,html.auto .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-navy\:100,html.auto .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-navy\:st,html.auto .sf-c-navy\:st{color:hsl(240,100%,90%);background:hsl(240,100%,25%)}html[data-theme='auto'] .sf-c-navy\:0\:st,html.auto .sf-c-navy\:0\:st{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-navy\:10\:st,html.auto .sf-c-navy\:10\:st{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-navy\:20\:st,html.auto .sf-c-navy\:20\:st{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-navy\:30\:st,html.auto .sf-c-navy\:30\:st{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-navy\:40\:st,html.auto .sf-c-navy\:40\:st{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-navy\:50\:st,html.auto .sf-c-navy\:50\:st{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-navy\:60\:st,html.auto .sf-c-navy\:60\:st{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-navy\:70\:st,html.auto .sf-c-navy\:70\:st{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-navy\:80\:st,html.auto .sf-c-navy\:80\:st{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-navy\:90\:st,html.auto .sf-c-navy\:90\:st{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-navy\:100\:st,html.auto .sf-c-navy\:100\:st{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-navy,html.auto .sf-c-txt-navy{color:hsl(240,100%,75%)}html[data-theme='auto'] .sf-c-txt-navy\:0,html.auto .sf-c-txt-navy\:0{color:hsl(240,100%,100%)}html[data-theme='auto'] .sf-c-txt-navy\:10,html.auto .sf-c-txt-navy\:10{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-navy\:20,html.auto .sf-c-txt-navy\:20{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-navy\:30,html.auto .sf-c-txt-navy\:30{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-navy\:40,html.auto .sf-c-txt-navy\:40{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-navy\:50,html.auto .sf-c-txt-navy\:50{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-navy\:60,html.auto .sf-c-txt-navy\:60{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-navy\:70,html.auto .sf-c-txt-navy\:70{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-navy\:80,html.auto .sf-c-txt-navy\:80{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-navy\:90,html.auto .sf-c-txt-navy\:90{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-navy\:100,html.auto .sf-c-txt-navy\:100{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-navy\:st,html.auto .sf-c-txt-navy\:st{color:hsl(240,100%,25%)}html[data-theme='auto'] .sf-c-txt-navy\:0\:st,html.auto .sf-c-txt-navy\:0\:st{color:hsl(240,100%,0%)}html[data-theme='auto'] .sf-c-txt-navy\:10\:st,html.auto .sf-c-txt-navy\:10\:st{color:hsl(240,100%,10%)}html[data-theme='auto'] .sf-c-txt-navy\:20\:st,html.auto .sf-c-txt-navy\:20\:st{color:hsl(240,100%,20%)}html[data-theme='auto'] .sf-c-txt-navy\:30\:st,html.auto .sf-c-txt-navy\:30\:st{color:hsl(240,100%,30%)}html[data-theme='auto'] .sf-c-txt-navy\:40\:st,html.auto .sf-c-txt-navy\:40\:st{color:hsl(240,100%,40%)}html[data-theme='auto'] .sf-c-txt-navy\:50\:st,html.auto .sf-c-txt-navy\:50\:st{color:hsl(240,100%,50%)}html[data-theme='auto'] .sf-c-txt-navy\:60\:st,html.auto .sf-c-txt-navy\:60\:st{color:hsl(240,100%,60%)}html[data-theme='auto'] .sf-c-txt-navy\:70\:st,html.auto .sf-c-txt-navy\:70\:st{color:hsl(240,100%,70%)}html[data-theme='auto'] .sf-c-txt-navy\:80\:st,html.auto .sf-c-txt-navy\:80\:st{color:hsl(240,100%,80%)}html[data-theme='auto'] .sf-c-txt-navy\:90\:st,html.auto .sf-c-txt-navy\:90\:st{color:hsl(240,100%,90%)}html[data-theme='auto'] .sf-c-txt-navy\:100\:st,html.auto .sf-c-txt-navy\:100\:st{color:hsl(240,100%,100%)}}.sf-var-olive{--sf-c-olive:60 100% 25%;--sf-c-olive-0:60 100% 0%;--sf-c-olive-10:60 100% 10%;--sf-c-olive-20:60 100% 20%;--sf-c-olive-30:60 100% 30%;--sf-c-olive-40:60 100% 40%;--sf-c-olive-50:60 100% 50%;--sf-c-olive-60:60 100% 60%;--sf-c-olive-70:60 100% 70%;--sf-c-olive-80:60 100% 80%;--sf-c-olive-90:60 100% 90%;--sf-c-olive-100:60 100% 100%}.sf-c-olive,.sf-c-olive\:st{color:hsl(60,100%,90%);background:hsl(60,100%,25%)}.sf-c-olive\:0,.sf-c-olive\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}.sf-c-olive\:10,.sf-c-olive\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}.sf-c-olive\:20,.sf-c-olive\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}.sf-c-olive\:30,.sf-c-olive\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}.sf-c-olive\:40,.sf-c-olive\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}.sf-c-olive\:50,.sf-c-olive\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}.sf-c-olive\:60,.sf-c-olive\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}.sf-c-olive\:70,.sf-c-olive\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}.sf-c-olive\:80,.sf-c-olive\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}.sf-c-olive\:90,.sf-c-olive\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}.sf-c-olive\:100,.sf-c-olive\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-olive{color:hsl(60,100%,25%)}.sf-c-txt-olive\:st{color:hsl(60,100%,25%)}.sf-c-txt-olive\:0,.sf-c-txt-olive\:0\:st{color:hsl(60,100%,0%)}.sf-c-txt-olive\:10,.sf-c-txt-olive\:10\:st{color:hsl(60,100%,10%)}.sf-c-txt-olive\:20,.sf-c-txt-olive\:20\:st{color:hsl(60,100%,20%)}.sf-c-txt-olive\:30,.sf-c-txt-olive\:30\:st{color:hsl(60,100%,30%)}.sf-c-txt-olive\:40,.sf-c-txt-olive\:40\:st{color:hsl(60,100%,40%)}.sf-c-txt-olive\:50,.sf-c-txt-olive\:50\:st{color:hsl(60,100%,50%)}.sf-c-txt-olive\:60,.sf-c-txt-olive\:60\:st{color:hsl(60,100%,60%)}.sf-c-txt-olive\:70,.sf-c-txt-olive\:70\:st{color:hsl(60,100%,70%)}.sf-c-txt-olive\:80,.sf-c-txt-olive\:80\:st{color:hsl(60,100%,80%)}.sf-c-txt-olive\:90,.sf-c-txt-olive\:90\:st{color:hsl(60,100%,90%)}.sf-c-txt-olive\:100,.sf-c-txt-olive\:100\:st{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-olive,html.dark .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html[data-theme='dark'] .sf-c-olive\:0,html.dark .sf-c-olive\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-olive\:10,html.dark .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-olive\:20,html.dark .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-olive\:30,html.dark .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-olive\:40,html.dark .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-olive\:50,html.dark .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-olive\:60,html.dark .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-olive\:70,html.dark .sf-c-olive\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-olive\:80,html.dark .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-olive\:90,html.dark .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-olive\:100,html.dark .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-olive\:st,html.dark .sf-c-olive\:st{color:hsl(60,100%,90%);background:hsl(60,100%,25%)}html[data-theme='dark'] .sf-c-olive\:0\:st,html.dark .sf-c-olive\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-olive\:10\:st,html.dark .sf-c-olive\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-olive\:20\:st,html.dark .sf-c-olive\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-olive\:30\:st,html.dark .sf-c-olive\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-olive\:40\:st,html.dark .sf-c-olive\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-olive\:50\:st,html.dark .sf-c-olive\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-olive\:60\:st,html.dark .sf-c-olive\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-olive\:70\:st,html.dark .sf-c-olive\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-olive\:80\:st,html.dark .sf-c-olive\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-olive\:90\:st,html.dark .sf-c-olive\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-olive\:100\:st,html.dark .sf-c-olive\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-olive,html.dark .sf-c-txt-olive{color:hsl(60,100%,75%)}html[data-theme='dark'] .sf-c-txt-olive\:0,html.dark .sf-c-txt-olive\:0{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-olive\:10,html.dark .sf-c-txt-olive\:10{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-olive\:20,html.dark .sf-c-txt-olive\:20{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-olive\:30,html.dark .sf-c-txt-olive\:30{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-olive\:40,html.dark .sf-c-txt-olive\:40{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-olive\:50,html.dark .sf-c-txt-olive\:50{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-olive\:60,html.dark .sf-c-txt-olive\:60{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-olive\:70,html.dark .sf-c-txt-olive\:70{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-olive\:80,html.dark .sf-c-txt-olive\:80{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-olive\:90,html.dark .sf-c-txt-olive\:90{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-olive\:100,html.dark .sf-c-txt-olive\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-olive\:st,html.dark .sf-c-txt-olive\:st{color:hsl(60,100%,25%)}html[data-theme='dark'] .sf-c-txt-olive\:0\:st,html.dark .sf-c-txt-olive\:0\:st{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-olive\:10\:st,html.dark .sf-c-txt-olive\:10\:st{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-olive\:20\:st,html.dark .sf-c-txt-olive\:20\:st{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-olive\:30\:st,html.dark .sf-c-txt-olive\:30\:st{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-olive\:40\:st,html.dark .sf-c-txt-olive\:40\:st{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-olive\:50\:st,html.dark .sf-c-txt-olive\:50\:st{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-olive\:60\:st,html.dark .sf-c-txt-olive\:60\:st{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-olive\:70\:st,html.dark .sf-c-txt-olive\:70\:st{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-olive\:80\:st,html.dark .sf-c-txt-olive\:80\:st{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-olive\:90\:st,html.dark .sf-c-txt-olive\:90\:st{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-olive\:100\:st,html.dark .sf-c-txt-olive\:100\:st{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-olive,html.auto .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html[data-theme='auto'] .sf-c-olive\:0,html.auto .sf-c-olive\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-olive\:10,html.auto .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-olive\:20,html.auto .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-olive\:30,html.auto .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-olive\:40,html.auto .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-olive\:50,html.auto .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-olive\:60,html.auto .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-olive\:70,html.auto .sf-c-olive\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-olive\:80,html.auto .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-olive\:90,html.auto .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-olive\:100,html.auto .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-olive\:st,html.auto .sf-c-olive\:st{color:hsl(60,100%,90%);background:hsl(60,100%,25%)}html[data-theme='auto'] .sf-c-olive\:0\:st,html.auto .sf-c-olive\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-olive\:10\:st,html.auto .sf-c-olive\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-olive\:20\:st,html.auto .sf-c-olive\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-olive\:30\:st,html.auto .sf-c-olive\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-olive\:40\:st,html.auto .sf-c-olive\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-olive\:50\:st,html.auto .sf-c-olive\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-olive\:60\:st,html.auto .sf-c-olive\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-olive\:70\:st,html.auto .sf-c-olive\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-olive\:80\:st,html.auto .sf-c-olive\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-olive\:90\:st,html.auto .sf-c-olive\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-olive\:100\:st,html.auto .sf-c-olive\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-olive,html.auto .sf-c-txt-olive{color:hsl(60,100%,75%)}html[data-theme='auto'] .sf-c-txt-olive\:0,html.auto .sf-c-txt-olive\:0{color:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-olive\:10,html.auto .sf-c-txt-olive\:10{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-olive\:20,html.auto .sf-c-txt-olive\:20{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-olive\:30,html.auto .sf-c-txt-olive\:30{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-olive\:40,html.auto .sf-c-txt-olive\:40{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-olive\:50,html.auto .sf-c-txt-olive\:50{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-olive\:60,html.auto .sf-c-txt-olive\:60{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-olive\:70,html.auto .sf-c-txt-olive\:70{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-olive\:80,html.auto .sf-c-txt-olive\:80{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-olive\:90,html.auto .sf-c-txt-olive\:90{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-olive\:100,html.auto .sf-c-txt-olive\:100{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-olive\:st,html.auto .sf-c-txt-olive\:st{color:hsl(60,100%,25%)}html[data-theme='auto'] .sf-c-txt-olive\:0\:st,html.auto .sf-c-txt-olive\:0\:st{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-olive\:10\:st,html.auto .sf-c-txt-olive\:10\:st{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-olive\:20\:st,html.auto .sf-c-txt-olive\:20\:st{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-olive\:30\:st,html.auto .sf-c-txt-olive\:30\:st{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-olive\:40\:st,html.auto .sf-c-txt-olive\:40\:st{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-olive\:50\:st,html.auto .sf-c-txt-olive\:50\:st{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-olive\:60\:st,html.auto .sf-c-txt-olive\:60\:st{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-olive\:70\:st,html.auto .sf-c-txt-olive\:70\:st{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-olive\:80\:st,html.auto .sf-c-txt-olive\:80\:st{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-olive\:90\:st,html.auto .sf-c-txt-olive\:90\:st{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-olive\:100\:st,html.auto .sf-c-txt-olive\:100\:st{color:hsl(60,100%,100%)}}.sf-var-purple{--sf-c-purple:300 100% 25%;--sf-c-purple-0:300 100% 0%;--sf-c-purple-10:300 100% 10%;--sf-c-purple-20:300 100% 20%;--sf-c-purple-30:300 100% 30%;--sf-c-purple-40:300 100% 40%;--sf-c-purple-50:300 100% 50%;--sf-c-purple-60:300 100% 60%;--sf-c-purple-70:300 100% 70%;--sf-c-purple-80:300 100% 80%;--sf-c-purple-90:300 100% 90%;--sf-c-purple-100:300 100% 100%}.sf-c-purple,.sf-c-purple\:st{color:hsl(300,100%,90%);background:hsl(300,100%,25%)}.sf-c-purple\:0,.sf-c-purple\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}.sf-c-purple\:10,.sf-c-purple\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}.sf-c-purple\:20,.sf-c-purple\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}.sf-c-purple\:30,.sf-c-purple\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}.sf-c-purple\:40,.sf-c-purple\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}.sf-c-purple\:50,.sf-c-purple\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}.sf-c-purple\:60,.sf-c-purple\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}.sf-c-purple\:70,.sf-c-purple\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}.sf-c-purple\:80,.sf-c-purple\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}.sf-c-purple\:90,.sf-c-purple\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}.sf-c-purple\:100,.sf-c-purple\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}.sf-c-txt-purple{color:hsl(300,100%,25%)}.sf-c-txt-purple\:st{color:hsl(300,100%,25%)}.sf-c-txt-purple\:0,.sf-c-txt-purple\:0\:st{color:hsl(300,100%,0%)}.sf-c-txt-purple\:10,.sf-c-txt-purple\:10\:st{color:hsl(300,100%,10%)}.sf-c-txt-purple\:20,.sf-c-txt-purple\:20\:st{color:hsl(300,100%,20%)}.sf-c-txt-purple\:30,.sf-c-txt-purple\:30\:st{color:hsl(300,100%,30%)}.sf-c-txt-purple\:40,.sf-c-txt-purple\:40\:st{color:hsl(300,100%,40%)}.sf-c-txt-purple\:50,.sf-c-txt-purple\:50\:st{color:hsl(300,100%,50%)}.sf-c-txt-purple\:60,.sf-c-txt-purple\:60\:st{color:hsl(300,100%,60%)}.sf-c-txt-purple\:70,.sf-c-txt-purple\:70\:st{color:hsl(300,100%,70%)}.sf-c-txt-purple\:80,.sf-c-txt-purple\:80\:st{color:hsl(300,100%,80%)}.sf-c-txt-purple\:90,.sf-c-txt-purple\:90\:st{color:hsl(300,100%,90%)}.sf-c-txt-purple\:100,.sf-c-txt-purple\:100\:st{color:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-purple,html.dark .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html[data-theme='dark'] .sf-c-purple\:0,html.dark .sf-c-purple\:0{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-purple\:10,html.dark .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-purple\:20,html.dark .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-purple\:30,html.dark .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-purple\:40,html.dark .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-purple\:50,html.dark .sf-c-purple\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-purple\:60,html.dark .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-purple\:70,html.dark .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-purple\:80,html.dark .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-purple\:90,html.dark .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-purple\:100,html.dark .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-purple\:st,html.dark .sf-c-purple\:st{color:hsl(300,100%,90%);background:hsl(300,100%,25%)}html[data-theme='dark'] .sf-c-purple\:0\:st,html.dark .sf-c-purple\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-purple\:10\:st,html.dark .sf-c-purple\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-purple\:20\:st,html.dark .sf-c-purple\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-purple\:30\:st,html.dark .sf-c-purple\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-purple\:40\:st,html.dark .sf-c-purple\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-purple\:50\:st,html.dark .sf-c-purple\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-purple\:60\:st,html.dark .sf-c-purple\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-purple\:70\:st,html.dark .sf-c-purple\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-purple\:80\:st,html.dark .sf-c-purple\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-purple\:90\:st,html.dark .sf-c-purple\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-purple\:100\:st,html.dark .sf-c-purple\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-txt-purple,html.dark .sf-c-txt-purple{color:hsl(300,100%,75%)}html[data-theme='dark'] .sf-c-txt-purple\:0,html.dark .sf-c-txt-purple\:0{color:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-txt-purple\:10,html.dark .sf-c-txt-purple\:10{color:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-txt-purple\:20,html.dark .sf-c-txt-purple\:20{color:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-txt-purple\:30,html.dark .sf-c-txt-purple\:30{color:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-txt-purple\:40,html.dark .sf-c-txt-purple\:40{color:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-txt-purple\:50,html.dark .sf-c-txt-purple\:50{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-purple\:60,html.dark .sf-c-txt-purple\:60{color:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-txt-purple\:70,html.dark .sf-c-txt-purple\:70{color:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-txt-purple\:80,html.dark .sf-c-txt-purple\:80{color:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-txt-purple\:90,html.dark .sf-c-txt-purple\:90{color:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-txt-purple\:100,html.dark .sf-c-txt-purple\:100{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-txt-purple\:st,html.dark .sf-c-txt-purple\:st{color:hsl(300,100%,25%)}html[data-theme='dark'] .sf-c-txt-purple\:0\:st,html.dark .sf-c-txt-purple\:0\:st{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-txt-purple\:10\:st,html.dark .sf-c-txt-purple\:10\:st{color:hsl(300,100%,10%)}html[data-theme='dark'] .sf-c-txt-purple\:20\:st,html.dark .sf-c-txt-purple\:20\:st{color:hsl(300,100%,20%)}html[data-theme='dark'] .sf-c-txt-purple\:30\:st,html.dark .sf-c-txt-purple\:30\:st{color:hsl(300,100%,30%)}html[data-theme='dark'] .sf-c-txt-purple\:40\:st,html.dark .sf-c-txt-purple\:40\:st{color:hsl(300,100%,40%)}html[data-theme='dark'] .sf-c-txt-purple\:50\:st,html.dark .sf-c-txt-purple\:50\:st{color:hsl(300,100%,50%)}html[data-theme='dark'] .sf-c-txt-purple\:60\:st,html.dark .sf-c-txt-purple\:60\:st{color:hsl(300,100%,60%)}html[data-theme='dark'] .sf-c-txt-purple\:70\:st,html.dark .sf-c-txt-purple\:70\:st{color:hsl(300,100%,70%)}html[data-theme='dark'] .sf-c-txt-purple\:80\:st,html.dark .sf-c-txt-purple\:80\:st{color:hsl(300,100%,80%)}html[data-theme='dark'] .sf-c-txt-purple\:90\:st,html.dark .sf-c-txt-purple\:90\:st{color:hsl(300,100%,90%)}html[data-theme='dark'] .sf-c-txt-purple\:100\:st,html.dark .sf-c-txt-purple\:100\:st{color:hsl(300,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-purple,html.auto .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html[data-theme='auto'] .sf-c-purple\:0,html.auto .sf-c-purple\:0{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-purple\:10,html.auto .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-purple\:20,html.auto .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-purple\:30,html.auto .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-purple\:40,html.auto .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-purple\:50,html.auto .sf-c-purple\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-purple\:60,html.auto .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-purple\:70,html.auto .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-purple\:80,html.auto .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-purple\:90,html.auto .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-purple\:100,html.auto .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-purple\:st,html.auto .sf-c-purple\:st{color:hsl(300,100%,90%);background:hsl(300,100%,25%)}html[data-theme='auto'] .sf-c-purple\:0\:st,html.auto .sf-c-purple\:0\:st{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-purple\:10\:st,html.auto .sf-c-purple\:10\:st{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-purple\:20\:st,html.auto .sf-c-purple\:20\:st{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-purple\:30\:st,html.auto .sf-c-purple\:30\:st{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-purple\:40\:st,html.auto .sf-c-purple\:40\:st{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-purple\:50\:st,html.auto .sf-c-purple\:50\:st{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-purple\:60\:st,html.auto .sf-c-purple\:60\:st{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-purple\:70\:st,html.auto .sf-c-purple\:70\:st{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-purple\:80\:st,html.auto .sf-c-purple\:80\:st{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-purple\:90\:st,html.auto .sf-c-purple\:90\:st{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-purple\:100\:st,html.auto .sf-c-purple\:100\:st{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-txt-purple,html.auto .sf-c-txt-purple{color:hsl(300,100%,75%)}html[data-theme='auto'] .sf-c-txt-purple\:0,html.auto .sf-c-txt-purple\:0{color:hsl(300,100%,100%)}html[data-theme='auto'] .sf-c-txt-purple\:10,html.auto .sf-c-txt-purple\:10{color:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-txt-purple\:20,html.auto .sf-c-txt-purple\:20{color:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-txt-purple\:30,html.auto .sf-c-txt-purple\:30{color:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-txt-purple\:40,html.auto .sf-c-txt-purple\:40{color:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-txt-purple\:50,html.auto .sf-c-txt-purple\:50{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-purple\:60,html.auto .sf-c-txt-purple\:60{color:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-txt-purple\:70,html.auto .sf-c-txt-purple\:70{color:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-txt-purple\:80,html.auto .sf-c-txt-purple\:80{color:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-txt-purple\:90,html.auto .sf-c-txt-purple\:90{color:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-txt-purple\:100,html.auto .sf-c-txt-purple\:100{color:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-txt-purple\:st,html.auto .sf-c-txt-purple\:st{color:hsl(300,100%,25%)}html[data-theme='auto'] .sf-c-txt-purple\:0\:st,html.auto .sf-c-txt-purple\:0\:st{color:hsl(300,100%,0%)}html[data-theme='auto'] .sf-c-txt-purple\:10\:st,html.auto .sf-c-txt-purple\:10\:st{color:hsl(300,100%,10%)}html[data-theme='auto'] .sf-c-txt-purple\:20\:st,html.auto .sf-c-txt-purple\:20\:st{color:hsl(300,100%,20%)}html[data-theme='auto'] .sf-c-txt-purple\:30\:st,html.auto .sf-c-txt-purple\:30\:st{color:hsl(300,100%,30%)}html[data-theme='auto'] .sf-c-txt-purple\:40\:st,html.auto .sf-c-txt-purple\:40\:st{color:hsl(300,100%,40%)}html[data-theme='auto'] .sf-c-txt-purple\:50\:st,html.auto .sf-c-txt-purple\:50\:st{color:hsl(300,100%,50%)}html[data-theme='auto'] .sf-c-txt-purple\:60\:st,html.auto .sf-c-txt-purple\:60\:st{color:hsl(300,100%,60%)}html[data-theme='auto'] .sf-c-txt-purple\:70\:st,html.auto .sf-c-txt-purple\:70\:st{color:hsl(300,100%,70%)}html[data-theme='auto'] .sf-c-txt-purple\:80\:st,html.auto .sf-c-txt-purple\:80\:st{color:hsl(300,100%,80%)}html[data-theme='auto'] .sf-c-txt-purple\:90\:st,html.auto .sf-c-txt-purple\:90\:st{color:hsl(300,100%,90%)}html[data-theme='auto'] .sf-c-txt-purple\:100\:st,html.auto .sf-c-txt-purple\:100\:st{color:hsl(300,100%,100%)}}.sf-var-red{--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%}.sf-c-red,.sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}.sf-c-red\:0,.sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}.sf-c-red\:10,.sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}.sf-c-red\:20,.sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}.sf-c-red\:30,.sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}.sf-c-red\:40,.sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}.sf-c-red\:50,.sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}.sf-c-red\:60,.sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}.sf-c-red\:70,.sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}.sf-c-red\:80,.sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}.sf-c-red\:90,.sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}.sf-c-red\:100,.sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-red{color:hsl(0,100%,50%)}.sf-c-txt-red\:st{color:hsl(0,100%,50%)}.sf-c-txt-red\:0,.sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}.sf-c-txt-red\:10,.sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}.sf-c-txt-red\:20,.sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}.sf-c-txt-red\:30,.sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}.sf-c-txt-red\:40,.sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}.sf-c-txt-red\:50,.sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}.sf-c-txt-red\:60,.sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}.sf-c-txt-red\:70,.sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}.sf-c-txt-red\:80,.sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}.sf-c-txt-red\:90,.sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}.sf-c-txt-red\:100,.sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red\:st,html.dark .sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:0\:st,html.dark .sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red\:10\:st,html.dark .sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-red\:20\:st,html.dark .sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-red\:30\:st,html.dark .sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-red\:40\:st,html.dark .sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-red\:50\:st,html.dark .sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-red\:60\:st,html.dark .sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-red\:70\:st,html.dark .sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-red\:80\:st,html.dark .sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-red\:90\:st,html.dark .sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-red\:100\:st,html.dark .sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-red\:st,html.dark .sf-c-txt-red\:st{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:0\:st,html.dark .sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-txt-red\:10\:st,html.dark .sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}html[data-theme='dark'] .sf-c-txt-red\:20\:st,html.dark .sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}html[data-theme='dark'] .sf-c-txt-red\:30\:st,html.dark .sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}html[data-theme='dark'] .sf-c-txt-red\:40\:st,html.dark .sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}html[data-theme='dark'] .sf-c-txt-red\:50\:st,html.dark .sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}html[data-theme='dark'] .sf-c-txt-red\:60\:st,html.dark .sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}html[data-theme='dark'] .sf-c-txt-red\:70\:st,html.dark .sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}html[data-theme='dark'] .sf-c-txt-red\:80\:st,html.dark .sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}html[data-theme='dark'] .sf-c-txt-red\:90\:st,html.dark .sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}html[data-theme='dark'] .sf-c-txt-red\:100\:st,html.dark .sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-red\:st,html.auto .sf-c-red\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:0\:st,html.auto .sf-c-red\:0\:st{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-red\:10\:st,html.auto .sf-c-red\:10\:st{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-red\:20\:st,html.auto .sf-c-red\:20\:st{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-red\:30\:st,html.auto .sf-c-red\:30\:st{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-red\:40\:st,html.auto .sf-c-red\:40\:st{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-red\:50\:st,html.auto .sf-c-red\:50\:st{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-red\:60\:st,html.auto .sf-c-red\:60\:st{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-red\:70\:st,html.auto .sf-c-red\:70\:st{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-red\:80\:st,html.auto .sf-c-red\:80\:st{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-red\:90\:st,html.auto .sf-c-red\:90\:st{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-red\:100\:st,html.auto .sf-c-red\:100\:st{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-red\:st,html.auto .sf-c-txt-red\:st{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:0\:st,html.auto .sf-c-txt-red\:0\:st{color:hsl(0,100%,0%)}html[data-theme='auto'] .sf-c-txt-red\:10\:st,html.auto .sf-c-txt-red\:10\:st{color:hsl(0,100%,10%)}html[data-theme='auto'] .sf-c-txt-red\:20\:st,html.auto .sf-c-txt-red\:20\:st{color:hsl(0,100%,20%)}html[data-theme='auto'] .sf-c-txt-red\:30\:st,html.auto .sf-c-txt-red\:30\:st{color:hsl(0,100%,30%)}html[data-theme='auto'] .sf-c-txt-red\:40\:st,html.auto .sf-c-txt-red\:40\:st{color:hsl(0,100%,40%)}html[data-theme='auto'] .sf-c-txt-red\:50\:st,html.auto .sf-c-txt-red\:50\:st{color:hsl(0,100%,50%)}html[data-theme='auto'] .sf-c-txt-red\:60\:st,html.auto .sf-c-txt-red\:60\:st{color:hsl(0,100%,60%)}html[data-theme='auto'] .sf-c-txt-red\:70\:st,html.auto .sf-c-txt-red\:70\:st{color:hsl(0,100%,70%)}html[data-theme='auto'] .sf-c-txt-red\:80\:st,html.auto .sf-c-txt-red\:80\:st{color:hsl(0,100%,80%)}html[data-theme='auto'] .sf-c-txt-red\:90\:st,html.auto .sf-c-txt-red\:90\:st{color:hsl(0,100%,90%)}html[data-theme='auto'] .sf-c-txt-red\:100\:st,html.auto .sf-c-txt-red\:100\:st{color:hsl(0,100%,100%)}}.sf-var-silver{--sf-c-silver:0 0% 75%;--sf-c-silver-0:0 0% 0%;--sf-c-silver-10:0 0% 10%;--sf-c-silver-20:0 0% 20%;--sf-c-silver-30:0 0% 30%;--sf-c-silver-40:0 0% 40%;--sf-c-silver-50:0 0% 50%;--sf-c-silver-60:0 0% 60%;--sf-c-silver-70:0 0% 70%;--sf-c-silver-80:0 0% 80%;--sf-c-silver-90:0 0% 90%;--sf-c-silver-100:0 0% 100%}.sf-c-silver,.sf-c-silver\:st{color:hsl(0,0%,10%);background:hsl(0,0%,75%)}.sf-c-silver\:0,.sf-c-silver\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-silver\:10,.sf-c-silver\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}.sf-c-silver\:20,.sf-c-silver\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}.sf-c-silver\:30,.sf-c-silver\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}.sf-c-silver\:40,.sf-c-silver\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}.sf-c-silver\:50,.sf-c-silver\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-silver\:60,.sf-c-silver\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}.sf-c-silver\:70,.sf-c-silver\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}.sf-c-silver\:80,.sf-c-silver\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}.sf-c-silver\:90,.sf-c-silver\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}.sf-c-silver\:100,.sf-c-silver\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-silver{color:hsl(0,0%,10%)}.sf-c-txt-silver\:st{color:hsl(0,0%,75%)}.sf-c-txt-silver\:0,.sf-c-txt-silver\:0\:st{color:hsl(0,0%,0%)}.sf-c-txt-silver\:10,.sf-c-txt-silver\:10\:st{color:hsl(0,0%,10%)}.sf-c-txt-silver\:20,.sf-c-txt-silver\:20\:st{color:hsl(0,0%,20%)}.sf-c-txt-silver\:30,.sf-c-txt-silver\:30\:st{color:hsl(0,0%,30%)}.sf-c-txt-silver\:40,.sf-c-txt-silver\:40\:st{color:hsl(0,0%,40%)}.sf-c-txt-silver\:50,.sf-c-txt-silver\:50\:st{color:hsl(0,0%,50%)}.sf-c-txt-silver\:60,.sf-c-txt-silver\:60\:st{color:hsl(0,0%,60%)}.sf-c-txt-silver\:70,.sf-c-txt-silver\:70\:st{color:hsl(0,0%,70%)}.sf-c-txt-silver\:80,.sf-c-txt-silver\:80\:st{color:hsl(0,0%,80%)}.sf-c-txt-silver\:90,.sf-c-txt-silver\:90\:st{color:hsl(0,0%,90%)}.sf-c-txt-silver\:100,.sf-c-txt-silver\:100\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-silver,html.dark .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html[data-theme='dark'] .sf-c-silver\:0,html.dark .sf-c-silver\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-silver\:10,html.dark .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-silver\:20,html.dark .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-silver\:30,html.dark .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-silver\:40,html.dark .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-silver\:50,html.dark .sf-c-silver\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-silver\:60,html.dark .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-silver\:70,html.dark .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-silver\:80,html.dark .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-silver\:90,html.dark .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-silver\:100,html.dark .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-silver\:st,html.dark .sf-c-silver\:st{color:hsl(0,0%,10%);background:hsl(0,0%,75%)}html[data-theme='dark'] .sf-c-silver\:0\:st,html.dark .sf-c-silver\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-silver\:10\:st,html.dark .sf-c-silver\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-silver\:20\:st,html.dark .sf-c-silver\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-silver\:30\:st,html.dark .sf-c-silver\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-silver\:40\:st,html.dark .sf-c-silver\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-silver\:50\:st,html.dark .sf-c-silver\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-silver\:60\:st,html.dark .sf-c-silver\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-silver\:70\:st,html.dark .sf-c-silver\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-silver\:80\:st,html.dark .sf-c-silver\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-silver\:90\:st,html.dark .sf-c-silver\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-silver\:100\:st,html.dark .sf-c-silver\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-silver,html.dark .sf-c-txt-silver{color:hsl(0,0%,75%)}html[data-theme='dark'] .sf-c-txt-silver\:0,html.dark .sf-c-txt-silver\:0{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-silver\:10,html.dark .sf-c-txt-silver\:10{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-silver\:20,html.dark .sf-c-txt-silver\:20{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-silver\:30,html.dark .sf-c-txt-silver\:30{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-silver\:40,html.dark .sf-c-txt-silver\:40{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-silver\:50,html.dark .sf-c-txt-silver\:50{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-silver\:60,html.dark .sf-c-txt-silver\:60{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-silver\:70,html.dark .sf-c-txt-silver\:70{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-silver\:80,html.dark .sf-c-txt-silver\:80{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-silver\:90,html.dark .sf-c-txt-silver\:90{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-silver\:100,html.dark .sf-c-txt-silver\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-silver\:st,html.dark .sf-c-txt-silver\:st{color:hsl(0,0%,75%)}html[data-theme='dark'] .sf-c-txt-silver\:0\:st,html.dark .sf-c-txt-silver\:0\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-silver\:10\:st,html.dark .sf-c-txt-silver\:10\:st{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-silver\:20\:st,html.dark .sf-c-txt-silver\:20\:st{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-silver\:30\:st,html.dark .sf-c-txt-silver\:30\:st{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-silver\:40\:st,html.dark .sf-c-txt-silver\:40\:st{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-silver\:50\:st,html.dark .sf-c-txt-silver\:50\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-silver\:60\:st,html.dark .sf-c-txt-silver\:60\:st{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-silver\:70\:st,html.dark .sf-c-txt-silver\:70\:st{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-silver\:80\:st,html.dark .sf-c-txt-silver\:80\:st{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-silver\:90\:st,html.dark .sf-c-txt-silver\:90\:st{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-silver\:100\:st,html.dark .sf-c-txt-silver\:100\:st{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-silver,html.auto .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html[data-theme='auto'] .sf-c-silver\:0,html.auto .sf-c-silver\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-silver\:10,html.auto .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-silver\:20,html.auto .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-silver\:30,html.auto .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-silver\:40,html.auto .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-silver\:50,html.auto .sf-c-silver\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-silver\:60,html.auto .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-silver\:70,html.auto .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-silver\:80,html.auto .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-silver\:90,html.auto .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-silver\:100,html.auto .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-silver\:st,html.auto .sf-c-silver\:st{color:hsl(0,0%,10%);background:hsl(0,0%,75%)}html[data-theme='auto'] .sf-c-silver\:0\:st,html.auto .sf-c-silver\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-silver\:10\:st,html.auto .sf-c-silver\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-silver\:20\:st,html.auto .sf-c-silver\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-silver\:30\:st,html.auto .sf-c-silver\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-silver\:40\:st,html.auto .sf-c-silver\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-silver\:50\:st,html.auto .sf-c-silver\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-silver\:60\:st,html.auto .sf-c-silver\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-silver\:70\:st,html.auto .sf-c-silver\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-silver\:80\:st,html.auto .sf-c-silver\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-silver\:90\:st,html.auto .sf-c-silver\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-silver\:100\:st,html.auto .sf-c-silver\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-silver,html.auto .sf-c-txt-silver{color:hsl(0,0%,75%)}html[data-theme='auto'] .sf-c-txt-silver\:0,html.auto .sf-c-txt-silver\:0{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-silver\:10,html.auto .sf-c-txt-silver\:10{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-silver\:20,html.auto .sf-c-txt-silver\:20{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-silver\:30,html.auto .sf-c-txt-silver\:30{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-silver\:40,html.auto .sf-c-txt-silver\:40{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-silver\:50,html.auto .sf-c-txt-silver\:50{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-silver\:60,html.auto .sf-c-txt-silver\:60{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-silver\:70,html.auto .sf-c-txt-silver\:70{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-silver\:80,html.auto .sf-c-txt-silver\:80{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-silver\:90,html.auto .sf-c-txt-silver\:90{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-silver\:100,html.auto .sf-c-txt-silver\:100{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-silver\:st,html.auto .sf-c-txt-silver\:st{color:hsl(0,0%,75%)}html[data-theme='auto'] .sf-c-txt-silver\:0\:st,html.auto .sf-c-txt-silver\:0\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-silver\:10\:st,html.auto .sf-c-txt-silver\:10\:st{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-silver\:20\:st,html.auto .sf-c-txt-silver\:20\:st{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-silver\:30\:st,html.auto .sf-c-txt-silver\:30\:st{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-silver\:40\:st,html.auto .sf-c-txt-silver\:40\:st{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-silver\:50\:st,html.auto .sf-c-txt-silver\:50\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-silver\:60\:st,html.auto .sf-c-txt-silver\:60\:st{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-silver\:70\:st,html.auto .sf-c-txt-silver\:70\:st{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-silver\:80\:st,html.auto .sf-c-txt-silver\:80\:st{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-silver\:90\:st,html.auto .sf-c-txt-silver\:90\:st{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-silver\:100\:st,html.auto .sf-c-txt-silver\:100\:st{color:hsl(0,0%,100%)}}.sf-var-teal{--sf-c-teal:180 100% 25%;--sf-c-teal-0:180 100% 0%;--sf-c-teal-10:180 100% 10%;--sf-c-teal-20:180 100% 20%;--sf-c-teal-30:180 100% 30%;--sf-c-teal-40:180 100% 40%;--sf-c-teal-50:180 100% 50%;--sf-c-teal-60:180 100% 60%;--sf-c-teal-70:180 100% 70%;--sf-c-teal-80:180 100% 80%;--sf-c-teal-90:180 100% 90%;--sf-c-teal-100:180 100% 100%}.sf-c-teal,.sf-c-teal\:st{color:hsl(180,100%,90%);background:hsl(180,100%,25%)}.sf-c-teal\:0,.sf-c-teal\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}.sf-c-teal\:10,.sf-c-teal\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}.sf-c-teal\:20,.sf-c-teal\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}.sf-c-teal\:30,.sf-c-teal\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}.sf-c-teal\:40,.sf-c-teal\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}.sf-c-teal\:50,.sf-c-teal\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}.sf-c-teal\:60,.sf-c-teal\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}.sf-c-teal\:70,.sf-c-teal\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}.sf-c-teal\:80,.sf-c-teal\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}.sf-c-teal\:90,.sf-c-teal\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}.sf-c-teal\:100,.sf-c-teal\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}.sf-c-txt-teal{color:hsl(180,100%,25%)}.sf-c-txt-teal\:st{color:hsl(180,100%,25%)}.sf-c-txt-teal\:0,.sf-c-txt-teal\:0\:st{color:hsl(180,100%,0%)}.sf-c-txt-teal\:10,.sf-c-txt-teal\:10\:st{color:hsl(180,100%,10%)}.sf-c-txt-teal\:20,.sf-c-txt-teal\:20\:st{color:hsl(180,100%,20%)}.sf-c-txt-teal\:30,.sf-c-txt-teal\:30\:st{color:hsl(180,100%,30%)}.sf-c-txt-teal\:40,.sf-c-txt-teal\:40\:st{color:hsl(180,100%,40%)}.sf-c-txt-teal\:50,.sf-c-txt-teal\:50\:st{color:hsl(180,100%,50%)}.sf-c-txt-teal\:60,.sf-c-txt-teal\:60\:st{color:hsl(180,100%,60%)}.sf-c-txt-teal\:70,.sf-c-txt-teal\:70\:st{color:hsl(180,100%,70%)}.sf-c-txt-teal\:80,.sf-c-txt-teal\:80\:st{color:hsl(180,100%,80%)}.sf-c-txt-teal\:90,.sf-c-txt-teal\:90\:st{color:hsl(180,100%,90%)}.sf-c-txt-teal\:100,.sf-c-txt-teal\:100\:st{color:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-teal,html.dark .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html[data-theme='dark'] .sf-c-teal\:0,html.dark .sf-c-teal\:0{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-teal\:10,html.dark .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-teal\:20,html.dark .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-teal\:30,html.dark .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-teal\:40,html.dark .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-teal\:50,html.dark .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-teal\:60,html.dark .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-teal\:70,html.dark .sf-c-teal\:70{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-teal\:80,html.dark .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-teal\:90,html.dark .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-teal\:100,html.dark .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-teal\:st,html.dark .sf-c-teal\:st{color:hsl(180,100%,90%);background:hsl(180,100%,25%)}html[data-theme='dark'] .sf-c-teal\:0\:st,html.dark .sf-c-teal\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-teal\:10\:st,html.dark .sf-c-teal\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-teal\:20\:st,html.dark .sf-c-teal\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-teal\:30\:st,html.dark .sf-c-teal\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-teal\:40\:st,html.dark .sf-c-teal\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-teal\:50\:st,html.dark .sf-c-teal\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-teal\:60\:st,html.dark .sf-c-teal\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-teal\:70\:st,html.dark .sf-c-teal\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-teal\:80\:st,html.dark .sf-c-teal\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-teal\:90\:st,html.dark .sf-c-teal\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-teal\:100\:st,html.dark .sf-c-teal\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-txt-teal,html.dark .sf-c-txt-teal{color:hsl(180,100%,75%)}html[data-theme='dark'] .sf-c-txt-teal\:0,html.dark .sf-c-txt-teal\:0{color:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-txt-teal\:10,html.dark .sf-c-txt-teal\:10{color:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-txt-teal\:20,html.dark .sf-c-txt-teal\:20{color:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-txt-teal\:30,html.dark .sf-c-txt-teal\:30{color:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-txt-teal\:40,html.dark .sf-c-txt-teal\:40{color:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-txt-teal\:50,html.dark .sf-c-txt-teal\:50{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-teal\:60,html.dark .sf-c-txt-teal\:60{color:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-txt-teal\:70,html.dark .sf-c-txt-teal\:70{color:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-txt-teal\:80,html.dark .sf-c-txt-teal\:80{color:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-txt-teal\:90,html.dark .sf-c-txt-teal\:90{color:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-txt-teal\:100,html.dark .sf-c-txt-teal\:100{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-txt-teal\:st,html.dark .sf-c-txt-teal\:st{color:hsl(180,100%,25%)}html[data-theme='dark'] .sf-c-txt-teal\:0\:st,html.dark .sf-c-txt-teal\:0\:st{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-txt-teal\:10\:st,html.dark .sf-c-txt-teal\:10\:st{color:hsl(180,100%,10%)}html[data-theme='dark'] .sf-c-txt-teal\:20\:st,html.dark .sf-c-txt-teal\:20\:st{color:hsl(180,100%,20%)}html[data-theme='dark'] .sf-c-txt-teal\:30\:st,html.dark .sf-c-txt-teal\:30\:st{color:hsl(180,100%,30%)}html[data-theme='dark'] .sf-c-txt-teal\:40\:st,html.dark .sf-c-txt-teal\:40\:st{color:hsl(180,100%,40%)}html[data-theme='dark'] .sf-c-txt-teal\:50\:st,html.dark .sf-c-txt-teal\:50\:st{color:hsl(180,100%,50%)}html[data-theme='dark'] .sf-c-txt-teal\:60\:st,html.dark .sf-c-txt-teal\:60\:st{color:hsl(180,100%,60%)}html[data-theme='dark'] .sf-c-txt-teal\:70\:st,html.dark .sf-c-txt-teal\:70\:st{color:hsl(180,100%,70%)}html[data-theme='dark'] .sf-c-txt-teal\:80\:st,html.dark .sf-c-txt-teal\:80\:st{color:hsl(180,100%,80%)}html[data-theme='dark'] .sf-c-txt-teal\:90\:st,html.dark .sf-c-txt-teal\:90\:st{color:hsl(180,100%,90%)}html[data-theme='dark'] .sf-c-txt-teal\:100\:st,html.dark .sf-c-txt-teal\:100\:st{color:hsl(180,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-teal,html.auto .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html[data-theme='auto'] .sf-c-teal\:0,html.auto .sf-c-teal\:0{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-teal\:10,html.auto .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-teal\:20,html.auto .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-teal\:30,html.auto .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-teal\:40,html.auto .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-teal\:50,html.auto .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-teal\:60,html.auto .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-teal\:70,html.auto .sf-c-teal\:70{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-teal\:80,html.auto .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-teal\:90,html.auto .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-teal\:100,html.auto .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-teal\:st,html.auto .sf-c-teal\:st{color:hsl(180,100%,90%);background:hsl(180,100%,25%)}html[data-theme='auto'] .sf-c-teal\:0\:st,html.auto .sf-c-teal\:0\:st{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-teal\:10\:st,html.auto .sf-c-teal\:10\:st{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-teal\:20\:st,html.auto .sf-c-teal\:20\:st{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-teal\:30\:st,html.auto .sf-c-teal\:30\:st{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-teal\:40\:st,html.auto .sf-c-teal\:40\:st{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-teal\:50\:st,html.auto .sf-c-teal\:50\:st{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-teal\:60\:st,html.auto .sf-c-teal\:60\:st{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-teal\:70\:st,html.auto .sf-c-teal\:70\:st{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-teal\:80\:st,html.auto .sf-c-teal\:80\:st{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-teal\:90\:st,html.auto .sf-c-teal\:90\:st{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-teal\:100\:st,html.auto .sf-c-teal\:100\:st{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-txt-teal,html.auto .sf-c-txt-teal{color:hsl(180,100%,75%)}html[data-theme='auto'] .sf-c-txt-teal\:0,html.auto .sf-c-txt-teal\:0{color:hsl(180,100%,100%)}html[data-theme='auto'] .sf-c-txt-teal\:10,html.auto .sf-c-txt-teal\:10{color:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-txt-teal\:20,html.auto .sf-c-txt-teal\:20{color:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-txt-teal\:30,html.auto .sf-c-txt-teal\:30{color:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-txt-teal\:40,html.auto .sf-c-txt-teal\:40{color:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-txt-teal\:50,html.auto .sf-c-txt-teal\:50{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-teal\:60,html.auto .sf-c-txt-teal\:60{color:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-txt-teal\:70,html.auto .sf-c-txt-teal\:70{color:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-txt-teal\:80,html.auto .sf-c-txt-teal\:80{color:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-txt-teal\:90,html.auto .sf-c-txt-teal\:90{color:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-txt-teal\:100,html.auto .sf-c-txt-teal\:100{color:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-txt-teal\:st,html.auto .sf-c-txt-teal\:st{color:hsl(180,100%,25%)}html[data-theme='auto'] .sf-c-txt-teal\:0\:st,html.auto .sf-c-txt-teal\:0\:st{color:hsl(180,100%,0%)}html[data-theme='auto'] .sf-c-txt-teal\:10\:st,html.auto .sf-c-txt-teal\:10\:st{color:hsl(180,100%,10%)}html[data-theme='auto'] .sf-c-txt-teal\:20\:st,html.auto .sf-c-txt-teal\:20\:st{color:hsl(180,100%,20%)}html[data-theme='auto'] .sf-c-txt-teal\:30\:st,html.auto .sf-c-txt-teal\:30\:st{color:hsl(180,100%,30%)}html[data-theme='auto'] .sf-c-txt-teal\:40\:st,html.auto .sf-c-txt-teal\:40\:st{color:hsl(180,100%,40%)}html[data-theme='auto'] .sf-c-txt-teal\:50\:st,html.auto .sf-c-txt-teal\:50\:st{color:hsl(180,100%,50%)}html[data-theme='auto'] .sf-c-txt-teal\:60\:st,html.auto .sf-c-txt-teal\:60\:st{color:hsl(180,100%,60%)}html[data-theme='auto'] .sf-c-txt-teal\:70\:st,html.auto .sf-c-txt-teal\:70\:st{color:hsl(180,100%,70%)}html[data-theme='auto'] .sf-c-txt-teal\:80\:st,html.auto .sf-c-txt-teal\:80\:st{color:hsl(180,100%,80%)}html[data-theme='auto'] .sf-c-txt-teal\:90\:st,html.auto .sf-c-txt-teal\:90\:st{color:hsl(180,100%,90%)}html[data-theme='auto'] .sf-c-txt-teal\:100\:st,html.auto .sf-c-txt-teal\:100\:st{color:hsl(180,100%,100%)}}.sf-var-white{--sf-c-white:0 0% 100%;--sf-c-white-0:0 0% 0%;--sf-c-white-10:0 0% 10%;--sf-c-white-20:0 0% 20%;--sf-c-white-30:0 0% 30%;--sf-c-white-40:0 0% 40%;--sf-c-white-50:0 0% 50%;--sf-c-white-60:0 0% 60%;--sf-c-white-70:0 0% 70%;--sf-c-white-80:0 0% 80%;--sf-c-white-90:0 0% 90%;--sf-c-white-100:0 0% 100%}.sf-c-white,.sf-c-white\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-white\:0,.sf-c-white\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}.sf-c-white\:10,.sf-c-white\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}.sf-c-white\:20,.sf-c-white\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}.sf-c-white\:30,.sf-c-white\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}.sf-c-white\:40,.sf-c-white\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}.sf-c-white\:50,.sf-c-white\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}.sf-c-white\:60,.sf-c-white\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}.sf-c-white\:70,.sf-c-white\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}.sf-c-white\:80,.sf-c-white\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}.sf-c-white\:90,.sf-c-white\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}.sf-c-white\:100,.sf-c-white\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-white{color:hsl(0,0%,10%)}.sf-c-txt-white\:st{color:hsl(0,0%,100%)}.sf-c-txt-white\:0,.sf-c-txt-white\:0\:st{color:hsl(0,0%,0%)}.sf-c-txt-white\:10,.sf-c-txt-white\:10\:st{color:hsl(0,0%,10%)}.sf-c-txt-white\:20,.sf-c-txt-white\:20\:st{color:hsl(0,0%,20%)}.sf-c-txt-white\:30,.sf-c-txt-white\:30\:st{color:hsl(0,0%,30%)}.sf-c-txt-white\:40,.sf-c-txt-white\:40\:st{color:hsl(0,0%,40%)}.sf-c-txt-white\:50,.sf-c-txt-white\:50\:st{color:hsl(0,0%,50%)}.sf-c-txt-white\:60,.sf-c-txt-white\:60\:st{color:hsl(0,0%,60%)}.sf-c-txt-white\:70,.sf-c-txt-white\:70\:st{color:hsl(0,0%,70%)}.sf-c-txt-white\:80,.sf-c-txt-white\:80\:st{color:hsl(0,0%,80%)}.sf-c-txt-white\:90,.sf-c-txt-white\:90\:st{color:hsl(0,0%,90%)}.sf-c-txt-white\:100,.sf-c-txt-white\:100\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-white,html.dark .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-white\:0,html.dark .sf-c-white\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-white\:10,html.dark .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-white\:20,html.dark .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-white\:30,html.dark .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-white\:40,html.dark .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-white\:50,html.dark .sf-c-white\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-white\:60,html.dark .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-white\:70,html.dark .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-white\:80,html.dark .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-white\:90,html.dark .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-white\:100,html.dark .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-white\:st,html.dark .sf-c-white\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-white\:0\:st,html.dark .sf-c-white\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-white\:10\:st,html.dark .sf-c-white\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-white\:20\:st,html.dark .sf-c-white\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-white\:30\:st,html.dark .sf-c-white\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-white\:40\:st,html.dark .sf-c-white\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-white\:50\:st,html.dark .sf-c-white\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-white\:60\:st,html.dark .sf-c-white\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-white\:70\:st,html.dark .sf-c-white\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-white\:80\:st,html.dark .sf-c-white\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-white\:90\:st,html.dark .sf-c-white\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-white\:100\:st,html.dark .sf-c-white\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-white,html.dark .sf-c-txt-white{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-white\:0,html.dark .sf-c-txt-white\:0{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-white\:10,html.dark .sf-c-txt-white\:10{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-white\:20,html.dark .sf-c-txt-white\:20{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-white\:30,html.dark .sf-c-txt-white\:30{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-white\:40,html.dark .sf-c-txt-white\:40{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-white\:50,html.dark .sf-c-txt-white\:50{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-white\:60,html.dark .sf-c-txt-white\:60{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-white\:70,html.dark .sf-c-txt-white\:70{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-white\:80,html.dark .sf-c-txt-white\:80{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-white\:90,html.dark .sf-c-txt-white\:90{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-white\:100,html.dark .sf-c-txt-white\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-white\:st,html.dark .sf-c-txt-white\:st{color:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-txt-white\:0\:st,html.dark .sf-c-txt-white\:0\:st{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-txt-white\:10\:st,html.dark .sf-c-txt-white\:10\:st{color:hsl(0,0%,10%)}html[data-theme='dark'] .sf-c-txt-white\:20\:st,html.dark .sf-c-txt-white\:20\:st{color:hsl(0,0%,20%)}html[data-theme='dark'] .sf-c-txt-white\:30\:st,html.dark .sf-c-txt-white\:30\:st{color:hsl(0,0%,30%)}html[data-theme='dark'] .sf-c-txt-white\:40\:st,html.dark .sf-c-txt-white\:40\:st{color:hsl(0,0%,40%)}html[data-theme='dark'] .sf-c-txt-white\:50\:st,html.dark .sf-c-txt-white\:50\:st{color:hsl(0,0%,50%)}html[data-theme='dark'] .sf-c-txt-white\:60\:st,html.dark .sf-c-txt-white\:60\:st{color:hsl(0,0%,60%)}html[data-theme='dark'] .sf-c-txt-white\:70\:st,html.dark .sf-c-txt-white\:70\:st{color:hsl(0,0%,70%)}html[data-theme='dark'] .sf-c-txt-white\:80\:st,html.dark .sf-c-txt-white\:80\:st{color:hsl(0,0%,80%)}html[data-theme='dark'] .sf-c-txt-white\:90\:st,html.dark .sf-c-txt-white\:90\:st{color:hsl(0,0%,90%)}html[data-theme='dark'] .sf-c-txt-white\:100\:st,html.dark .sf-c-txt-white\:100\:st{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-white,html.auto .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-white\:0,html.auto .sf-c-white\:0{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-white\:10,html.auto .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-white\:20,html.auto .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-white\:30,html.auto .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-white\:40,html.auto .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-white\:50,html.auto .sf-c-white\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-white\:60,html.auto .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-white\:70,html.auto .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-white\:80,html.auto .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-white\:90,html.auto .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-white\:100,html.auto .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-white\:st,html.auto .sf-c-white\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-white\:0\:st,html.auto .sf-c-white\:0\:st{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-white\:10\:st,html.auto .sf-c-white\:10\:st{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-white\:20\:st,html.auto .sf-c-white\:20\:st{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-white\:30\:st,html.auto .sf-c-white\:30\:st{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-white\:40\:st,html.auto .sf-c-white\:40\:st{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-white\:50\:st,html.auto .sf-c-white\:50\:st{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-white\:60\:st,html.auto .sf-c-white\:60\:st{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-white\:70\:st,html.auto .sf-c-white\:70\:st{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-white\:80\:st,html.auto .sf-c-white\:80\:st{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-white\:90\:st,html.auto .sf-c-white\:90\:st{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-white\:100\:st,html.auto .sf-c-white\:100\:st{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-white,html.auto .sf-c-txt-white{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-white\:0,html.auto .sf-c-txt-white\:0{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-white\:10,html.auto .sf-c-txt-white\:10{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-white\:20,html.auto .sf-c-txt-white\:20{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-white\:30,html.auto .sf-c-txt-white\:30{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-white\:40,html.auto .sf-c-txt-white\:40{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-white\:50,html.auto .sf-c-txt-white\:50{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-white\:60,html.auto .sf-c-txt-white\:60{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-white\:70,html.auto .sf-c-txt-white\:70{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-white\:80,html.auto .sf-c-txt-white\:80{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-white\:90,html.auto .sf-c-txt-white\:90{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-white\:100,html.auto .sf-c-txt-white\:100{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-white\:st,html.auto .sf-c-txt-white\:st{color:hsl(0,0%,100%)}html[data-theme='auto'] .sf-c-txt-white\:0\:st,html.auto .sf-c-txt-white\:0\:st{color:hsl(0,0%,0%)}html[data-theme='auto'] .sf-c-txt-white\:10\:st,html.auto .sf-c-txt-white\:10\:st{color:hsl(0,0%,10%)}html[data-theme='auto'] .sf-c-txt-white\:20\:st,html.auto .sf-c-txt-white\:20\:st{color:hsl(0,0%,20%)}html[data-theme='auto'] .sf-c-txt-white\:30\:st,html.auto .sf-c-txt-white\:30\:st{color:hsl(0,0%,30%)}html[data-theme='auto'] .sf-c-txt-white\:40\:st,html.auto .sf-c-txt-white\:40\:st{color:hsl(0,0%,40%)}html[data-theme='auto'] .sf-c-txt-white\:50\:st,html.auto .sf-c-txt-white\:50\:st{color:hsl(0,0%,50%)}html[data-theme='auto'] .sf-c-txt-white\:60\:st,html.auto .sf-c-txt-white\:60\:st{color:hsl(0,0%,60%)}html[data-theme='auto'] .sf-c-txt-white\:70\:st,html.auto .sf-c-txt-white\:70\:st{color:hsl(0,0%,70%)}html[data-theme='auto'] .sf-c-txt-white\:80\:st,html.auto .sf-c-txt-white\:80\:st{color:hsl(0,0%,80%)}html[data-theme='auto'] .sf-c-txt-white\:90\:st,html.auto .sf-c-txt-white\:90\:st{color:hsl(0,0%,90%)}html[data-theme='auto'] .sf-c-txt-white\:100\:st,html.auto .sf-c-txt-white\:100\:st{color:hsl(0,0%,100%)}}.sf-var-yellow{--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%}.sf-c-yellow,.sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}.sf-c-yellow\:0,.sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}.sf-c-yellow\:10,.sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}.sf-c-yellow\:20,.sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}.sf-c-yellow\:30,.sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}.sf-c-yellow\:40,.sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}.sf-c-yellow\:50,.sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}.sf-c-yellow\:60,.sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}.sf-c-yellow\:70,.sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}.sf-c-yellow\:80,.sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}.sf-c-yellow\:90,.sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}.sf-c-yellow\:100,.sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-yellow{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:0,.sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}.sf-c-txt-yellow\:10,.sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}.sf-c-txt-yellow\:20,.sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}.sf-c-txt-yellow\:30,.sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}.sf-c-txt-yellow\:40,.sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}.sf-c-txt-yellow\:50,.sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}.sf-c-txt-yellow\:60,.sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}.sf-c-txt-yellow\:70,.sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}.sf-c-txt-yellow\:80,.sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}.sf-c-txt-yellow\:90,.sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}.sf-c-txt-yellow\:100,.sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow\:st,html.dark .sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:0\:st,html.dark .sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow\:10\:st,html.dark .sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-yellow\:20\:st,html.dark .sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-yellow\:30\:st,html.dark .sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-yellow\:40\:st,html.dark .sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-yellow\:50\:st,html.dark .sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-yellow\:60\:st,html.dark .sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-yellow\:70\:st,html.dark .sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-yellow\:80\:st,html.dark .sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-yellow\:90\:st,html.dark .sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-yellow\:100\:st,html.dark .sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-yellow\:st,html.dark .sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:0\:st,html.dark .sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-txt-yellow\:10\:st,html.dark .sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}html[data-theme='dark'] .sf-c-txt-yellow\:20\:st,html.dark .sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}html[data-theme='dark'] .sf-c-txt-yellow\:30\:st,html.dark .sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}html[data-theme='dark'] .sf-c-txt-yellow\:40\:st,html.dark .sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}html[data-theme='dark'] .sf-c-txt-yellow\:50\:st,html.dark .sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}html[data-theme='dark'] .sf-c-txt-yellow\:60\:st,html.dark .sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}html[data-theme='dark'] .sf-c-txt-yellow\:70\:st,html.dark .sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}html[data-theme='dark'] .sf-c-txt-yellow\:80\:st,html.dark .sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}html[data-theme='dark'] .sf-c-txt-yellow\:90\:st,html.dark .sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}html[data-theme='dark'] .sf-c-txt-yellow\:100\:st,html.dark .sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-yellow\:st,html.auto .sf-c-yellow\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:0\:st,html.auto .sf-c-yellow\:0\:st{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-yellow\:10\:st,html.auto .sf-c-yellow\:10\:st{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-yellow\:20\:st,html.auto .sf-c-yellow\:20\:st{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-yellow\:30\:st,html.auto .sf-c-yellow\:30\:st{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-yellow\:40\:st,html.auto .sf-c-yellow\:40\:st{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-yellow\:50\:st,html.auto .sf-c-yellow\:50\:st{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-yellow\:60\:st,html.auto .sf-c-yellow\:60\:st{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-yellow\:70\:st,html.auto .sf-c-yellow\:70\:st{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-yellow\:80\:st,html.auto .sf-c-yellow\:80\:st{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-yellow\:90\:st,html.auto .sf-c-yellow\:90\:st{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-yellow\:100\:st,html.auto .sf-c-yellow\:100\:st{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-yellow\:st,html.auto .sf-c-txt-yellow\:st{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:0\:st,html.auto .sf-c-txt-yellow\:0\:st{color:hsl(60,100%,0%)}html[data-theme='auto'] .sf-c-txt-yellow\:10\:st,html.auto .sf-c-txt-yellow\:10\:st{color:hsl(60,100%,10%)}html[data-theme='auto'] .sf-c-txt-yellow\:20\:st,html.auto .sf-c-txt-yellow\:20\:st{color:hsl(60,100%,20%)}html[data-theme='auto'] .sf-c-txt-yellow\:30\:st,html.auto .sf-c-txt-yellow\:30\:st{color:hsl(60,100%,30%)}html[data-theme='auto'] .sf-c-txt-yellow\:40\:st,html.auto .sf-c-txt-yellow\:40\:st{color:hsl(60,100%,40%)}html[data-theme='auto'] .sf-c-txt-yellow\:50\:st,html.auto .sf-c-txt-yellow\:50\:st{color:hsl(60,100%,50%)}html[data-theme='auto'] .sf-c-txt-yellow\:60\:st,html.auto .sf-c-txt-yellow\:60\:st{color:hsl(60,100%,60%)}html[data-theme='auto'] .sf-c-txt-yellow\:70\:st,html.auto .sf-c-txt-yellow\:70\:st{color:hsl(60,100%,70%)}html[data-theme='auto'] .sf-c-txt-yellow\:80\:st,html.auto .sf-c-txt-yellow\:80\:st{color:hsl(60,100%,80%)}html[data-theme='auto'] .sf-c-txt-yellow\:90\:st,html.auto .sf-c-txt-yellow\:90\:st{color:hsl(60,100%,90%)}html[data-theme='auto'] .sf-c-txt-yellow\:100\:st,html.auto .sf-c-txt-yellow\:100\:st{color:hsl(60,100%,100%)}} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 4190982..7667cbd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,130 +2,303 @@ # yarn lockfile v1 -cssesc@^3.0.0: +"@inquirer/checkbox@^4.1.6": + version "4.1.6" + resolved "https://registry.yarnpkg.com/@inquirer/checkbox/-/checkbox-4.1.6.tgz#bd62673a187a011b633dc982c3aab2df19f538b6" + integrity sha512-62u896rWCtKKE43soodq5e/QcRsA22I+7/4Ov7LESWnKRO6BVo2A1DFLDmXL9e28TB0CfHc3YtkbPm7iwajqkg== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/figures" "^1.0.11" + "@inquirer/type" "^3.0.6" + ansi-escapes "^4.3.2" + yoctocolors-cjs "^2.1.2" + +"@inquirer/confirm@^5.1.10": + version "5.1.10" + resolved "https://registry.yarnpkg.com/@inquirer/confirm/-/confirm-5.1.10.tgz#de3732cb7ae9333bd3e354afee6a6ef8cf28d951" + integrity sha512-FxbQ9giWxUWKUk2O5XZ6PduVnH2CZ/fmMKMBkH71MHJvWr7WL5AHKevhzF1L5uYWB2P548o1RzVxrNd3dpmk6g== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + +"@inquirer/core@^10.1.11": + version "10.1.11" + resolved "https://registry.yarnpkg.com/@inquirer/core/-/core-10.1.11.tgz#4022032b5b6b35970e1c3fcfc522bc250ef8810d" + integrity sha512-BXwI/MCqdtAhzNQlBEFE7CEflhPkl/BqvAuV/aK6lW3DClIfYVDWPP/kXuXHtBWC7/EEbNqd/1BGq2BGBBnuxw== + dependencies: + "@inquirer/figures" "^1.0.11" + "@inquirer/type" "^3.0.6" + ansi-escapes "^4.3.2" + cli-width "^4.1.0" + mute-stream "^2.0.0" + signal-exit "^4.1.0" + wrap-ansi "^6.2.0" + yoctocolors-cjs "^2.1.2" + +"@inquirer/editor@^4.2.11": + version "4.2.11" + resolved "https://registry.yarnpkg.com/@inquirer/editor/-/editor-4.2.11.tgz#71cee5d50bbcebcbc5e6e8c513b6a5cb7292d990" + integrity sha512-YoZr0lBnnLFPpfPSNsQ8IZyKxU47zPyVi9NLjCWtna52//M/xuL0PGPAxHxxYhdOhnvY2oBafoM+BI5w/JK7jw== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + external-editor "^3.1.0" + +"@inquirer/expand@^4.0.13": + version "4.0.13" + resolved "https://registry.yarnpkg.com/@inquirer/expand/-/expand-4.0.13.tgz#2f018c28464683a1a4a450713a810248d48f4762" + integrity sha512-HgYNWuZLHX6q5y4hqKhwyytqAghmx35xikOGY3TcgNiElqXGPas24+UzNPOwGUZa5Dn32y25xJqVeUcGlTv+QQ== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + yoctocolors-cjs "^2.1.2" + +"@inquirer/figures@^1.0.11": + version "1.0.11" + resolved "https://registry.yarnpkg.com/@inquirer/figures/-/figures-1.0.11.tgz#4744e6db95288fea1dead779554859710a959a21" + integrity sha512-eOg92lvrn/aRUqbxRyvpEWnrvRuTYRifixHkYVpJiygTgVSBIHDqLh0SrMQXkafvULg3ck11V7xvR+zcgvpHFw== + +"@inquirer/input@^4.1.10": + version "4.1.10" + resolved "https://registry.yarnpkg.com/@inquirer/input/-/input-4.1.10.tgz#e3eafb903a2f4251f8bd21d0fe598fe61a237ffc" + integrity sha512-kV3BVne3wJ+j6reYQUZi/UN9NZGZLxgc/tfyjeK3mrx1QI7RXPxGp21IUTv+iVHcbP4ytZALF8vCHoxyNSC6qg== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + +"@inquirer/number@^3.0.13": + version "3.0.13" + resolved "https://registry.yarnpkg.com/@inquirer/number/-/number-3.0.13.tgz#7bef02085be742ede6771c5fb036201ee3eb6df7" + integrity sha512-IrLezcg/GWKS8zpKDvnJ/YTflNJdG0qSFlUM/zNFsdi4UKW/CO+gaJpbMgQ20Q58vNKDJbEzC6IebdkprwL6ew== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + +"@inquirer/password@^4.0.13": + version "4.0.13" + resolved "https://registry.yarnpkg.com/@inquirer/password/-/password-4.0.13.tgz#17793bbc91704ca37850de440b7d4f2a94fc99c2" + integrity sha512-NN0S/SmdhakqOTJhDwOpeBEEr8VdcYsjmZHDb0rblSh2FcbXQOr+2IApP7JG4WE3sxIdKytDn4ed3XYwtHxmJQ== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + ansi-escapes "^4.3.2" + +"@inquirer/prompts@^7.5.1": + version "7.5.1" + resolved "https://registry.yarnpkg.com/@inquirer/prompts/-/prompts-7.5.1.tgz#44e70dacfe20314d233c61410618ceef29a8482f" + integrity sha512-5AOrZPf2/GxZ+SDRZ5WFplCA2TAQgK3OYrXCYmJL5NaTu4ECcoWFlfUZuw7Es++6Njv7iu/8vpYJhuzxUH76Vg== + dependencies: + "@inquirer/checkbox" "^4.1.6" + "@inquirer/confirm" "^5.1.10" + "@inquirer/editor" "^4.2.11" + "@inquirer/expand" "^4.0.13" + "@inquirer/input" "^4.1.10" + "@inquirer/number" "^3.0.13" + "@inquirer/password" "^4.0.13" + "@inquirer/rawlist" "^4.1.1" + "@inquirer/search" "^3.0.13" + "@inquirer/select" "^4.2.1" + +"@inquirer/rawlist@^4.1.1": + version "4.1.1" + resolved "https://registry.yarnpkg.com/@inquirer/rawlist/-/rawlist-4.1.1.tgz#ce9f925a5001f0c5fa5cd2b846a04f8ef942acab" + integrity sha512-VBUC0jPN2oaOq8+krwpo/mf3n/UryDUkKog3zi+oIi8/e5hykvdntgHUB9nhDM78RubiyR1ldIOfm5ue+2DeaQ== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/type" "^3.0.6" + yoctocolors-cjs "^2.1.2" + +"@inquirer/search@^3.0.13": + version "3.0.13" + resolved "https://registry.yarnpkg.com/@inquirer/search/-/search-3.0.13.tgz#465a5786f3302be39ff94e23512fde51fa3cf062" + integrity sha512-9g89d2c5Izok/Gw/U7KPC3f9kfe5rA1AJ24xxNZG0st+vWekSk7tB9oE+dJv5JXd0ZSijomvW0KPMoBd8qbN4g== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/figures" "^1.0.11" + "@inquirer/type" "^3.0.6" + yoctocolors-cjs "^2.1.2" + +"@inquirer/select@^4.2.1": + version "4.2.1" + resolved "https://registry.yarnpkg.com/@inquirer/select/-/select-4.2.1.tgz#1be785ef4cd7dccd67fa4b77ff9dc8460cbc554b" + integrity sha512-gt1Kd5XZm+/ddemcT3m23IP8aD8rC9drRckWoP/1f7OL46Yy2FGi8DSmNjEjQKtPl6SV96Kmjbl6p713KXJ/Jg== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/figures" "^1.0.11" + "@inquirer/type" "^3.0.6" + ansi-escapes "^4.3.2" + yoctocolors-cjs "^2.1.2" + +"@inquirer/type@^3.0.6": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@inquirer/type/-/type-3.0.6.tgz#2500e435fc2014c5250eec3279f42b70b64089bd" + integrity sha512-/mKVCtVpyBu3IDarv0G+59KC4stsD5mDsGpYh+GKs1NZT88Jh52+cuoA1AtLk2Q0r/quNl+1cSUyLRHBFeD0XA== + +ansi-escapes@^4.3.2: + version "4.3.2" + resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e" + integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ== + dependencies: + type-fest "^0.21.3" + +ansi-regex@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304" + integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ== + +ansi-styles@^4.0.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937" + integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg== + dependencies: + color-convert "^2.0.1" + +chalk@^5.4.1: + version "5.4.1" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.4.1.tgz#1b48bf0963ec158dce2aacf69c093ae2dd2092d8" + integrity sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w== + +chardet@^0.7.0: + version "0.7.0" + resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e" + integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA== + +cli-width@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-4.1.0.tgz#42daac41d3c254ef38ad8ac037672130173691c5" + integrity sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ== + +color-convert@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3" + integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ== + dependencies: + color-name "~1.1.4" + +color-name@~1.1.4: + version "1.1.4" + resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" + integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== + +emoji-regex@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" + integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A== + +external-editor@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495" + integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew== + dependencies: + chardet "^0.7.0" + iconv-lite "^0.4.24" + tmp "^0.0.33" + +iconv-lite@^0.4.24: + version "0.4.24" + resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b" + integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA== + dependencies: + safer-buffer ">= 2.1.2 < 3" + +inquirer@^12.6.1: + version "12.6.1" + resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-12.6.1.tgz#fe272e222b9307cec40bd68104e1d651cfdd7878" + integrity sha512-MGFnzHVS3l3oM3cy+LWkyR7UUtVEn3D5U41CZbEY34szToWoJAvaVtCTz1mxsEzZFk/HXWyCArn0HDgloTXMDw== + dependencies: + "@inquirer/core" "^10.1.11" + "@inquirer/prompts" "^7.5.1" + "@inquirer/type" "^3.0.6" + ansi-escapes "^4.3.2" + mute-stream "^2.0.0" + run-async "^3.0.0" + rxjs "^7.8.2" + +is-fullwidth-code-point@^3.0.0: version "3.0.0" - resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" - integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== + resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d" + integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg== -function-bind@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c" - integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== - -hasown@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003" - integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ== - dependencies: - function-bind "^1.1.2" - -is-core-module@^2.16.0: - version "2.16.1" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4" - integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w== - dependencies: - hasown "^2.0.2" - -nanoid@^3.3.7: - version "3.3.8" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf" - integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w== - -path-parse@^1.0.7: - version "1.0.7" - resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735" - integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw== - -picocolors@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" - integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== - -pify@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" - integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog== - -postcss-combine-duplicated-selectors@^10.0.3: - version "10.0.3" - resolved "https://registry.yarnpkg.com/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz#71e8b6783e99cd560cf08ba7b896ad0db318c11c" - integrity sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA== - dependencies: - postcss-selector-parser "^6.0.4" - -postcss-discard-comments@^7.0.1: - version "7.0.3" - resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-7.0.3.tgz#9c414e8ee99d3514ad06a3465ccc20ec1dbce780" - integrity sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA== - dependencies: - postcss-selector-parser "^6.1.2" - -postcss-import@^16.1.0: - version "16.1.0" - resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-16.1.0.tgz#258732175518129667fe1e2e2a05b19b5654b96a" - integrity sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg== - dependencies: - postcss-value-parser "^4.0.0" - read-cache "^1.0.0" - resolve "^1.1.7" - -postcss-minify@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/postcss-minify/-/postcss-minify-1.1.0.tgz#3b1bf92c27c7503ccd8d9c7db9e4272b97c099f2" - integrity sha512-9D64ueIW0DL2FdLajQTlXrnTN8Ox9NjuXqigKMmB819RhdClNPYx5Zp3i5x0ghjjy3vGrLBBYEYvJjY/1eMNbw== - dependencies: - postcss-selector-parser "^6.0" - postcss-value-parser "^4.1" - -postcss-selector-parser@^6.0, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.1.2: - version "6.1.2" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de" - integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg== - dependencies: - cssesc "^3.0.0" - util-deprecate "^1.0.2" - -postcss-value-parser@^4.0.0, postcss-value-parser@^4.1: - version "4.2.0" - resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" - integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== - -postcss@^8.4.39: - version "8.4.49" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.49.tgz#4ea479048ab059ab3ae61d082190fabfd994fe19" - integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA== - dependencies: - nanoid "^3.3.7" - picocolors "^1.1.1" - source-map-js "^1.2.1" - -read-cache@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774" - integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA== - dependencies: - pify "^2.3.0" - -resolve@^1.1.7: - version "1.22.10" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39" - integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w== - dependencies: - is-core-module "^2.16.0" - path-parse "^1.0.7" - supports-preserve-symlinks-flag "^1.0.0" - -source-map-js@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" - integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== - -supports-preserve-symlinks-flag@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" - integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== - -util-deprecate@^1.0.2: +json-stringify-pretty-compact@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/json-stringify-pretty-compact/-/json-stringify-pretty-compact-4.0.0.tgz#cf4844770bddee3cb89a6170fe4b00eee5dbf1d4" + integrity sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q== + +mute-stream@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-2.0.0.tgz#a5446fc0c512b71c83c44d908d5c7b7b4c493b2b" + integrity sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA== + +os-tmpdir@~1.0.2: version "1.0.2" - resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" - integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== + resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" + integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g== + +run-async@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/run-async/-/run-async-3.0.0.tgz#42a432f6d76c689522058984384df28be379daad" + integrity sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q== + +rxjs@^7.8.2: + version "7.8.2" + resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b" + integrity sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA== + dependencies: + tslib "^2.1.0" + +"safer-buffer@>= 2.1.2 < 3": + version "2.1.2" + resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" + integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== + +signal-exit@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04" + integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw== + +string-width@^4.1.0: + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +strip-ansi@^6.0.0, strip-ansi@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + +tmp@^0.0.33: + version "0.0.33" + resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" + integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw== + dependencies: + os-tmpdir "~1.0.2" + +tslib@^2.1.0: + version "2.8.1" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f" + integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w== + +type-fest@^0.21.3: + version "0.21.3" + resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37" + integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w== + +wrap-ansi@^6.2.0: + version "6.2.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53" + integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + +yoctocolors-cjs@^2.1.2: + version "2.1.2" + resolved "https://registry.yarnpkg.com/yoctocolors-cjs/-/yoctocolors-cjs-2.1.2.tgz#f4b905a840a37506813a7acaa28febe97767a242" + integrity sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==