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
  • Brite
  • 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 - Status | 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 2.9k 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

                    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                    With your input, this post could be even better 💗

                    Register Login
                    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