[GUIDE] Prosilver Colours.css Generator 2.0

TT37 · Post by **TT37** » Mon Nov 11, 2019 9:13 pm

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.

Post by **Hanakin** » Mon Nov 11, 2019 9:18 pm

@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.

Gumboots · Post by **Gumboots** » Mon Nov 11, 2019 10:43 pm

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.

Post by **Hanakin** » Fri Apr 17, 2020 2:31 am

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

Post by **Hanakin** » Fri Apr 17, 2020 2:28 pm

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!

3Di · Post by **3Di** » Fri Apr 17, 2020 7:51 pm

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.

Post by **Hanakin** » Fri Apr 17, 2020 10:07 pm

That’s the intent when this is done but we are not there yet.

GingerNutt · Post by **GingerNutt** » Wed Dec 16, 2020 11:01 am

Does this work in v3.3.2?

SPAM Links deleted

eisa01 · Post by **eisa01** » Wed Jul 28, 2021 1:59 pm

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

Post by **Hanakin** » 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

Post by **thecoalman** » Thu Jul 29, 2021 10:03 am

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

Post by **Hanakin** » Thu Jul 29, 2021 9:11 pm

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

Post by **thecoalman** » Sat Jul 31, 2021 6:16 am

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.

eisa01 · Post by **eisa01** » Sun Aug 01, 2021 4:55 pm

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 · Post by **eisa01** » Thu Nov 18, 2021 7:22 pm

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;
}