AsmBB

Power
Login Register

Asmbb Bulma Theme
0

#15927 (ツ) ganuonglachanh
Created 28.07.2019, read: 7446 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: 7445 times

Theme on Mobile device ;-)

Mobile Theme 1

Mobile Theme 2

#15929 (ツ) johnfound
Last edited: 28.07.2019 by johnfound, read: 7437 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: 7430 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: 7415 times

Very impressive ! ;-)

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

More fix :-)

Image 1 Image 2 Image 3 Mobile

#15938 (ツ) johnfound
Created 05.08.2019, read: 7373 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: 7369 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: 7361 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: 7357 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
0

AsmBB v3.0 (check-in: a316dab8b98d07d9); SQLite v3.42.0 (check-in: 831d0fb2836b71c9);
©2016..2023 John Found; Licensed under EUPL. Powered by Assembly language Created with Fresh IDE