Page 1 of 1

How to customize the 2 colors of text logo?

Posted: 11 Jan 2025, 22:56
by flep
The text logo with logo effects works in 2 colors.
PixPin_2025-01-12_11-43-02.jpg
PixPin_2025-01-12_11-43-02.jpg (43.75 KiB) Viewed 2610 times
I have 2 questions.

1. How to switch these 2 colors?
I mean make the "Photo" grey and "gallery" orange.


2. How to customize the secondary color?
I know that the "Photo" color goes with the Primary Color in style skin settings. And I can customize it in logo style with css like blew
Code
.logo{
color: #090909
}
But how can I customize the color of "gallery", the secondary color? 
The 2nd question is the main one, if I know how to do with it, 1st question will be resolved. 

Thank you for your help ~~  

Re: How to customize the 2 colors of text logo?

Posted: 12 Jan 2025, 02:01
by mjau-mjau
flep wrote: 1. How to switch these 2 colors?
I mean make the "Photo" grey and "gallery" orange.
That is a bit clumsy, as they are inherited from the theme. But you could do this in Settings > Custom > Custom CSS:
Code
.m1 {
  color: #b0b7be;
}
body.clear .logo-3d>span:nth-child(even) {
  color: var(--primary);
}
Bbecause it's a javascript generated effect, it might not work exactly like you want. If you disable the "3D Logo" effect, you will be able to customize the colors more easily of course.

Re: How to customize the 2 colors of text logo?

Posted: 12 Jan 2025, 02:55
by flep
Thank you for reply~

It seems like the body.clear does not work, warning as "Overqualified"
So I try to remove the body.clear, then it works.

I use it as following
Code
.m1 {
 color: white;
}

.logo-3d>span:nth-child(even) {
  color: orange;
}
With that, I can specify color for primary and secondary text.  
But only works in static, color changed when 3d animation working. 
But for me, it is enough~~

Thank you for your help~