Colors of category and forum icons- Page 2

Welcome Guest! To enable all features please Login or Register.

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴

2020-02-12T08:18:08Z

Sorry i don't know what you doing wrong. But you can also right click on the .scss file in the solution explorer and click on web compiler > Recompile file

Click to View Image14 View(s)

Edited by user 2020-02-12T08:19:22Z | Reason: Not specified

tecman
100% (Exalted)
YAF All-the-Time Topic Starter

2020-02-12T11:47:04Z

#17

I got the following error after doing this:

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

It looks like I need to install node.js first and then the caniuse-lite package. Very sad...

Why don't we have the ability to set theme colors a simple way?

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 Answer

2020-02-12T14:19:47Z

#18

Originally Posted by: tecman

I got the following error after doing this:
Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
It looks like I need to install node.js first and then the caniuse-lite package. Very sad...

This is a problem with the webcompiler. But i'm not responsible for bugs in other software. I run a little powershell script to update ther browserlist

## Remove current version of caniuse-lite & browserlist
rm -r -fo $Home\AppData\Local\Temp\WebCompiler*\node_modules\caniuse-lite\
rm -r -fo $Home\AppData\Local\Temp\WebCompiler*\node_modules\browserlist\

## Install caniuse-lite and browserlist new versions in proper directory
cd $Home\AppData\Local\Temp\WebCompiler*
npm i caniuse-lite browserlist

## Popup to confirm installation completed
$wshell = New-Object -ComObject Wscript.Shell
$wshell.Popup("caniuse-lite & browserlist have been updated",0,"NPM Install Complete",0x0 + 0x40 + 0x1000)

save this script as ps file and run it in powershell

Originally Posted by: tecman

Why don't we have the ability to set theme colors a simple way?

Well of course you can directly modify the css, its your decision. But its much easier to modify the scss files.

Edited by user 2020-02-12T14:21:58Z | Reason: Not specified

tecman
100% (Exalted)
YAF All-the-Time Topic Starter

2020-02-12T16:03:32Z

#19

WOOOOOOOW!
Hundreds of thanks!
I've managed to do what I wanted after launching that PowerShell script!!

BTW, I also set this in _variables.scss:

$font-size-base:              1rem !default;

This gave me an even better and more harmonious look of all UI elements compared to setting 'font-size:1rem;' for body directly in bootstrap-forum.min.css.

Originally Posted by: tha_watcha

Well of course you can directly modify the css, its your decision. But its much easier to modify the scss files.

Changing just $warning color from $purple to $orange gives 37 (!!) differences between the new and original bootstrap-forum.css. And you should know why - we have derived RGB values and the like. So changing resulting CSS's for bootstrap themes directly is definitely not a way to go 😊

Important Information:

The YAF.NET Support Forum uses cookies. By continuing to browse this site, you are agreeing to our use of cookies. More Details Close

About Us

The YAF.NET is an open source .NET forum project. YAF.NET is supported by an team of international developers who are build community by building community software.

Project Twitter Updates

Tweets by YAFNET

Important Information:

About Us

Project Twitter Updates

Useful Links

Our Contacts