Show pixel art tool icons as pixelated in Enlarge UI mode

1j01 · Dec 10, 2024 · 9e6a19c · 9e6a19c
1 parent 9808af2
commit 9e6a19c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/styles/themes/occult.css b/styles/themes/occult.css
@@ -16,6 +16,16 @@
 	background-position: calc(-16px * (var(--icon-index) * 2 + 1)) -16px;
 } */
 
+
+/* Show pixel art tool icons as pixelated. */
+/* Note: also inheriting image-rendering logic from classic.css */
+.enlarge-ui .tool-icon {
+	image-rendering: -moz-crisp-edges;
+	image-rendering: crisp-edges;
+	image-rendering: pixelated;
+}
+
+
 .transparent-mode-option,
 .transparent-mode-option.use-svg { /* specificity needed for overriding classic theme; SVG is not supported yet for this theme */
 	background-image: url("../../images/occult/options-transparency.png");

diff --git a/styles/themes/winter.css b/styles/themes/winter.css
@@ -78,6 +78,15 @@
 	background-position: -20px 0; /* opposite for transition to work right */
 }
 
+/* Show pixel art tool icons as pixelated. */
+/* Note: also inheriting image-rendering logic from classic.css */
+.enlarge-ui .tool-icon {
+	image-rendering: -moz-crisp-edges;
+	image-rendering: crisp-edges;
+	image-rendering: pixelated;
+}
+
+
 /* Fancy cursive menus */
 .menus * {
 	font-family: "Princess Sofia", cursive;