▄▄             ▄▄▄  ▄▄▄ Power
█  █ ▄▄▄▄ ▄▄▄▄▄ █  █ █  █
█▄▄█ █▄▄▄ █ █ █ █▀▀▄ █▀▀▄
█  █ ▄▄▄█ █ █ █ █▄▄▀ █▄▄▀

Login
Register
/ aa about.it ad amd64 and.who api asm asmbb asmbb.features authentication bbcode best bugs bulma cares chat common debian decentralization deck design dll docker email embed fast feature files fossil fresh.ide friendly gamedev heap help hiawatha high.cpu i18n ideas incredible interop learning libfresh limit links linux mailing.list meme meta.http-equiv minimag money mysql neo nginx numbers orly os outage pass password post-by-email programmers programming proile read-by-email resources safety script.alert.xss secret seo skins sodom source sourcecode stress.test subdirectory subforum suggestion support tags templates test test123 theme type very.ugly video work xss игнат котики парола русский тест уеб.програмиране хабр.наполеон
Categories Threads

Asmbb Bulma Theme RSS

A draft theme using Bulma Css rofl

Theme 1

Theme 1

Theme 1

Theme 1

Feedbacks are welcome :-)

Theme on Mobile device ;-)

Mobile Theme 1

Mobile Theme 2

Oh! It really looks much better this way! :-)

But the red logo above is actually not suitable for this theme...

johnfound

Oh! It really looks much better this way! :-)

But the red logo above is actually not suitable for this theme...

Thanks for the feedback, it need improve and optimize a lot :'-(

Very impressive ! ;-)

More fix :-)

Image 1 Image 2 Image 3 Mobile

ganuonglachanh

More fix :-)

Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".

johnfound
ganuonglachanh

More fix :-)

Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".

Bulma is a light theme only as in screenshot. Bulma2 is a customized theme that can change UI by changing the pre-made bulma CSS file url (Bulma Watch) . I still don't know how to change theme on-the-fly with it :-(

ganuonglachanh
johnfound
ganuonglachanh

More fix :-)

Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".

Bulma is a light theme only as in screenshot. Bulma2 is a customized theme that can change UI by changing the pre-made bulma CSS file url (Bulma Watch) . I still don't know how to change theme on-the-fly with it :-(

The biggest problem with this approach is that the emoticon images are not changed on the dark theme. The emoticons are defined through the symlink templates/THEME_NAME/_images/emoticons (and chatemoticons for the chat). So they can't be changed by JS or CSS tricks.

One possible solution is to use SVG emoticons (because of transparency), that are designed in a way to be suitable both for the light and dark themes.

johnfound

The biggest problem with this approach is that the emoticon images are not changed on the dark theme. The emoticons are defined through the symlink templates/THEME_NAME/_images/emoticons (and chatemoticons for the chat). So they can't be changed by JS or CSS tricks.

One possible solution is to use SVG emoticons (because of transparency), that are designed in a way to be suitable both for the light and dark themes.

Thanks for the suggestion, AsmBB has the change theme function so I think a dedicated dark theme is better, it doesn't need to be all-in-one theme,thanks AsmBB ;-)

Categories Threads

Asmbb Bulma Theme RSS

AsmBB v2.7 (check-in: b1b34acbf71dada0); SQLite v3.29.0 (check-in: fc82b73eaac8b369);

©2016..2018 John Found; Licensed under EUPL.
Powered by Assembly language
Created with Fresh IDE

Icons are made by Egor Rumyantsev, vaadin and icomoon from www.flaticon.com