Angular material theme set colors when app start
0
I am using Angular 6, and I want to set theme colors when app start.
I need to provide that user define colors in some external json/css file.
On app run, I will pick up information from json/css and set to material theme.
Is something similar possible at all ?
angular angular-material asked Nov 15 '18 at 11:08
MilosMilos
62411227
add a comment |
0
I am using Angular 6, and I want to set theme colors when app start.
I need to provide that user define colors in some external json/css file.
On app run, I will pick up information from json/css and set to material theme.
Is something similar possible at all ?
angular angular-material asked Nov 15 '18 at 11:08
MilosMilos
62411227
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57
add a comment |
0
0
0
I am using Angular 6, and I want to set theme colors when app start.
I need to provide that user define colors in some external json/css file.
On app run, I will pick up information from json/css and set to material theme.
Is something similar possible at all ?
angular angular-material asked Nov 15 '18 at 11:08
MilosMilos
62411227
I am using Angular 6, and I want to set theme colors when app start.
I need to provide that user define colors in some external json/css file.
On app run, I will pick up information from json/css and set to material theme.
Is something similar possible at all ?
angular angular-material angular angular-material asked Nov 15 '18 at 11:08
MilosMilos
62411227
asked Nov 15 '18 at 11:08
MilosMilos
62411227
asked Nov 15 '18 at 11:08
MilosMilos
62411227
asked Nov 15 '18 at 11:08
MilosMilos
62411227
asked Nov 15 '18 at 11:08
MilosMilos
62411227
62411227
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57
add a comment |
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53318117%2fangular-material-theme-set-colors-when-app-start%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53318117%2fangular-material-theme-set-colors-when-app-start%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
See if helpful stackoverflow.com/questions/47441036/…
– Abhishek Kumar
Nov 15 '18 at 11:45
Solution from link shows how to change already created themes, I cannot see anything similar to my problem. I need to change properties/colors of the theme when app start.
– Milos
Nov 15 '18 at 12:38
yes, Say, you have multiple theme files, and a configuration file. Keep a variable in configuration file, and this variable will tell which theme file to choose from multiple theme files. And in app initializer, read this configuration file variable and pick the theme file. As toggling theme is shown in this link, so insted of toggling we can choose theme according to configuration variable. I dont know this will work or not.
– Abhishek Kumar
Nov 15 '18 at 13:05
Milos I think what @Abhishek Kumar is saying is tha the only way to do that is through pre-configured style sheets or 'multiple themes'. Theming is done using SASS (build) not CSS (runtime) so there is no way to dynamically change the palettes and then re-theme the application including the AM components. The only possible way is with pre-configured CSS style sheets.
– G. Tranter
Nov 15 '18 at 14:57