[Feedback wanted] Tweakable colour palette

[clutterstack]

Hi all,

I've just uploaded a hacked-together demo of a plugin for a palette that you can tweak. The idea is that you choose a few colours you like (a "mood") and decide which groups of features in TW get which of those colours. The groups are not optimised and not all palette colour names from Vanilla are incorporated.

Moods plugin demo

I'd like to know if people think this would be useful/fun, and also in which ways it's broken for others!

Best,

Chris

[clutterstack]

Added a sidebar tab (refactoring will remove the voluble text at the top).

[Jeremy Ruston]

Hi Chris

This is excellent, I do encourage you to continue with it. I'd love to have an integrated colour wheel to make it easier to select colour relationships like complementary, triadic, etc. I'm keen to add filter operators to perform colour manipulations like darken/lighten, rotate hue etc, which might make that sort of thing a bit easier.

Best wishes

Jeremy

--

Jeremy Ruston

jer...@jermolene.com

https://jermolene.com

On 10 Mar 2021, at 22:07, clutterstack <bee...@gmail.com> wrote:

Added a sidebar tab (refactoring will remove the voluble text at the top).

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/814d9b9a-7b73-49aa-89f2-bbc6fd30dd21n%40googlegroups.com.

[David Gifford]

Feedback: Cool! Fun! Other feedback: would be easier to use if sidebar stuff was all together and tiddler stuff was all together.

[David Gifford]

wheeeee!!!

[clutterstack]

Hi Jeremy,

Thanks! I have a lot of things to tidy up on the manipulating-palettes side, but I am intrigued to know more of your envisioned colour wheel. I can imagine something wherein you pick a base colour and a "mode" (triadic/complementary/analogous or something) and it shows a wheel with the suggestions outlined or something.  But I'm not sure I am picturing what you're picturing. 

Best,

Chris

[clutterstack]

Hi David,

Yes, I noticed it's sorting the entries and they don't go together. I need to look at that.

I also feel as though there are either too many or not enough adjustable groupings. One could imagine those grouping decisions being part of theme building.

[clutterstack]

Oh, and thanks for trying it, David.

On Wednesday, March 10, 2021 at 6:16:28 PM UTC-5 David Gifford wrote:

[strikke...@gmail.com]

Chris,

Quite a task you have taken on here. It was great fun to try out. I love that you write: "You have to break a few eggs to make an omelet"

Truly I think I broke eggs enough to serve omelet to the city i live in. (Not due to any fault of yours...I must add.)

I think it could be useful and that we can learn from it too. It is not so easy to make colours work well together and al that.

Birthe

[clutterstack]

Hi Birthe,

Thanks for playing with it!

I think it could be useful and that we can learn from it too. It is not so easy to make colours work well together and al that.

Yes! I am much more comfortable with the whole Vanilla palette than I used to be, but when I went to make a new palette I thought it would be easier if I wrote a tool first! And I am not a developer...

Jeremy's colour wheel idea would help with this. It's a general problem for any web page or app.

Best,

Chris

[Mohammad Rahmani]

Hi Chris,

 Very nice!

Minor comment: Is it possible to have one or two examples one can click and see! I mean for example a dark and a light sample!

Like the one is in use when you open https://clutterstack.github.io/TW5-moods/

Why is the $:/AdvancedSearch the default tiddler in current release?

Best wishes

Mohammad

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/902eedde-cd01-47ff-bc4f-812a2f76c2e8n%40googlegroups.com.

[Mohammad Rahmani]

Chris,

 Now you have 6 base colors am I right?

 Is it to have three or four base colors and everything adjusted based on that? 

 I think the current official TW color palette is crowded with colors and you may have to invent your own bases

 By the way this Mood plugin can help to create amazing TW color palettes.

Best wishes

Mohammad

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/814d9b9a-7b73-49aa-89f2-bbc6fd30dd21n%40googlegroups.com.

[Mohammad Rahmani]

Chris,

 On each palette button is it possible to have what it is or can we have a tooltip to show its name?

 like [background] [foreground]

I mean the six buttons you click to select the base colors!

Best wishes

Mohammad

On Wed, Mar 10, 2021 at 11:59 PM clutterstack <bee...@gmail.com> wrote:

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/902eedde-cd01-47ff-bc4f-812a2f76c2e8n%40googlegroups.com.

[TiddlyTweeter]

Nice one!

The only thing I find confusing is HOW to save a new palette set?

Obviously end-users will be looking to save to new names & activate new palettes they make. 

It is just not so clear how to do that I think??

Purely FYI, Telmiger some time ago attempted to make a "Color Action" thing that tries to deal with "colour harmony" issues that Jermolene refers to.  

It is somewhat obscure how it works but I mention it because you might be able to benefit from seeing at least the concept behind it.

Best of luck

TT

[clutterstack]

Hi Mohammad,

Thanks for your comments!

Minor comment: Is it possible to have one or two examples one can click and see! I mean for example a dark and a light sample!

Like the one is in use when you open https://clutterstack.github.io/TW5-moods/

Yes, I can do that.

Why is the $:/AdvancedSearch the default tiddler in current release?

Thanks, I didn't realise I'd overwritten my demo with one I'd been playing with.

Best,

Chris

[clutterstack]

 Now you have 6 base colors am I right?

At the moment, yes. I was thinking that any given theme might have more or fewer. One could imagine (and I think Jeremy was alluding to this) picking two or three main colours and having an easy way to make lighter or darker, or more- or less-saturated, variations of those colours to keep the theme harmonious.

 Is it to have three or four base colors and everything adjusted based on that? 

Yes. I've collected many of the indices in the Vanilla palette into groups that I thought could use the same colour. It's not a perfect grouping, and it also might depend on preferences.

 I think the current official TW color palette is crowded with colors and you may have to invent your own bases

That's what the groups do. One could write a theme from scratch and have perhaps a much shorter palette, but that itself is a big endeavour.

 By the way this Mood plugin can help to create amazing TW color palettes.

 

I hope so!

 

[clutterstack]

Apologies to everyone for not replying to these all in one message.

 On each palette button is it possible to have what it is or can we have a tooltip to show its name?

 like [background] [foreground]

I mean the six buttons you click to select the base colors!

A finished version of this would have tooltips, definitely. At the moment the base colours are called things like "mood1" etc., and the purposes are decided by clicking on base colours. That gives you the freedom to choose colours you like, and then put them into different roles.

Some of the colour choices can be pure preference, but once made, they constrain some of the others. For example, if you want to swap a light background for a dark one, you can just click on a dark colour from your set that you've picked. But then you may also have to change the foreground so you can see it. So there's some slop that bothers me in the current version. A fancy plugin might do something like that for you and reduce the clutter. There are so many cool things one could do here!

Best wishes,

Chris

[Mohammad Rahmani]

Hi Chris,

 Many thanks for your clarifications.

Best wishes

Mohammad

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/798cdb40-2537-4f7b-9bbe-fedeef113ee6n%40googlegroups.com.

[clutterstack]

Thanks TT,

The only thing I find confusing is HOW to save a new palette set?

Obviously end-users will be looking to save to new names & activate new palettes they make. 

It is just not so clear how to do that I think??

That's because I didn't build that yet. :D However, if you are using the Vanilla theme and want to keep a palette, putting a copy of the  $:/plugins/can/moods/palettes/Omelette tiddler into your TW should work. The plugin provides this tiddler, and "overwrites" it as you change things.

Purely FYI, Telmiger some time ago attempted to make a "Color Action" thing that tries to deal with "colour harmony" issues that Jermolene refers to.  

It is somewhat obscure how it works but I mention it because you might be able to benefit from seeing at least the concept behind it.

This is full of good stuff, thanks for the heads-up. And I see David has it in the TW Toolmap, so it's discoverable (I hadn't looked until you mentioned it).

Best wishes,

Chris

[clutterstack]

Further to my last post, I don't guarantee the palettes generated here are fit for purpose! :D

[Álvaro]

Great initiative!

A long time ago I was looking at how to easily make color palettes, but it became a headache for so many "components" and their parts where to assign colors. As you looked at grouping by "components" but it is complicated because they have different amounts of parts (2 to 4) in the palette and if it succeeded it could be grouped again to simplify the palette or to assign the colors more easily.

To assign the colors, I had thought of using the contrast ratio to suggest colors for the background once the foreground was chosen.

But I started to get stuck a lot ...

Best wishes!

[clutterstack]

Thanks Álvaro!

if it succeeded it could be grouped again to simplify the palette or to assign the colors more easily.

Yes, that could be an approach.

 

To assign the colors, I had thought of using the contrast ratio to suggest colors for the background once the foreground was chosen.

I wonder if the the contrastcolour macro in core (for tag pills) might help with that in the short term.

Best,

Chris

[Álvaro]

Maybe it helps but it compares the contrast ratio between one color and two others. In the palette, we will need evaluate the contrast ratio of eack possible combination and then they would be ordered.

[Jeremy Ruston]

> Thanks! I have a lot of things to tidy up on the manipulating-palettes side, but I am intrigued to know more of your envisioned colour wheel. I can imagine something wherein you pick a base colour and a "mode" (triadic/complementary/analogous or something) and it shows a wheel with the suggestions outlined or something.  But I'm not sure I am picturing what you're picturing. 

The idea would be that instead of manually setting all six root colours, I'd just set one or perhaps two, and then choose from a list of harmony relationships used to generate the other required shades, ensuring that they work well with the selected colours.

The harmony relationships are covered in wikipedia: https://en.wikipedia.org/wiki/Harmony_(color)

But it's much more fun to explore them interactively: https://color.adobe.com/create/color-wheel

Best wishes

Jeremy