Announcement

Collapse
No announcement yet.

Custom Theme with Custom css

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Custom Theme with Custom css

    Hello all,

    I am currently trying to implement a custom theme with custom css.

    So far, i put my mytheme.json as well as the mytheme.css in "espocrm/custom/Espo/Custom/Resources/metadata/themes" to keep it upgrade-safe.

    I can select "mytheme" in the frontend, but as i apply it, i don't get access to mytheme.css (Error 403, forbidden).

    Checked all rights, users and groups (www-data). Added <Limit>...</Limit> to my .htaccess, rebuilt apache.
    Espo still can't fetch my custom css.
    As i change the path to a css-file which is already existent, everything works fine...

    mytheme.json:

    Code:
    {
    "stylesheet": "custom/Espo/Custom/Resources/matadata/themes/mytheme.css",
    "stylesheetIframe": "client/css/espo/hazyblue-iframe.css",
    "dashboardCellHeight": 155,
    "dashboardCellMargin": 19,
    "navbarHeight": 43,
    "modalFooterAtTheTop": true,
    "modalFullHeight": true,
    "fontSize": 14,
    "textColor": "#333",
    "chartGridColor": "#ddd",
    "chartTickColor": "#e8eced",
    "chartSuccessColor": "#85b75f",
    "chartColorList": ["#6FA8D6", "#EDC555", "#DE6666", "#8A7CC2", "#c1834d", "#4E6CAD", "#ED8F42", "#d69cc7", "#bfbfbf"],
    "chartColorAlternativeList": ["#6FA8D6", "#EDC555", "#DE6666", "#8A7CC2", "#c1834d"]
    }
    The mytheme.css is, at least for now, copied from hazyblue.css.


    Hope anyone is able to help me out.
    Thanks in advance!

  • #2
    Hi,
    please investigate documentation of how properly use a custom CSS file https://github.com/espocrm/documenta.../custom-css.md.
    More developer help you can get here https://github.com/espocrm/documenta...pment/index.md.

    Comment


    • #3
      Unfortunately, the documentation at the link posted above does not completely address what to do when I want to add a custom scheme in addition to "Vertical Espo", "Vertical Hazyblue" etc.

      Where exactly do I have to specify that a certain CSS file is related to a certain scheme and that this scheme actually exists?

      I want the scheme to be chosable in the administration interface and correctly linked to its CSS file.

      Is it in the end the specification of the JSON like PhilWSRN described above, combined with the registration of the custom CSS file like described in the first link of the two?

      Comment


      • #4
        Hello.
        Are you able to open css style directly through your browser?

        Comment


        • #5
          You can try our new theme which is based on default EspoCRM theme
          Here you have all information https://forum.espocrm.com/forum/exte...d-by-devcrm-it

          Comment

          Working...
          X