phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu

prosilver French edition

UCP collors - prosilver French edition

UCP collors

by bennybernaer » Tue Dec 19, 2023 9:55 am

In the UCP there are almost no distinctions in colors and everything only has a border color. Is this supposed to be this way?


Image
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by cabot » Tue Dec 19, 2023 10:10 am

Hello,

Yes, in the same way as these other dropdowns are displayed.
dropdown.png
dropdown.png (7.96 KiB) Viewed 72 times
User avatar
cabot
Registered User
Posts: 797
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: UCP collors

by bennybernaer » Tue Dec 19, 2023 10:50 am

Okay, then we'll adjust this tonight so that it looks approximately the same as in viewtopic.

Image
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by bennybernaer » Tue Dec 19, 2023 1:20 pm

Fixed!

Code: Select all

.panel-container .panel, .cp-main .pm {
	background-color: var(--color03);
}

Code: Select all

.bg3 {
		background-color: var(--color02);
}

Edit:
Forget the above, if I change this the colors will also change in MCP. It might be an idea to make it bg4 in the private messages section. But which file should I search in? I've looked myself, but I can't find it.
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by bennybernaer » Sat Dec 30, 2023 3:20 pm

Today we took the time to get a little bit of color correction in the PM system.
I changed the bg3 to bg4 in upc_header.html so that the other classes on the forum are not inconvenienced by this.

Code: Select all

/* PM systeem
---------------------------------------- */
.bg4 {
	background-color: #292929
}

.panel-container .panel, .cp-main .pm {
	background-color: #2c2c2c;
}

.panel-container .panel li.row {
	background-color: var(--color03);
	border-bottom-color: var(--color04);
	border-top-color: var(--color04);
}
.panel-container .panel li.row:hover {
	background-color: var(--color04);
	border-bottom-color: var(--color05);
	border-top-color: var(--color05);
}
Image
Image
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by bennybernaer » Wed Feb 07, 2024 10:44 am

It's still not as it should be, and it's very difficult to find the right css.

I would have loved for the colors in the UCP (private messages) to look more or less the same as the rest of the forum.

Image
Image


These bottom ones are screenshots from the UCP. If you compare this with the above you will see a clear difference.
Maybe I'm asking for the impossible (I don't know). But it would be much nicer if the UCP also looked more or less like the rest of the forum. It seems that two colors have been chosen with only a border as a distinction.

Image
Image
Image
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by cabot » Wed Feb 07, 2024 12:05 pm

When you are in the UCP, there is the section-ucp class on the body tag.

You can therefore use it to build your selectors to target the elements of the UCP whose CSS you want to modify.

Code: Select all

.section-ucp .xxx {
	/* Do something here for the .xxx element located in .section-ucp class. */
}
User avatar
cabot
Registered User
Posts: 797
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: UCP collors

by bennybernaer » Wed Feb 07, 2024 6:59 pm

Thank you very much Cabot! I made it happen.

Code: Select all

/* PM systeem
---------------------------------------- */
.section-ucp .panel-container .panel li.row {
	background-color: var(--color03);
}

.section-ucp .panel-container .panel li.row:hover {
	background-color: var(--color04);
	border-bottom-color: var(--color04);
	border-top-color: var(--color04);
}

.section-ucp .panel-container .panel, .cp-main .pm {
 background-color: var(--color18);
}
IMG_723.png
IMG_722.png

Edit:

I am still trying to change some of the following within the UCP. But if I add this viewtopic is also changed.

Code: Select all

.section-ucp .post.bg1, .post.bg2 {
 background-color: var(--color18);
}
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by bennybernaer » Thu Feb 08, 2024 8:58 am

Maybe this way? It certainly works.

Code: Select all

.cp-main .post.bg1, .cp-main .post.bg2 {
 background-color: var(--color18);
}
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by cabot » Thu Feb 08, 2024 12:15 pm

bennybernaer wrote: I am still trying to change some of the following within the UCP. But if I add this viewtopic is also changed.
This is not possible, as the section-ucp class is only returned in the UCP. You may have made other changes. o0
bennybernaer wrote: Maybe this way? It certainly works.

Code: Select all

.cp-main .post.bg1, .cp-main .post.bg2 {
 background-color: var(--color18);
}
The cp-main class is used both in the UCP and MCP.
User avatar
cabot
Registered User
Posts: 797
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: UCP collors

by bennybernaer » Thu Feb 08, 2024 12:39 pm

Dissolved.

Not on this one:

Code: Select all

.section-ucp .post.bg1, .post.bg2 {
     background-color: var(--color18);
}
but this way:

Code: Select all

.section-ucp .post.bg1, .section-ucp .post.bg2 {
     background-color: var(--color18);
}
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top

Re: UCP collors

by cabot » Thu Feb 08, 2024 6:15 pm

Good point, I hadn't noticed that there were two selectors.
User avatar
cabot
Registered User
Posts: 797
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: UCP collors

by bennybernaer » Thu Feb 08, 2024 7:12 pm

Wouldn't it be an idea to add this change in the new style release?

In this way the UPC has a dark tint around the elements

Code: Select all

[data-theme=dark] {
	--color18: 	#2f2f2f;
	color-scheme: dark;
}

html, [data-theme=light] {
	--color18: 	#f3f3f3;
	color-scheme: light;
}
Image
Image
User avatar
bennybernaer
Registered User
Posts: 707
Joined: Tue Mar 22, 2011 9:53 pm
Top