lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css in css-zero-0.0.52 vs lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css in css-zero-0.0.53
- old
+ new
@@ -1,9 +1,9 @@
:root {
/* Abstractions */
--color-bg: white;
- --color-text: var(--zinc-950);
+ --color-text: black;
--color-text-reversed: white;
--color-text-subtle: var(--zinc-500);
--color-link: var(--blue-700);
--color-border-light: var(--zinc-100);
--color-border: var(--zinc-200);
@@ -16,21 +16,21 @@
--color-secondary: var(--zinc-100);
--color-negative: var(--red-600);
--color-positive: var(--green-600);
/* SVG color values */
- --color-filter-text: invert(2%) sepia(3%) saturate(3904%) hue-rotate(201deg) brightness(98%) contrast(97%);
- --color-filter-text-reversed: invert(100%);
+ --color-filter-text: invert(0);
+ --color-filter-text-reversed: invert(1);
--color-filter-text-subtle: invert(46%) sepia(8%) saturate(371%) hue-rotate(202deg) brightness(93%) contrast(85%);
--color-filter-negative: invert(22%) sepia(85%) saturate(1790%) hue-rotate(339deg) brightness(105%) contrast(108%);
--color-filter-positive: invert(44%) sepia(89%) saturate(409%) hue-rotate(89deg) brightness(94%) contrast(97%);
@media (prefers-color-scheme: dark) {
/* Abstractions */
- --color-bg: var(--zinc-950);
+ --color-bg: black;
--color-text: white;
- --color-text-reversed: var(--zinc-950);
+ --color-text-reversed: black;
--color-text-subtle: var(--zinc-400);
--color-link: var(--sky-400);
--color-border-light: var(--zinc-800);
--color-border: var(--zinc-800);
--color-border-dark: var(--zinc-600);
@@ -42,11 +42,11 @@
--color-secondary: var(--zinc-800);
--color-negative: var(--red-400);
--color-positive: var(--green-400);
/* SVG color values */
- --color-filter-text: invert(100%);
- --color-filter-text-reversed: invert(2%) sepia(3%) saturate(3904%) hue-rotate(201deg) brightness(98%) contrast(97%);
+ --color-filter-text: invert(1);
+ --color-filter-text-reversed: invert(0);
--color-filter-text-subtle: invert(76%) sepia(8%) saturate(230%) hue-rotate(201deg) brightness(84%) contrast(87%);
--color-filter-negative: invert(54%) sepia(16%) saturate(2119%) hue-rotate(313deg) brightness(111%) contrast(94%);
--color-filter-positive: invert(81%) sepia(23%) saturate(1237%) hue-rotate(80deg) brightness(95%) contrast(83%);
}
}