Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Humhub
  3. Request: include LESS package

Request: include LESS package

Scheduled Pinned Locked Moved Humhub
9 Posts 3 Posters 1.2k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • imc67I Offline
    imc67I Offline
    imc67
    translator
    wrote on last edited by imc67
    #1

    According to the HumHub docs when you want to adjust colours of the themes in HumHub you have to create a Child-Theme and then edit .less files and then use LESS to compile them.

    As far as I can discover LESS is not installed in the package and therefore you can't change colours.

    https://docs.humhub.org/docs/theme/tutorial#step-2-adjust-colors-and-build-css

    Step 2: Adjust colors and build CSS​

    Installing prerequisites​

    Install NodeJS

    See: https://nodejs.org/en/download/

    Install LESS

    Open the command console and execute:

    npm install less -g
    
    girishG 1 Reply Last reply
    1
    • girishG Offline
      girishG Offline
      girish
      Staff
      wrote on last edited by
      #2

      The whole HumHub docs disappeared...

      image.png

      1 Reply Last reply
      0
      • imc67I imc67

        According to the HumHub docs when you want to adjust colours of the themes in HumHub you have to create a Child-Theme and then edit .less files and then use LESS to compile them.

        As far as I can discover LESS is not installed in the package and therefore you can't change colours.

        https://docs.humhub.org/docs/theme/tutorial#step-2-adjust-colors-and-build-css

        Step 2: Adjust colors and build CSS​

        Installing prerequisites​

        Install NodeJS

        See: https://nodejs.org/en/download/

        Install LESS

        Open the command console and execute:

        npm install less -g
        
        girishG Offline
        girishG Offline
        girish
        Staff
        wrote on last edited by
        #3

        @imc67 I will try to add it once the docs come back 🙂 Otherwise, I have no way to test.

        imc67I 1 Reply Last reply
        0
        • imc67I Offline
          imc67I Offline
          imc67
          translator
          wrote on last edited by
          #4

          ai this looks not good those 401's for such an organisation. I'll let you know when it's back.

          1 Reply Last reply
          0
          • girishG girish

            @imc67 I will try to add it once the docs come back 🙂 Otherwise, I have no way to test.

            imc67I Offline
            imc67I Offline
            imc67
            translator
            wrote on last edited by
            #5

            @girish it’s working again 👍

            girishG 1 Reply Last reply
            2
            • imc67I imc67

              @girish it’s working again 👍

              girishG Offline
              girishG Offline
              girish
              Staff
              wrote on last edited by
              #6

              @imc67 thanks! just taking a look now.

              1 Reply Last reply
              1
              • girishG Offline
                girishG Offline
                girish
                Staff
                wrote on last edited by girish
                #7

                @imc67 turns out even if we install lessc, building it is quite a pain because the build is referencing code outside the theme . i.e the theme is inside /app/data/theme/xxx but it's referencing with ../.. to reach into files inside /app/code . I guess this would have worked if Cloudron didn't use a separate directory.

                I was able to build this quite easily on the desktop though:

                • wget https://download.humhub.com/downloads/install/humhub-1.15.2.tar.gz
                • Extract above
                • cd humhub-1.15.2/themes
                • cp -r HumHub Example # copy over them
                • Make theme changes as desired
                • cd Example/less and then lessc build.less ../css/theme.css

                I used the CLI tool to push the files : cloudron push --app humhub Example /app/data/themes/ . Of course, you can always zip up that folder and upload it via File manager.

                Then, I select Example in the Appearance.

                image.png

                imc67I 1 Reply Last reply
                3
                • girishG girish

                  @imc67 turns out even if we install lessc, building it is quite a pain because the build is referencing code outside the theme . i.e the theme is inside /app/data/theme/xxx but it's referencing with ../.. to reach into files inside /app/code . I guess this would have worked if Cloudron didn't use a separate directory.

                  I was able to build this quite easily on the desktop though:

                  • wget https://download.humhub.com/downloads/install/humhub-1.15.2.tar.gz
                  • Extract above
                  • cd humhub-1.15.2/themes
                  • cp -r HumHub Example # copy over them
                  • Make theme changes as desired
                  • cd Example/less and then lessc build.less ../css/theme.css

                  I used the CLI tool to push the files : cloudron push --app humhub Example /app/data/themes/ . Of course, you can always zip up that folder and upload it via File manager.

                  Then, I select Example in the Appearance.

                  image.png

                  imc67I Offline
                  imc67I Offline
                  imc67
                  translator
                  wrote on last edited by imc67
                  #8

                  @girish thank you very much for your efforts to find a solution, it’s quite a workaround but worth it!

                  1 Reply Last reply
                  1
                  • robiR Offline
                    robiR Offline
                    robi
                    wrote on last edited by
                    #9

                    It seems like they could use a gallery of cool custom themes for download..

                    Conscious tech

                    1 Reply Last reply
                    0
                    Reply
                    • Reply as topic
                    Log in to reply
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes


                    • Login

                    • Don't have an account? Register

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Categories
                    • Recent
                    • Tags
                    • Popular
                    • Bookmarks
                    • Search