AsmBB

Power
Login Register

Asmbb Bulma Theme

#15927 (ツ) ganuonglachanh
Created 28.07.2019, read: 1960 times

A draft theme using Bulma Css rofl

Theme 1

Theme 1

Theme 1

Theme 1

Feedbacks are welcome :-)

#15928 (ツ) ganuonglachanh
Created 28.07.2019, read: 1959 times

Theme on Mobile device ;-)

Mobile Theme 1

Mobile Theme 2

#15929 (ツ) johnfound
Last edited: 28.07.2019 by johnfound, read: 1951 times

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

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

#15931 (ツ) ganuonglachanh
Created 28.07.2019, read: 1944 times
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 :'-(

#15933 (ツ) macadoum
Created 29.07.2019, read: 1929 times

Very impressive ! ;-)

#15936 (ツ) ganuonglachanh
Created 04.08.2019, read: 1896 times

More fix :-)

Image 1 Image 2 Image 3 Mobile

#15938 (ツ) johnfound
Created 05.08.2019, read: 1887 times
ganuonglachanh

More fix :-)

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

#15940 (ツ) ganuonglachanh
Created 05.08.2019, read: 1883 times
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 :-(

#15941 (ツ) johnfound
Created 06.08.2019, read: 1875 times
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.

#15942 (ツ) ganuonglachanh
Created 06.08.2019, read: 1871 times
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 ;-)

Asmbb Bulma Theme

AsmBB v2.9 (check-in: 6d407831308ba556); SQLite v3.31.1 (check-in: 3bfa9cc97da10598);
©2016..2020 John Found; Licensed under EUPL. Powered by Assembly language Created with Fresh IDE