User interfaces for indicating time

Abstract

The present disclosure generally relates to methods and user interfaces for providing clock user interfaces. In some embodiments, methods and user interfaces for providing clock user interfaces displaying simulated emitted light, methods and user interfaces for displaying clock user interfaces including astronomical object, methods and user interfaces for displaying clock user interfaces that include adjustable time indications, methods and user interfaces for displaying clock user interfaces that include multiple calendar systems, methods and user interfaces for displaying clock user interfaces including animated numerals, methods and user interfaces for displaying clock user interfaces with colors that are based on a selected color, and/or methods and user interfaces for displaying clock user interfaces including animated lines are described.

What is claimed is: 
     
         1 . A computer system configured to communicate with a display generation component, comprising:
 one or more processors; and   memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:
 detecting a request to display a clock user interface that includes a background and one or more foreground user interface elements, wherein the background is associated with a currently selected background color pattern; and 
 in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements, displaying, via the display generation component, the clock user interface, including:
 in accordance with a determination that the currently selected background color pattern corresponds to a first background color pattern:
 displaying, via the display generation component, the background with the first background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a first foreground element color pattern that is different from the first background color pattern; and 
 
 in accordance with a determination that the currently selected background color pattern corresponds to a second background color pattern that is different from the first background color pattern:
 displaying, via the display generation component, the background with the second background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a second foreground element color pattern that is different from the first foreground element color pattern and is different from the second background color pattern. 
 
 
   
     
     
         2 . The computer system of  claim 1 , wherein:
 the clock user interface that is displayed in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements is displayed while operating in a first mode; and   the one or more programs further including instructions for:
 while operating in the first mode and while displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a condition for transitioning the computer system to operate in a second mode that is different from the first mode; and 
 in response to detecting the condition for transitioning the computer system to operate in the second mode, transitioning from operating in the first mode to operating in the second mode; and 
   while operating in the second mode:
 displaying, via the display generation component, the background with a third background color pattern that is different from the first background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a third foreground element color pattern that is different from the third background color pattern and the first foreground element color pattern. 
   
     
     
         3 . The computer system of  claim 2 , wherein the third foreground element color pattern is the first background color pattern. 
     
     
         4 . The computer system of  claim 2 , wherein the clock user interface includes first content that is displayed at a first size while operating in the first mode, the one or more programs further including instructions for:
 while operating in the second mode:
 in accordance with a determination that the currently selected background color pattern satisfies a first set of dark background criteria, displaying, via the display generation component, the first content at a second size that is smaller than the first size; and 
 in accordance with a determination that the currently selected background color pattern satisfies the first set of dark background criteria, forgoing displaying, via the display generation component, the first content at the second size. 
   
     
     
         5 . The computer system of  claim 4 , wherein, while operating in the second mode, an appearance of the clock user interface is the same, irrespective of whether or not a first user-selected color pattern has been selected for use in a background of the clock user interface. 
     
     
         6 . The computer system of  claim 1 , wherein the clock user interface includes second content, wherein:
 in accordance with a determination that a second user-selected color pattern has been selected for use in the background of the clock user interface, the second content is displayed at a third size; and   in accordance with a determination that the second user-selected color pattern has not been selected for use in the background of the clock user interface, the second content is displayed at a fourth size that is larger than the third size.   
     
     
         7 . The computer system of  claim 1 , wherein the first background color pattern is a solid color. 
     
     
         8 . The computer system of  claim 1 , wherein the first background color pattern includes one or more of a visual texture and a gradient. 
     
     
         9 . The computer system of  claim 8 , wherein the first background color pattern includes a gradient formed by a plurality of colors arranged in a predetermined order. 
     
     
         10 . The computer system of  claim 1 , wherein the one or more foreground user interface elements include a first selectable user interface element, and wherein:
 in accordance with a determination that the currently selected background color pattern corresponds to the first background color pattern, the first selectable user interface element is displayed with the first foreground element color pattern; and   in accordance with a determination that the currently selected background color pattern corresponds to the second background color pattern, the first selectable user interface element is displayed with the second foreground element color pattern.   
     
     
         11 . The computer system of  claim 10 , wherein the one or more foreground user interface elements include a second selectable user interface element that is different from the first selectable user interface element, the one or more programs further including instructions for:
 while displaying the one or more foreground user interface elements that include the first selectable user interface element and the second selectable user interface element, detecting a respective input directed to the one or more foreground user interface elements; and   in response to detecting the respective input:
 in accordance with a determination that the respective input is directed to the first selectable user interface element, displaying, via the display generation component, a first application user interface corresponding to the first selectable user interface element; and 
 in accordance with a determination that the respective input is directed to the second selectable user interface element, displaying, via the display generation component, a second application user interface corresponding to the second selectable user interface element, wherein the second application user interface is different from the first application user interface. 
   
     
     
         12 . The computer system of  claim 1 , the one or more programs further including instructions for:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a first input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the first input directed to the control for modifying the currently selected background color pattern:
 changing the currently selected background color pattern to a modified background color pattern; and 
 changing the one or more foreground user interface elements from a first color to a second color. 
   
     
     
         13 . The computer system of  claim 12 , wherein:
 the control for modifying the currently selected background color pattern is a control for modifying the currently selected background color pattern to a discrete color; and   the one or more foreground user interface elements is modified from the first color to the second color discretely and not based on movement of the first input after the first input was initially detected.   
     
     
         14 . The computer system of  claim 13 , wherein:
 the control for modifying the currently selected background color pattern is a control for modifying the currently selected background color pattern to a color that is in a range of colors; and   the one or more foreground user interface elements is modified from the first color to the second color continuously based on a characteristic of the first input.   
     
     
         15 . The computer system of  claim 1 , the one or more programs further including instructions for:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a second input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the second input directed to the control for modifying the currently selected background color pattern:
 updating the currently selected background color pattern; and 
 modifying a color of the background based on the updated currently selected background color pattern. 
   
     
     
         16 . The computer system of  claim 15 , further comprising:
 in response to detecting the second directed to the control for modifying the currently selected background color pattern, modifying a color of the one or more foreground user interface elements to the updated currently selected background color pattern.   
     
     
         17 . The computer system of  claim 1 , the one or more programs further including instructions for:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a first dark background color pattern to a first light background color pattern; and   in response to detecting the request to switch the background from the first dark background color pattern to the first light background color pattern, modifying the one or more foreground user interface elements from a first light foreground color pattern to a first dark foreground color pattern.   
     
     
         18 . The computer system of  claim 1 , the one or more programs further including instructions for:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a second light background color pattern to a second dark background color pattern; and   in response to detecting the request to switch the background from the second light background color pattern to the second dark background color pattern, modifying the one or more foreground user interface elements from a second dark foreground color pattern to a second light foreground color pattern.   
     
     
         19 . The computer system of  claim 1 , wherein the clock user interface is displayed in an editing user interface that includes one or more controls for a first background setting, the one or more programs further including instructions for:
 while displaying the one or more controls for the first background setting, detecting an input directed to the one or more controls for the first background setting; and   in response to detecting the input directed to the one or more controls for the first background setting, modifying the first background setting from a first state to a second state; and   in conjunction with modifying the first background setting from the first state to the second state:
 in accordance with a determination that a third user-selected color pattern has been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with the currently selected background color pattern; and 
 in accordance with a determination that the third user-selected color pattern has not been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with a default color. 
   
     
     
         20 . The computer system of  claim 19 , wherein at least one of the one or more foreground user interface elements is displayed with an accent color, the one or more programs further including instructions for:
 in conjunction with modifying the first background setting from the first state to the second state:
 in accordance with a determination that the third user-selected color pattern has been selected for use in the background of the clock user based on the second state of the first background setting, the accent color is a first respective color that is not included in the currently selected background color pattern; and 
 in accordance with a determination that a third user-selected color pattern has not been selected for use in the background of the clock user interface based on the second state of the first background setting, the accent color is a second respective color that is included in the currently selected background color pattern. 
   
     
     
         21 . The computer system of  claim 20 , wherein the currently selected background color pattern corresponds to an adjustable spectrum of color options that range from a first end color to a second end color, and wherein the second respective color is the same as or substantially the same as the first end color. 
     
     
         22 . The computer system of  claim 21 , wherein:
 in accordance with a determination that the currently selected background color pattern satisfies a second set of dark background criteria, the first end color is on a dark end of the adjustable spectrum of color options; and   in accordance with a determination that the currently selected background color pattern satisfies the second set of dark background criteria, the first end color is on a light end of the adjustable spectrum of color options.   
     
     
         23 . The computer system of  claim 22 , wherein:
 the second set of dark background criteria includes a criterion that is satisfied when a determination is made that a characteristic of the currently selectable background color pattern is above a respective threshold;   in accordance with a determination that the currently selected background color pattern is a first color pattern, the respective threshold is a first threshold; and   in accordance with a determination that the currently selected background color pattern is a second color pattern that is different from the first color pattern, the respective threshold is a second threshold that is different from the first threshold.   
     
     
         24 . The computer system of  claim 1 , wherein the currently selected background color pattern includes a plurality of different colors, the one or more programs further including instructions for:
 while displaying the background as being off and without the currently selected background color pattern and displaying the one or more foreground user interface elements with the currently selected background color pattern, detecting a request to turn the background on; and   in response to detecting the request to turn the background on while the currently selected background color pattern includes the plurality of different colors:
 displaying, via the display generation component, the background with the plurality of different colors; and 
 displaying, via the display generation component, the one or more foreground user interface elements with different amounts of transparency for different portions of the one or more foreground user interface elements. 
   
     
     
         25 . The computer system of  claim 1 , wherein the first foreground element color pattern is selected based on the first background color pattern, and wherein the second foreground element color pattern is selected based on the second background color pattern. 
     
     
         26 . A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for:
 detecting a request to display a clock user interface that includes a background and one or more foreground user interface elements, wherein the background is associated with a currently selected background color pattern; and   in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements, displaying, via the display generation component, the clock user interface, including:
 in accordance with a determination that the currently selected background color pattern corresponds to a first background color pattern:
 displaying, via the display generation component, the background with the first background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a first foreground element color pattern that is different from the first background color pattern; and 
 
 in accordance with a determination that the currently selected background color pattern corresponds to a second background color pattern that is different from the first background color pattern:
 displaying, via the display generation component, the background with the second background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a second foreground element color pattern that is different from the first foreground element color pattern and is different from the second background color pattern. 
 
   
     
     
         27 . A method, comprising:
 at a computer system that is in communication with a display generation component:
 detecting a request to display a clock user interface that includes a background and one or more foreground user interface elements, wherein the background is associated with a currently selected background color pattern; and 
 in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements, displaying, via the display generation component, the clock user interface, including:
 in accordance with a determination that the currently selected background color pattern corresponds to a first background color pattern:
 displaying, via the display generation component, the background with the first background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a first foreground element color pattern that is different from the first background color pattern; and 
 
 in accordance with a determination that the currently selected background color pattern corresponds to a second background color pattern that is different from the first background color pattern:
 displaying, via the display generation component, the background with the second background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a second foreground element color pattern that is different from the first foreground element color pattern and is different from the second background color pattern. 
 
 
   
     
     
         28 . The non-transitory computer-readable storage medium of  claim 26 , wherein:
 the clock user interface that is displayed in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements is displayed while operating in a first mode; and   the one or more programs further including instructions for:
 while operating in the first mode and while displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a condition for transitioning the computer system to operate in a second mode that is different from the first mode; and 
 in response to detecting the condition for transitioning the computer system to operate in the second mode, transitioning from operating in the first mode to operating in the second mode; and 
   while operating in the second mode:
 displaying, via the display generation component, the background with a third background color pattern that is different from the first background color pattern; and 
 displaying, via the display generation component, the one or more foreground user interface elements with a third foreground element color pattern that is different from the third background color pattern and the first foreground element color pattern. 
   
     
     
         29 . The non-transitory computer-readable storage medium of  claim 26 , wherein the clock user interface includes second content, wherein:
 in accordance with a determination that a second user-selected color pattern has been selected for use in the background of the clock user interface, the second content is displayed at a third size; and   in accordance with a determination that the second user-selected color pattern has not been selected for use in the background of the clock user interface, the second content is displayed at a fourth size that is larger than the third size.   
     
     
         30 . The non-transitory computer-readable storage medium of  claim 26 , wherein the one or more foreground user interface elements include a first selectable user interface element, and wherein:
 in accordance with a determination that the currently selected background color pattern corresponds to the first background color pattern, the first selectable user interface element is displayed with the first foreground element color pattern; and   in accordance with a determination that the currently selected background color pattern corresponds to the second background color pattern, the first selectable user interface element is displayed with the second foreground element color pattern.   
     
     
         31 . The non-transitory computer-readable storage medium of  claim 26 , the one or more programs further including instructions for:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a first input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the first input directed to the control for modifying the currently selected background color pattern:
 changing the currently selected background color pattern to a modified background color pattern; and 
 changing the one or more foreground user interface elements from a first color to a second color. 
   
     
     
         32 . The non-transitory computer-readable storage medium of  claim 26 , the one or more programs further including instructions for:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a second input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the second input directed to the control for modifying the currently selected background color pattern:
 updating the currently selected background color pattern; and 
 modifying a color of the background based on the updated currently selected background color pattern. 
   
     
     
         33 . The non-transitory computer-readable storage medium of  claim 26 , the one or more programs further including instructions for:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a first dark background color pattern to a first light background color pattern; and   in response to detecting the request to switch the background from the first dark background color pattern to the first light background color pattern, modifying the one or more foreground user interface elements from a first light foreground color pattern to a first dark foreground color pattern.   
     
     
         34 . The non-transitory computer-readable storage medium of  claim 26 , the one or more programs further including instructions for:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a second light background color pattern to a second dark background color pattern; and   in response to detecting the request to switch the background from the second light background color pattern to the second dark background color pattern, modifying the one or more foreground user interface elements from a second dark foreground color pattern to a second light foreground color pattern.   
     
     
         35 . The non-transitory computer-readable storage medium of  claim 26 , wherein the clock user interface is displayed in an editing user interface that includes one or more controls for a first background setting, the one or more programs further including instructions for:
 while displaying the one or more controls for the first background setting, detecting an input directed to the one or more controls for the first background setting; and   in response to detecting the input directed to the one or more controls for the first background setting, modifying the first background setting from a first state to a second state; and   in conjunction with modifying the first background setting from the first state to the second state:
 in accordance with a determination that a third user-selected color pattern has been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with the currently selected background color pattern; and 
 in accordance with a determination that the third user-selected color pattern has not been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with a default color. 
   
     
     
         36 . The non-transitory computer-readable storage medium of  claim 26 , wherein the currently selected background color pattern includes a plurality of different colors, the one or more programs further including instructions for:
 while displaying the background as being off and without the currently selected background color pattern and displaying the one or more foreground user interface elements with the currently selected background color pattern, detecting a request to turn the background on; and   in response to detecting the request to turn the background on while the currently selected background color pattern includes the plurality of different colors:
 displaying, via the display generation component, the background with the plurality of different colors; and 
 displaying, via the display generation component, the one or more foreground user interface elements with different amounts of transparency for different portions of the one or more foreground user interface elements. 
   
     
     
         37 . The non-transitory computer-readable storage medium of  claim 26 , wherein the first foreground element color pattern is selected based on the first background color pattern, and wherein the second foreground element color pattern is selected based on the second background color pattern. 
     
     
         38 . The method of  claim 27 , wherein:
 the clock user interface that is displayed in response to detecting the request to display the clock user interface that includes the background and the one or more foreground user interface elements is displayed while operating in a first mode; and   the method further comprises:
 while operating in the first mode and while displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a condition for transitioning the computer system to operate in a second mode that is different from the first mode; and 
 in response to detecting the condition for transitioning the computer system to operate in the second mode, transitioning from operating in the first mode to operating in the second mode; and 
   while operating in the second mode:
 displaying, via the display generation component, the background with a third background color pattern that is different from the first background color pattern; and 
   displaying, via the display generation component, the one or more foreground user interface elements with a third foreground element color pattern that is different from the third background color pattern and the first foreground element color pattern.   
     
     
         39 . The method of  claim 27 , wherein the clock user interface includes second content, wherein:
 in accordance with a determination that a second user-selected color pattern has been selected for use in the background of the clock user interface, the second content is displayed at a third size; and   in accordance with a determination that the second user-selected color pattern has not been selected for use in the background of the clock user interface, the second content is displayed at a fourth size that is larger than the third size.   
     
     
         40 . The method of  claim 27 , wherein the one or more foreground user interface elements include a first selectable user interface element, and wherein:
 in accordance with a determination that the currently selected background color pattern corresponds to the first background color pattern, the first selectable user interface element is displayed with the first foreground element color pattern; and   in accordance with a determination that the currently selected background color pattern corresponds to the second background color pattern, the first selectable user interface element is displayed with the second foreground element color pattern.   
     
     
         41 . The method of  claim 27 , further comprising:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a first input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the first input directed to the control for modifying the currently selected background color pattern:
 changing the currently selected background color pattern to a modified background color pattern; and 
 changing the one or more foreground user interface elements from a first color to a second color. 
   
     
     
         42 . The method of  claim 27 , further comprising:
 while displaying the clock user interface that includes the background and the one or more foreground user interface elements, detecting a second input directed to a control for modifying the currently selected background color pattern; and   in response to detecting the second input directed to the control for modifying the currently selected background color pattern:
 updating the currently selected background color pattern; and 
 modifying a color of the background based on the updated currently selected background color pattern. 
   
     
     
         43 . The method of  claim 27 , further comprising:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a first dark background color pattern to a first light background color pattern; and   in response to detecting the request to switch the background from the first dark background color pattern to the first light background color pattern, modifying the one or more foreground user interface elements from a first light foreground color pattern to a first dark foreground color pattern.   
     
     
         44 . The method of  claim 27 , further comprising:
 after displaying the background with the first background color pattern and the one or more foreground user interface elements with the first foreground element color pattern, detecting a request to switch the background from a second light background color pattern to a second dark background color pattern; and   in response to detecting the request to switch the background from the second light background color pattern to the second dark background color pattern, modifying the one or more foreground user interface elements from a second dark foreground color pattern to a second light foreground color pattern.   
     
     
         45 . The method of  claim 27 , wherein the clock user interface is displayed in an editing user interface that includes one or more controls for a first background setting, the method further comprising:
 while displaying the one or more controls for the first background setting, detecting an input directed to the one or more controls for the first background setting; and   in response to detecting the input directed to the one or more controls for the first background setting, modifying the first background setting from a first state to a second state; and   in conjunction with modifying the first background setting from the first state to the second state:
 in accordance with a determination that a third user-selected color pattern has been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with the currently selected background color pattern; and 
 in accordance with a determination that the third user-selected color pattern has not been selected for use in the background of the clock user interface based on the second state of the first background setting, displaying, via the display generation component, the background with a default color. 
   
     
     
         46 . The method of  claim 27 , wherein the currently selected background color pattern includes a plurality of different colors, the method further comprising:
 while displaying the background as being off and without the currently selected background color pattern and displaying the one or more foreground user interface elements with the currently selected background color pattern, detecting a request to turn the background on; and   in response to detecting the request to turn the background on while the currently selected background color pattern includes the plurality of different colors:
 displaying, via the display generation component, the background with the plurality of different colors; and 
 displaying, via the display generation component, the one or more foreground user interface elements with different amounts of transparency for different portions of the one or more foreground user interface elements. 
   
     
     
         47 . The method of  claim 27 , wherein the first foreground element color pattern is selected based on the first background color pattern, and wherein the second foreground element color pattern is selected based on the second background color pattern.