Importing and Compiling the SCSS Files

Post Reply
jfabian007
Posts: 5
Joined: 17 Jun 2017, 22:06

13 Jul 2017, 14:18

I purchased the paradise theme but want to be able to make changes to the SCSS files and have the compile on save but the index.html page has the following css stylesheets. I removed this and tried to import the scss in the styles.scss but keep getting errors.

//Index.html - I commented this out
<link id="theme-css" rel="stylesheet" type="text/css" href="assets/theme/theme-blue.css">
<link id="layout-css" rel="stylesheet" type="text/css" href="assets/layout/css/layout-default.css">

//I added this to the styles.scss but no luck. Can you give me some help/tips on what I need to import into the styles.scss file in my angular project?

$primaryColor:#89C800;
$primaryTextColor:#ffffff;

$topbarLeftBgColor:#37a533;
$topbarRightBgColor:#37a533;
$topbarLeftTextColor:#ffffff;
$topbarRightTextColor:#ffffff;
$topbarBorderBottomColor:#37a533;
$primaryColor:#37a533;
$primaryTextColor:#ffffff;
$accentColor:#3984b8;
$darkMenuBgColor:#393b3e;
$darkMenuTextColor:#f6f8f9;
$bodyBgColor:#F2F8FA;

@import 'assets/sass/theme/_variables';
@import 'assets/sass/theme/_theme';
@import 'assets/sass/layout/_layout';


Thanks

jfabian007
Posts: 5
Joined: 17 Jun 2017, 22:06

13 Jul 2017, 14:50

Actually I changed it to import the files in angular-cli.json

"assets/layout/css/layout-green.scss",
"assets/theme/theme-green.scss",

but still doesn't compile, missing image tth-connector.png in _data.scss in the ui.treenode

User avatar
DarthMaul
Posts: 575
Joined: 23 Nov 2015, 21:20

14 Jul 2017, 10:04

We are changing the theme and layout colors with those tags at the index.html using the id's of them.

You can add your own imports to the styles.scss like this

Code: Select all

@import 'assets/theme/theme-blue.css';
@import 'assets/theme/theme-blue.css';

Regards

jfabian007
Posts: 5
Joined: 17 Jun 2017, 22:06

14 Jul 2017, 14:10

I added this to the angular-cli.json file under styles

"assets/layout/css/layout-green.scss",
"assets/theme/theme-green.scss",

I had to comment out these lines in _data.scss since the tth-connector.png file is missing for it to compile

line 484
.ui-treenode {
//background: url("../layout/images/tth-connector.png") repeat-x scroll center center transparent;


line 512
/*
.ui-treenode-connector-line {
background: url("../layout/images/tth-connector.png") repeat-y scroll 0 0 transparent
}*/


Thanks

User avatar
DarthMaul
Posts: 575
Joined: 23 Nov 2015, 21:20

17 Jul 2017, 08:59

It is fixed for next release.

Regards

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest