[GUIDE] Prosilver Colours.css Generator 2.0

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
TT37
Registered User
Posts: 17
Joined: Sat Nov 09, 2019 6:08 pm

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by TT37 »

I would also be willing to pay to code modern prosilver template same like old prosilver but with this features.
https://www.phpbb.com/customise/db/styl ... lver_dark/

I just need these things:
New svg category and topic icons (read / unread)
Modern ONLINE status in user
Font awesome on all icons (message buttons, email etc)
Same buttons style in this Dark theme
!!! - Minimalist theme, no more any gradiant colors
If anyone is interested, please contact me i can pay in advance on paypal.
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

@Gumboots Yes I am aware of it. We have spoke about it. A combination of both is what I planned. But either way it needs to be handled correctly If someone wants to fork the codepen and add in his changes we can update this I just do not have the time nor want to take time away from working on chameleon right now. Which is the priority

@TT37 All of that is planned for next version.

I am working on the icons changes today actually since its needed for the new theme anyway for compatability

[PR UP] New svg category and topic icons (read / unread), Font awesome on all icons (message buttons, email etc) <--We are not using just font-awsome but allowing for all icon libraries and everything will be svg
[MERGED] New icon system
[MERGED] Modern ONLINE status in user
[PLANNED] Same buttons style in this Dark theme
[PLANNED] !!! - Minimalist theme, no more any gradient colors

If someone wants to make a PR for the planned ones I will review and merge it.
User avatar
Gumboots
Registered User
Posts: 800
Joined: Fri Oct 11, 2019 1:59 am

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Gumboots »

A combination of both is what I planned.
Must admit I've been going down that path myself. When messing around with my own variations Christian's style the usage of !important was starting to get over the top, with the usual problems that brings. So I did the obvious, and got rid of earlier declarations that were screwing things up. Knocked out about half the content of colours.css just to get things out of the way. Frankly the whole damned lot could probably go.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

made some more tweaks and refactors to the generator. It now uses a more standard approach to the panels and surface colors across the theme. in that they are all surfaces now...I have also simplified all the need for extra bg colors by using proper odd/even selectors
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

Its coming along nicely. I reworked the entire scheme based on the chameleon color settings. Which allows for a light and dark mode. Just change the $mode variable between $mode: light & $mode: dark

I still need to cleanup all the code but have a look!
Screenshot 2020-04-17 04.31.17.png
You do not have the required permissions to view the files attached to this post.
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by 3Di »

I know I've said this before but I would like to reiterate that a guide is useful but a tool that facilitates the average user is the way to go if you want to have a real feedback on your work. It's the same difference between asking the average user to do a certain thing via CLI or the web interface.
🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

That’s the intent when this is done but we are not there yet.
GingerNutt
Registered User
Posts: 2
Joined: Wed Mar 26, 2003 1:00 pm

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by GingerNutt »

Does this work in v3.3.2?

SPAM Links deleted
Last edited by HiFiKabin on Wed Dec 16, 2020 11:39 am, edited 1 time in total.
Reason: SPAM Links deleted
Roy Goring
eisa01
Registered User
Posts: 22
Joined: Wed Jun 08, 2005 4:14 pm

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by eisa01 »

I am also wondering if this still works on the most recent 3.3.4 release?

Looking to adjust the theme to my site color palette, and hoping I won't need to do it manually like I had for my phpBB 2 board :D
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

It should work mostly. Have not had time to test, but do not think anything major has change with the frontend. You can check the version changes post to verify
User avatar
thecoalman
Community Team Member
Community Team Member
Posts: 6339
Joined: Wed Dec 22, 2004 3:52 am
Location: Pennsylvania, U.S.A.

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by thecoalman »

eisa01 wrote: Wed Jul 28, 2021 1:59 pm I am also wondering if this still works on the most recent 3.3.4 release?
You can use Winmerge or similar tools to compare generated files to stock files. It's also quite helpful going forward with updates.

https://winmerge.org/?lang=en
“Results! Why, man, I have gotten a lot of results! I have found several thousand things that won’t work.”

Attributed - Thomas Edison
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by Hanakin »

That will not work in this case for the generator output. It will need to be used to compare 3.x versions for changes as the generator completely overhauls the colors.css file making it more sane and easier to work with
User avatar
thecoalman
Community Team Member
Community Team Member
Posts: 6339
Joined: Wed Dec 22, 2004 3:52 am
Location: Pennsylvania, U.S.A.

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by thecoalman »

You can still use it, It will do a 3 pane comparison. You can load the stock version of whatever your generator is based on in the first pane. Load stock version of 3.3.4 into second pane. Lastly load the custom version from your generator into last pane.

This will allow you to see what has changed between stock versions and merge them into custom file if you need to. This is how I do all my upgrades because I need to identify if it's a change between stock or custom edit. If you substantially changed the structure of colours.css it may make it bit more difficult but should be still doable.

There is also "moved block" detection that will identify blocks of code that have been moved to different parts of the file but I don't know how helpful it would be for this.
“Results! Why, man, I have gotten a lot of results! I have found several thousand things that won’t work.”

Attributed - Thomas Edison
eisa01
Registered User
Posts: 22
Joined: Wed Jun 08, 2005 4:14 pm

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by eisa01 »

Hanakin wrote: Wed Jul 28, 2021 5:04 pm It should work mostly. Have not had time to test, but do not think anything major has change with the frontend. You can check the version changes post to verify
Thanks, I gave it a go and it seems to work fine!

Just had to change the image references, and then I also discovered your prosilver .svg imageset that was easy to update as well (hardest part was changing the "-" to "_" in the file name to match the colours.css usage
eisa01
Registered User
Posts: 22
Joined: Wed Jun 08, 2005 4:14 pm

Re: [GUIDE] Prosilver Colours.css Generator 2.0

Post by eisa01 »

When upgrading to 3.3.5 I had to insert this code into the CSS, as e.g., the members list had some broken background colors

Code: Select all

/* 3.3.5 style fix - override .info in table headers */
tr.bg1 .info, tr.bg2 .info, th.info {
  background: none;
}

Return to “[3.2.x] Styles Support & Discussion”