|About Memento Color Codes|
Memento uses color codes within libraries to allow users to identify their preferred colors for the foreground & background colors of entries in the list.
These can be set within Edit Library, accessed within the main menu within the library.
« NOTE: The following pertains only to the MOBILE edition. »
From the entries list, tap the 3-dot (kabob) menu button in the upper-right corner and tap Edit Library to enter Edit Library. The FIELDS tab will be selected by default, so tap the MAIN tab to get to Library Settings. The bottom two settings are Entry color (which implies the foreground color of the text) and Entry background color. These settings are by default set to None, in which case the operating system's color mode (or theme) setting is used, which is most often black on white for Light mode & white on black for Dark mode. To set them to the colors you want, create a field to contain the color value you want, one for the foreground color & one for the background color.
- An SCL (Single-Choice List) field
- An MCL (Multiple-Choice List)
- A Radio Buttons field
- A checkboxes field
if (field("Status") == "Due") "#00FF00" // Green else if (field("Status") == "Overdue") "#FF0000" // Red else "#000000" // Black
« NOTE: The following pertains only to the DESKTOP edition. »
Desktop-specific user interface specifications.
« NOTE: The following pertains to ALL editions. »
Keep in mind that dark mode is newer than the traditional light mode, and certain color combinations may not display the way you expect in dark mode Read below about Internet color codes to get the best info on them, but one quick rule of thumb is that black, blue, purple, red, and green foreground colors display well on either white or black backgrounds -- other colors (like yellow on white) not so much. If you want to use other background colors, read about Internet color codes very carefully.
Use only certain field types to indicate your entry color choices
Each entry that should be displayed in colors that are not the default should contain a field that indicates the colors to be used to display that entry in the list.
Internet color codes
Memento employs the standard Internet color code to indicate colors.
Colors & their codes
Base 16 (hexadecimal) numbers for colors
The code for each color is determined by how luminescent it is. Do you remember radix arithmetic from school? Radix (or base) 10 is for decimal values (0-9), base 2 for binary values (0-1), etc. Next most common are the bases that computers use in addition to binary. 2 binary digits in a row can represent values from 0-3, 3 digits show 0-7, 4 digits 0-15, and to represent colors for the Internet, we need to represent 256 colors, 0-255. For 256 colors, we'd need that many characters, but we don't have that many characters in our alphabet, so we use 2 characters for the color. Base 16 numbers can represent that 16 values, and 2 in a row, will give us 256 values (what we need) and they fit in a byte of storage, too! Recapping, if each digit took 4 bits & represent values 0-15, we can use a single character to make up those values if only we could represent all 16 values in the 4 bits. So, we use the 10 decimal digits 0-9 and then start with A to represent 10-15, so A-F are the characters we need to represent one hexadecimal digit. To get to 256 -- with base 16 arithmetic (we can say hex for short), 16 times 16 gives us the 256 we need. So that would be hex 11 (1*16+1), and if A is 10, then B is 11, so 11 represents 16+1=17. Using # to indicate a numeric value is in hex is an Internet standard (for HTML, CSS, etc).
Making hex digits into colors
There are 256 levels of luminosity for each color (0-255). The code for Black is #000000 -- none of any of the colors, so black. The code for White is #FFFFFF, 255 for each of red, green, & blue. Halfway from 0-255 is 128 -- #80, as you might expect, so it means to show gray. For the other colors, check out that link above, see what colors match with which codes, and if you keep doing that for various colors, you'll get the hang of it.
Internet colors reference Web site
For an excellent dissection and assistance in determining the codes to use, see https://htmlcolorcodes.com. There are various sections of this site can can use depending I your particular needs. For a good list of colors and names for them, see https://htmlcolorcodes.com/color-names.