SOLVED

Can we add more font colors on SharePoint modern pages.

%3CLINGO-SUB%20id%3D%22lingo-sub-1878283%22%20slang%3D%22en-US%22%3ECan%20we%20add%20more%20font%20colors%20on%20SharePoint%20modern%20pages.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1878283%22%20slang%3D%22en-US%22%3E%3CP%3EThere%20are%20only%20limited%20Theme%20colors%20%26amp%3B%20Standard%20colors%20as%20mentioned%20in%20the%20screenshot%2C%20Is%20there%20any%20way%20we%20can%20get%20more%20font%20color%20options%20when%20we%20text%20on%20modern%20pages%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1878283%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1878706%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20add%20more%20font%20colors%20on%20SharePoint%20modern%20pages.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1878706%22%20slang%3D%22en-US%22%3EHello%2C%3CBR%20%2F%3E%3CBR%20%2F%3ETo%20do%20so%2C%20you%20will%20need%20to%20use%20the%20Fluent%20UI%20theme%20generator.%20Then%20use%20PowerShell%20to%20implement%20custom%20theme.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20can%20try%20to%20create%20an%20instructional%20video%20for%20how%20to%20solve%20this.%3CBR%20%2F%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1879365%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20add%20more%20font%20colors%20on%20SharePoint%20modern%20pages.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1879365%22%20slang%3D%22en-US%22%3EMeanwhile%2C%20here%20is%20a%20link%20to%20the%20theme%20generator%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ffabricweb.z5.web.core.windows.net%2Fpr-deploy-site%2Frefs%2Fheads%2F7.0%2Ftheming-designer%2Findex.html%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Ffabricweb.z5.web.core.windows.net%2Fpr-deploy-site%2Frefs%2Fheads%2F7.0%2Ftheming-designer%2Findex.html%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1888585%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20add%20more%20font%20colors%20on%20SharePoint%20modern%20pages.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1888585%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F302752%22%20target%3D%22_blank%22%3E%40Bharath975%3C%2FA%3E%26nbsp%3BHello!%3CBR%20%2F%3E%3CBR%20%2F%3EForgive%20me%2C%20I%20have%20been%20a%20bit%20busy%20with%20work.%20I%20will%20upload%20the%20video%20instructions%20in%20a%20couple%20of%20hours.%3CBR%20%2F%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1889041%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20add%20more%20font%20colors%20on%20SharePoint%20modern%20pages.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1889041%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F302752%22%20target%3D%22_blank%22%3E%40Bharath975%3C%2FA%3E%26nbsp%3BHere%20is%20the%20link%2C%20enjoy!%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DViUg9z3Ib5g%26amp%3Bab_channel%3DArefHalmstrand%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DViUg9z3Ib5g%26amp%3Bab_channel%3DArefHalmstrand%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3EIf%20this%20helped%20you%2C%20please%20mark%20as%20best%20reply%2C%20thank%20you!%3CBR%20%2F%3E%3CBR%20%2F%3EYours%20sincerely%2C%3CBR%20%2F%3EAref%20Halmstrand%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

There are only limited Theme colors & Standard colors as mentioned in the screenshot, Is there any way we can get more font color options when we text on modern pages ?

11 Replies
Hello,

To do so, you will need to use the Fluent UI theme generator. Then use PowerShell to implement custom theme.

I can try to create an instructional video for how to solve this.

Yours sincerely,
Aref Halmstrand
Sure. Please do, that will be helpful. Thank you.

@ArefHalmstrand  thank you. I am trying to use Fluent UI theme generator but having issues, can you please send instructional video ?

@Bharath975 Hello!

Forgive me, I have been a bit busy with work. I will upload the video instructions in a couple of hours.

Yours sincerely,
Aref Halmstrand

@Bharath975 Here is the link, enjoy!

https://www.youtube.com/watch?v=ViUg9z3Ib5g&ab_channel=ArefHalmstrand


If this helped you, please mark as best reply, thank you!

Yours sincerely,
Aref Halmstrand

Links:https://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/heads/7.0/theming-designer/index.htmlhttps://developer.microsoft.com/en-us/fluentui#/styl...

@ArefHalmstrand  Thank you so much for the video :smile:, I was able to create custom theme, but  I am still seeing only limited color options for text , I tried adding more colors on PowerShell script, but those are not showing as options to choose from theme colors. Is this expected ? Please find attached screenshot.

best response confirmed by Bharath975 (Occasional Contributor)
Solution

@Bharath975 Hello,

Unfortunately the properties are quite difficult to manipulate without causing to much changes in the SharePoint Online theme settings. We have to use the three "main colors" and from that, leverage the available options. For the moment, this is the expected behavior. 

To test the properties further:
https://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/heads/7.0/theming-designer/index.html

Click on "Semantic slots" and you will be able to see in more detail, how the colors are affecting each element.

Note, that in the PowerShell script, you will have the possibility to set each of the variable colors to your choosing. 

 

ArefHalmstrand_0-1605713264629.png

 

Yours sincerely,
Aref Halmstrand

@ArefHalmstrand thank you so much for your help.

You are very welcome ! :)

Hi there


There is a very useful article from Laura Kokkarinen, here about exploring the theme colors aspects.