theme.scss autoload does not work

dominx99

I put theme.scss on root level like this:

{ROOT}/theme.scss
{ROOT}/modules/...
{ROOT}/src/...

theme.scss content:

$title-screen-font-size: 40px;
$title-screen-font-color: white;
$title-screen-font-border-color: black;
$title-screen-background: url('@/modules/config/assets/login-bg.png');

error:
error image

Samarium

Noted, I'm looking at it

AsoStrife

@Samarium Any news? I also have this bug

RPGJS_Bot

Hello,

The problem has been solved on the latest version (). You can update RPGJS

dominx99

@Samarium

Now I don't have an error in the console 👌
but I may not get it how it works

I have {ROOT}/theme.scss

$input-height: 100px;
$input-background: url('@/modules/config/assets/input.png');

and modules/title-screen/src/client/gui/connect.vue

<style lang="scss">
$input-height: 40px;
$input-background: black;

input {
    background: $input-background;
    background-size: 100% 100%;
    height: $input-height;
}

result: result

Should I have input with height 100px and image as background? or it is not how it works?

kepoly

dominx99
$input-background: black;
Will override
$input-background: url('@/modules/config/assets/input.png');
and the same goes for the height.

I suggest you look into Sass variables https://sass-lang.com/documentation/variables/ and understand how scope works.

dominx99

kepoly

Yea, I forgot to add !deafult

$input-background: black !default;

Thanks