EasyUI Forum
October 15, 2025, 10:54:34 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Theme Builder - how to  (Read 8279 times)
jega
Full Member
***
Posts: 225


View Profile
« on: December 21, 2024, 10:13:19 AM »

Hi.

When using theme builder i can set my own colors and get the CSS from the CSS-tab. Creating a folder "MyOwnTheme", copy all files from defailt theme to this folder and paste the new css styles to the easyyui.css file.

So far so good

What about all other css files accordion.css, calendar.css ...... isn't there anything to change in these files ??

If i have my own easyui.css file and paste the code to css-tab in theme builder i excpected it would show me the theme, but it doesn't. How to edit my own theme again ??

Regards Jesper.


« Last Edit: December 27, 2024, 07:38:08 AM by jega » Logged
jarry
Administrator
Hero Member
*****
Posts: 2300


View Profile Email
« Reply #1 on: December 23, 2024, 11:21:17 PM »

Please open https://www.jeasyui.com/themebuilder/index.php?less=1 instead.

You can store the LESS definition that is on the left tab panel and later you can continue to edit the theme by restoring the LESS definition.
Logged
jega
Full Member
***
Posts: 225


View Profile
« Reply #2 on: December 27, 2024, 07:37:45 AM »

Thanks jarry


Explanation to other users.

Use the url in this thread to the theme builder.

Create your style in the Setting tab. For use in your project, select tab CSS and copy the style code.

  • Under easyui/themes, create a new folder and name it what describe your theme "mytheme"
  • Copy all files from default theme to this new folder
  • Open easyui.css file and overwrite everything with the created CSS

Link to this new theme
<link rel="stylesheet" type="text/css" href="easyui/themes/mytheme/easyui.css">


Go to theme builder LESS tab and copy everything, and save it in a text file (Important)

When you need to edit in the theme, open theme builder, goto LESS tab, overwrite with your theme LESS code and push the little reload button on the LESS tab, and you are back.


Regards Jesper - Denmark

« Last Edit: December 27, 2024, 07:40:09 AM by jega » Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!