CouchCMS Forum General Discussion
Forum for discussing general topics related to Couch.
6 posts Page 1 of 1
Post a reply
Previous Next

Uikit3 admin theme

avatar
gem3
Registered User
Hello Couchers.

I made a Uikit3 admin theme.
This is not 100% finished, but works.

So you can try to get some idea to make your own theme.

uikit3.zip
Uikit3 admin theme
(24.36 KiB) Downloaded 413 times



"What I did"

1. I just took off main.css.

2. added uikit assets link in head of main.html.

3. also added some changes to main.html

4. added some css to sytles.css

5. added reborn.js to change and add class of css with jQuery.

You can edit reborn.js and sytles.css whatever you want.

Re: Uikit3 admin theme

User avatar
trendoman
Registered User
Please add screenshots and/or video.

Re: Uikit3 admin theme

avatar
gem3
Registered User
Hello trendoman!!!

You can see what looks like.

screen_main.png
Screenshot main
screen_main.png (57.58 KiB) Viewed 2511 times


screen_main_sidebar.png
Screenshot with sidebar
screen_main_sidebar.png (78.42 KiB) Viewed 2511 times


screen_setting_advanced.png
Screenshot settings advanced
screen_setting_advanced.png (60.46 KiB) Viewed 2511 times


They need some adjustments.

Re: Uikit3 admin theme

User avatar
trendoman
Registered User
Arigato gozaimasu :)

Re: Uikit3 admin theme

avatar
gem3
Registered User
Your welcome trendoman. :D

Re: Uikit3 admin theme

avatar
gem3
Registered User
Hello Couchers

If someone is interested in this theme, please share your reborn.js and styles.css.

There are a lot of places to improve like tooltips.

But I think using jQuery is easy way to make a custom theme.

Uikit3 Documentation :
https://getuikit.com/docs/introduction

PS:
To avoid flicker of jQuery,
add "uk-animation-fade" class to body-tag in main.html.

<body class="uk-animation-fade">
Post a reply
Previous Next
6 posts Page 1 of 1
Return to General Discussion

cron