..:: AsmBB ::..: Asmbb Bulma Theme
<img src="https://board.asm32.info/images/title.svg" alt="Title img">
<h1>AsmBB is ultrafast web forum, written entirely in assembly language. This site is the official support development forum and demo/test installation.</h1>
tag:board.asm32.info,2018-03-06:Thread2812019-08-06T16:50:38Zganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159422019-08-06T16:50:38Z
<blockquote><header>johnfound</header><p>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 <code>templates/THEME_NAME/_images/emoticons</code> (and <code>chatemoticons</code> for the chat). So they can't be changed by JS or CSS tricks.
</p>
<p>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.
</p></blockquote>
<p>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 <strong>AsmBB</strong> <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/wink.gif" alt=";-)" />
</p>
ganuonglachanh johnfound on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159412019-08-06T15:23:39Z
<blockquote><header>ganuonglachanh</header><blockquote><header>johnfound</header><blockquote><header>ganuonglachanh</header><p>More fix <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p></blockquote>
<p>Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".
</p>
</blockquote>
<p>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 (<a href="https://jenil.github.io/bulmaswatch/">Bulma Watch</a>) . I still don't know how to change theme on-the-fly with it <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/sad.gif" alt=":-(" />
</p></blockquote>
<p>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 <code>templates/THEME_NAME/_images/emoticons</code> (and <code>chatemoticons</code> for the chat). So they can't be changed by JS or CSS tricks.
</p>
<p>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.</p>
johnfoundganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159402019-08-05T11:34:32Z
<blockquote><header>johnfound</header><blockquote><header>ganuonglachanh</header><p>More fix <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p></blockquote>
<p>Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".
</p>
</blockquote>
<p>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 (<a href="https://jenil.github.io/bulmaswatch/">Bulma Watch</a>) . I still don't know how to change theme on-the-fly with it <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/sad.gif" alt=":-(" /> </p>
ganuonglachanh johnfound on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159382019-08-05T07:43:38Z
<blockquote><header>ganuonglachanh</header><p>More fix <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p></blockquote>
<p>Great! But how are you changing the dark/light themes? I see, it is a single theme named "bulma2".
</p>
johnfoundganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159362019-08-04T08:20:14Z
<p>More fix <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p>
<p><img class="block" src="https://i.imgur.com/TK6ZMrt.png" alt="Image 1" />
<img class="block" src="https://i.imgur.com/sUBESff.png" alt="Image 2" />
<img class="block" src="https://i.imgur.com/ZYfnY2y.png" alt="Image 3" />
<img class="block" src="https://i.imgur.com/WOA6gnP.png" alt="Mobile" /> </p>
ganuonglachanh macadoum on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159332019-07-29T14:09:43Z
<p>Very impressive ! <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/wink.gif" alt=";-)" /> </p>
macadoumganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159312019-07-28T15:26:39Z
<blockquote><header>johnfound</header><p>Oh! It really looks much better this way! <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p>
<p>But the red logo above is actually not suitable for this theme...
</p></blockquote>
<p>Thanks for the feedback, it need improve and optimize a lot <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/cry.gif" alt=":'-(" /> </p>
ganuonglachanh johnfound on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159292019-07-28T14:09:00Z
<p>Oh! It really looks much better this way! <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" />
</p>
<p>But the red logo above is actually not suitable for this theme... </p>
johnfoundganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159282019-07-28T03:12:51Z
<p>Theme on Mobile device <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/wink.gif" alt=";-)" />
</p>
<p><img class="block" src="https://i.imgur.com/HNdZXYn.png" alt="Mobile Theme 1" />
</p>
<p><img class="block" src="https://i.imgur.com/N0vq0Lh.png" alt="Mobile Theme 2" /> </p>
ganuonglachanh ganuonglachanh on Asmbb Bulma Themetag:board.asm32.info,2018-03-06:Post159272019-07-28T03:08:26Z
<p>A draft theme using Bulma Css <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/rofl.gif" alt="rofl" />
</p>
<p><img class="block" src="https://i.imgur.com/sMNk3nJ.png" alt="Theme 1" />
</p>
<p><img class="block" src="https://i.imgur.com/vzHxt6I.png" alt="Theme 1" />
</p>
<p><img class="block" src="https://i.imgur.com/U8L4m1Z.png)" alt="Theme 1" />
</p>
<p><img class="block" src="https://i.imgur.com/vr9YPJ5.png" alt="Theme 1" />
</p>
<p>Feedbacks are welcome <img class="inline" src="/templates/Urban+Sunrise/_images/emoticons/smile.gif" alt=":-)" /> </p>
ganuonglachanh