Editing 3227: Creation

{{comic
| number    = 3227
| date      = April 1, 2026
| title     = Creation
| image     = creation_2x.png
| imagesize = 567x198px
| noexpand  = true
| titletext = This xkcd.com update introduces a variety of new reading modes which can be activated through the menu.
}}
{{series
| series        = April
| number        = 18
| date          = April 1, 2026
| days_late     = 
| day_category  = Wednesday
| prev_title    = 3074: Push Notifications
| prev_date     = April 9, 2025
| next_title    = 
| next_date     = 
}}
To experience the interactivity of the web page, visit the {{xkcd|3227|original comic}}!

==Explanation==
{{incomplete|This page was created recently in ROBOTIC MODE. Don't remove this notice too soon.}}
In this {{w|April Fool's Day}} comic, several new viewing modes have been added to the xkcd website, accessible through a {{w|drop-down list}} beneath the comic (not visible on Explain xkcd). This allows various different viewing experiences for the entire website, including older comics. Some are "normal" viewing modes, like the typical "light" and "dark" modes, but others take such things further and/or in more esoteric ways. This includes an "airplane mode" (see below) that parodies and subverts the {{w|Airplane mode|normal implementation}}.

The accompanying comic references one of the first lines of the {{w|Bible}} (Genesis 1:3), wherein God creates light. Here, though, before God has a chance to fully appreciate their work, a person on Earth immediately requests an implementation of {{w|dark mode}}. Dark mode is a feature on many websites and devices which displays text in white against a black background instead of the default black text on a white background. In low ambient light this makes for a less intense viewing experience that is easier on the eyes, so many people who spend a lot of time looking at screens prefer dark mode. Whereas casual users often find light mode easier to read.

This demand represents a common experience for web and app designers, who spend a lot of time creating something that looks beautiful to them, and in their particular use case, only to find when it is put out into the wild that it doesn't suit the needs of many of their actual users, who don't particularly care about the effort they've put in.

Dark mode is not usually implemented on planets (although one could argue that night-time is effectively Earth's "dark mode", which could have been created by God as a response to the person). The comic deviates somewhat from traditional Judeo-Christian mythology, as in Genesis the day/night cycle was created on the first day, but humans were created on the sixth day - thus, the "dark mode" (night-time) would already have been implemented by the time humans existed. Possibly the person is actually requesting a dark mode that can be toggled at will, rather than one which occurs automatically each day.

Unlike most comics, the title text contains no jokes, but rather explains the update and gives basic instructions.

The comic credits the "Excellent Design Team", consisting of Amber, Benjamin Staffin, and Kevin who helped create the modes.

===Table of Modes===
{| class="wikitable"
|-
! Mode
! Description
|-
| Light Mode
| The usual site experience. Typically, where sites have light and dark modes, light is the default option.
|-
| Lighter Mode
| The entire web page is filtered to look {{w|Exposure (photography)#Overexposure and underexposure|overexposed}}, making colors wash out and reducing the contrast.
|-
| Dark Mode
| A standard "white content on black background" dark mode. Specifically, Dark Mode seems to invert the brightness of most colors (see comic [[556:_Alternative_Energy_Revolution|556]] with dark mode enabled), but sets colors close to white to black, ignoring their original color (see comic [[2342:_Exposure_Notification|2342]] with dark mode enabled) This inversion makes the content of this particular comic, with the original transition from a dark pane to "let there be light" panes and the subsequent request for this very feature, particularly nonsensical, as it seems to start fully bright, then darken as God creates light.
|-
| Darkest Mode
| Everything on the webpage turns completely black (severely 'underexposed', in effect, the opposite to "Lighter mode" but also even more extreme). The exception being the drop down menu widget, which may appear as merely a dark gray — and depending upon the browser itself, the dropped-down menu may be its 'natural' appearance when it becomes fully active — which is of course extremely helpful for navigating back out of this mode/onward onto others.
|-
| Blurry Mode
| {{w|Blur (photographic effect)|Blurs}} the entire webpage.
|-
| Grayscale Mode
| Applies a standard {{w|grayscale}}/{{w|Colorfulness#Saturation|desaturation}} conversion filter to the entire webpage.
|-
| Greyscale Mode
| Operates identically to Grayscale Mode, but also changes the spelling of "math" in the slogan at the top of the page to "maths" (to go along with the respective {{w|American and British English spelling differences|British English}} use of ''{{wiktionary|gray}}/{{wiktionary|grey}}'').
|- 
| Dorian Greyscale Mode
| Makes the webpage slowly turn grey<!-- or 'gray', but now sticking with this given the Mode's title... -->, including darkening/fading-to-grey 'white' areas. This refers to {{w|The Picture of Dorian Gray}}, in which the titular character has a portrait that slowly ages and fades out while the character stays young and handsome.
Of note is that the surname of the titular character is "{{w|Grey (disambiguation)#People|Gray}}" (as is still common, if not dominant, in Britain), but the mode itself is named for the primary British/non-American standard English version of the word for such a hueless shade.
|-
| Space Opera Mode
| Turns the entire page into a ''{{w|Star Wars}}''-style opening scroll, which loops round until you change the mode. Scrolling the mouse scrolls up or down through the page content.
|-
| 3D Mode
| Makes the comic render in {{w|Anaglyph_3D|anaglyphic stereoscopy}}. [[Randall]] has used 3D space before for [[848|another joke comic]].
|-
| Origami Mode
| Rotates and folds various pieces of the webpage, as if it were {{w|origami}}-folded.
|-
| Ink Mode
| Recolors the webpage as if drawn in blue ink.
|-
| Spring Mode
| Gives the comic a simple physics simulation, making it slightly rotate around a horizontal axis as the page is scrolled, & giving it a springboard look, hence the name.
|-
| Antipodes Mode
| Turns the entire webpage upside down. An {{w|antipodes|antipode}} is the point on the Earth's surface directly opposite of another, but "The Antipodes" is also a term used to refer to {{w|Australia}} and {{w|New Zealand}} by inhabitants of the northern hemisphere. Note: When the comic was first published this was labeled "Southern Hemisphere Mode".
|-
| Hacker Mode
| Recolors the entire webpage in the stereotypical "green on black" coding environment color scheme often used by {{w|hacker}}s on film and TV.
|-
| Screensaver Mode
| Makes the comic float around on the webpage, bouncing as it hits the edges. Things bouncing like in the comic make a common {{w|screensaver}}, hence the name.
|-
| Modem Mode
| Slowly reveals the comic top to bottom, as if slowly loading (but [[598: Porn|only in approximation]]) the way images often used to have to be progressively rendered from a low-rate stream of image data in the days of more limited dial-up connections and also a lower-performance {{w|Internet backbone}} in general. This is accompanied by audio of the sound of a {{w|modem}} communicating over such a connection.
|-
| Stained Glass Mode
| Fills each closed area of the comic with a separate color to mimic the look of {{w|stained glass}} imagery. The colors vary each time this mode is selected or the page is reloaded in this mode, which <!--check the code to verify? ...but going purely from visual analysis of the how it treats comic 2598 and other obvious comics with colourful/greyful features already in the original-->works by flooding a single pseudorandom hue over all areas of near-white, each flood bounded only by any sufficiently dark or saturated drawn line/border.
|-
| Airplane Mode
| Makes the comic fly around on the page, with a "NYOOM!" written next to it, as if it were an {{w|airplane}}. This is unlike the usual use of "airplane mode" to refer to disabling the cellphone (or all {{w|radio frequency}}) features of a mobile device, as required on most flights. Of course, this Airplane mode is likely not required on an airplane{{cn}}.
|-
| Boat Mode
| Makes the entire webpage tilt back and forth, emulating the way a boat rolls on the water.
There is a longstanding reference to Boat Mode in the [[footnote]], which says "Remove your device from Airplane Mode and set it to Boat Mode".
|}

==Transcript==
[Panel 1. Black background with white caption boxes.]

Caption 1: And God said, 

Caption 2: "Let there be light,"

[Panel 2. A bright explosion of light from a star in the center.]

Caption: And there was light.

[Panel 3. The star with bright rays of light is shown against the horizon of a planet.]

[Panel 4. The same planet horizon is shown with a clear sky above.]

Caption: God saw that the light was-

Voice from the planet: Can you add support for dark mode?

<noinclude>{{comic discussion}}
[[Category:Interactive comics]]
[[Category:Dynamic comics]]
[[Category:April Fools' Day comics]]
[[Category:Comics with custom header texts]]
</noinclude>