Question: Any way to change the default colors in the grid in the color field popup?

#1

…because man, that is a terrible selection of colors for tag backgrounds. Seriously.

I would accept as a workaround the ability to lock in the custom colors so that they don’t get erased upon closing and reopening the file.

#2

I think that you talk about the default popup of Firefox.

You need to use javascript to use a different color picker. There are many javascript color picker, for example https://jscolor.com/

#3

You can use my TiddlyTools <<edit-list>> macro (see https://tiddlytools.com/edit-list.html) to apply an alternative color picker, like this:

<<edit-list tiddler:"..." field:"..." colors:yes type:color scroll:5 focusPopup:yes find:or
   filter:"#ff0000 #00ff00 #0000ff [{TiddlyTools/Settings/Colors/X11Names}]" >>

When you use the colors:yes parameter, you get a dropdown select list of pre-defined color names/values. The background of each listed color name/value is shown with the corresponding color, making it easy to choose the color you like. If you also include the find:or parameter, you can type a partial color name or value to automatically apply a “progressive filter” so the list only shows those color names/values that match the current input (e.g., typing “blue” will show you all the color choices that contain “blue” in their name).

If you use both colors:yes and type:color, then you get the standard browser-supplied RGB color picker when you click the input area (the same as the default handling for the ‘color’ field input), and the dropdown select list of pre-defined colors when you click the down arrow next to the input area.

You can also copy https://tiddlytools.com/edit-list.html#TiddlyTools%2FSettings%2FColors%2FX11Names to transclude a list of 144 predefined “X11 color names” (e.g., “AliceBlue”, “AntiqueWhite”, “Aqua”, etc.)

enjoy,
-e

1 Like
#4

Thanks Alvaro and Eric, and yes, I will be using Eric’s. Very nice!

#5

@EricShulman

The missing instruction was: “open TiddlyTools/Macros/edit-list/ColorEditTemplate and replace the color list in the filter parameter with your colors.”

Which in my case will be #ffffee #eeeeff #ddffdd #eeddff #eeeeee #ffeeee, a nice short list of soft, readable tag colors.

If I ever publish anything that depends on this (not likely, this is for personal use), I will add a warning so that users will know I have tweaked it.

Works great!