This component/theme works with latest OSSN version.
German Michael Zülsdorff 3 years ago


[ Download | Support ]

A simple responsive theme optimized for mobile usability, featuring ...

  • fixed topbar

enter image description here

  • two member selectable color presets (light and dark)

enter image description here

  • custom color and logo editor on admin backend

enter image description here

  • chat on mobile devices

enter image description here

  • separate 'My Groups' page instead of numerous entries in the sidebar menu
  • separate section keeping your personal stuff
  • floating widgets allowing usage of full screen width on large displays

Backup / Restore

Starting with release V 2.3, GreenByGreen comes with a backup/restore mechanism that takes care of keeping your modifications.
Whenever you disable GreenByGreen (= switch to a different theme) the following files will be saved to your Ossn data directory:

  • favicon.ico
  • logo.png (your site's frontend logo)
  • logo_admin.jpg (your admin backend logo)
  • frontpage.css
  • light_mode.css
  • dark_mode.css
  • as well as the 3 accompanying pdf files listing your currently chosen colors
  • site_custom_css.php (holding your custom css changes and additions)

Whenever you enable GreenByGreen these files will be restored to the theme directory, making your site instantly look the same again without any further manual interaction.


Before manually applying any CSS changes to GreenByGreen, make friends with the comfortable admin backend and asure they can't be applied there in a much more easier way.
Manual CSS changes and additions must be saved in site_custom_css.php, only. Don't touch any of the other files since they are being modified and managed programmatically.

us Sarah Giddings Replied 1 year ago

Thank you,

Might there be a way to save settings (other than saving the pdf files) during the next update?
Maybe an import/export option?

Restoring my logo and color scheme only took a moment, but I didn't expect to lose those settings when I upgraded.

I did upgrade via the panel, mhaps if I did it manually that may have saved it?

Thanks for your hard work!
It's a great theme and I love being able to customize most of it without the need to dig in the filesystem. :)

us Philip Lozier Replied 1 year ago

Thank you

German Michael Zülsdorff Replied 1 year ago

Due to the built-in color-editor the structure of the 2.x release is very much different compared to 1.x.

Right that's why I placed the blue emphasized 'not compatible' note on top.

us Philip Lozier Replied 1 year ago

Looks like good changes. My question is, what would be the best method for preserving my changes in site.php? My changes are extensive, so it is obvious I will need to do this on the development server, but is the structure still similar enough that I could cut and paste the changes I made on the old site.php to the new one, or do I have to start from scratch?

German Michael Zülsdorff Replied 1 year ago

V 2.2 comes with paperplane submit icons in comment fields now:

enter image description here

And that means:

  • the Enter button is working the same way as in posts and other text-areas
  • no more trouble composing posts with newlines on touchscreen devices
German Michael Zülsdorff Replied 1 year ago

I'm sorry Lukasz,
but I can't follow.
I uploaded GreenByGreen 1.35 two months ago (as shown top right). And it hasn't changed.
I just downloaded this version again from here to verify, and there's not a single occurence of rgbrgba in site.php!

No idea which way you got that wrong code - the archive is ok.

ch Lukasz Wesolowski Replied 1 year ago

Please disregard everything written below, I found the solution (or rather blindly stumbled across it :))

In greenbygreen-1-35\plugins\default\css\core\site.php, line 271, in the version I was working on, the contents were

background: rgba(144, 144, 144, 0.075);

whereas in a version I downloaded yesterday, the contents of the very same line are

background: rgbrgba(144, 144, 144, 0.075);

This seems to resolve the issue in its entirety.
Hope this is helpful or, at the very least, entertaining ;)


Sorry for the lack of specificity in my previous comment, I'll try better this time ;)

I changed two lines of code:
greenbygreen-1-35\plugins\default\css\core\site.php, line 22, #3ba666 to #f4be49
greenbygreen-1-35\plugins\default\pages\contents\index.php, line 72, #3ba666 to #f4be49

The first one defines the gradient on the main page, the second one defines (as far as I understand) the default background color of index.html - the color used to fill all remaining space after every other element of the page was drawn.

The result (Chrome 88.0.4324.104 stable) is this:enter image description here

As you can see, there is a rather significant difference between the yellow of the gradient and the yellow of the background - the latters seems more saturated that the former.

Hope this is clearer.


us Philip Lozier Replied 1 year ago

YIKES!!! 2.0??? LOL! I'm in trouble. I have changed every color (except 2 I can't figure out where they are yet), and modified display options for divs in the site.php file, as well as added many of my own for my custom pages. Added other stuff to it as well. Looks like I'm gonna have some work to do when this comes out on the development system! LOL! Love the theme with what I've been able to do. Gonna have to see how much this is going to involve. A little nervous actually! Thanks for all you do.



German Michael Zülsdorff Replied 1 year ago

please understand that I'm not able to help you without knowing anything about the changes you've applied.

Anyway, and before further investigating: I'm going to release GreenByGreen 2.0 very soon - and it will come with a rudimentary color editor. Hence, chances are that your issue can be solved that way. :)

enter image description here

ch Lukasz Wesolowski Replied 1 year ago

I love the theme and therefore decided to use it after customizing it a bit. While things like changing the favicon, the logo and alike were easy, I found an issue I can't get around.

When I tried to change the color scheme from green-based to yellow-based, everything went smoothly except for the main landing/login page. After replacing all the occurrences of the two green hex color codes with the two yellow hex color codes I chose, it appears that the second color of the gradient is noticeably different that the color of the html background.

As I am not that good when it comes to CSS, PHP and JS, I struggle when looking through the code in attempts to find the solution. Based on StackExange threads, this might be an issue with some other CSS code overwriting/modifying one of the colors, however I'm unable to find anything like that in the code itself.

Any help would be greatly appreciated.


Developer: Michael
License GPL v2
Type: Themes
Requires Ossn Version : 6.2
Latest Version:
Last Updated
Repository Url View Repository