Tamera: green > indigo root colors - DO NOT MERGE FOR NOW

[wkande]

Tamera wants to change the green color to an indigo scheme. This PR is get a live preview for her to view.

[github-actions]

Visit the preview URL for this PR (updated for commit daab564):

https://oev-docs--pr149-t-colors-z4p19c3i.web.app

_{(expires Fri, 07 Mar 2025 14:58:20 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 6915b094b5ba83fde754632ba50c1ee9406d433f}

[peterjurco]

@wkande Tamara gave me the CSS file with all the updated colors. I have added it here.

[T9991]

We're switching the gray-soft colors- will get back to you on what value it should be.

Question about this:

Is it easy to override? It's just that the comments within the codeblocks are slightly too dark.

[peterjurco]

@T9991

Is it easy to override?

Yes, it's easy to override. Either change the value of the --shiki-light and --shiki-dark or override the .vp-code span class with our custom color.

[T9991]

1. Hm.. I think it's responsible for the gray color here:
   

But I think it's also for all the code colors. Not sure if you can override just that single one. If so, it should be #757E8A to meet accessibility standards

2. I don't understand where this code-bg color is coming from
   

3. I think the backgrounds behind these tips is missing
   

4. Minor thing, the copyright in the footer needs to be to the "API3 Foundation" instead of just "API3"

If we can solve these things, then would be good to go

[peterjurco]

@T9991

1. The comment color in the code block updated for the dark theme to #757E8A
2. It comes from --vp-code-bg which is set to #36454f;. Do you want to change it?
3. It comes from --vp-custom-block-info-bg which is set to --vp-c-gray-soft which is set to rgba(10, 16, 82, 0.1). Do you want to change it?
4. Updated

[T9991]

Final color for --vp-c-gray-soft: rgba(142, 155, 178, .16)

[T9991]

Light and dark logos

[peterjurco]

Both background color and new logos updated

@T9991 are we ready for release?

[T9991]

Absolute last change- the same color but on light is just too light. Change rgba(242, 244, 255, 0.8); to rbga(142, 155, 178, .1)

[peterjurco]

Done ✅