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
Importing and Compiling the SCSS Files
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 9
- Joined: 17 Jun 2017, 22:06
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
"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
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
Regards
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
-
- Posts: 9
- Joined: 17 Jun 2017, 22:06
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
"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
It is fixed for next release.
Regards
Regards
-
- Information
-
Who is online
Users browsing this forum: No registered users and 16 guests